Texten Fürs Web, Usability Coffee Zug, 24.11.2015

Texten fürs Web
Usability Coffee, Zug, 24. November 2015

Usability Erfahrung seit 2008
Website-Entwicklung seit 1997
Software-Entwicklung mit Java - mehrere
Jahre Erfahrung
Studium: Wirtschaftsinformatik Universität
Zürich (M Sc UZH)
Dozententätigkeit
HSR Hochschule für Technik Rapperswil,
Digicomp Academy und FHS St.Gallen
andreas.bossard@soultank.ch
Andreas Bossard
Usability Consultant
| Folie 2soultank AG | Usability Coffee | 24. November 2015

soultank AG | Usability Coffee | 24. November 2015
Wissenschaftlich fundiertes Beratungsunternehmen
Seit 1996 im Bereich Usability und Ergonomie tätig
2000 Gründung soultank AG in Zug
Betrieb eines Usability-Labors in Zug
Europaweit tätig, Fokus Schweiz
Über soultank AG
| Folie 3
Wir sind die unabhängigen Usability-Experten mit
unvoreingenommenem Blick auf Ihr Produkt

Referenzen soultank AG
soultank AG | Usability Coffee | 24. November 2015 | Folie 4
Weitere Referenzen: www.soultank.ch/content/referenzen

User Centred Design (UCD)

Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Website?
Planen
Aufbau einer Seite
Titel
Lead
Body
Prozess: Writing is rewriting
Literaturtipps
Inhaltsübersicht

Inhalt ist das weswegen die Leute auf die Seite kommen.
Navigation, Technologie und Visual Design unterstützen
Navigation
Visual Design
Technologie
Inhalt
Bild-Quelle: Janice (Ginny) Redish – Letting go of the words

Wie lesen Leute auf einer Webseite?
Planen
Aufbau einer Seite
Titel
Lead
Body
Literaturtipps
Inhaltsübersicht

Inhalt = Dialoge: Jede Nutzung der
Website ist ein Dialog der vom
Benutzer gestartet wird
Websites oft als Informationsablagen
gesehen
«Wir haben diesen Inhalt und müssen ihn
irgendwie anordnen auf der Website»
Aber: Website ist wie ein Telefon:
Leute kommen weil sie Fragen haben
Icons:
http://thenounproject.com/term/talking/18441/
http://thenounproject.com/term/files/6858/
http://thenounproject.com/term/telephone/1108/

Eine Website muss Fragen der Benutzer beantworten!
Wie kann ich
Kontakt aufnehmen
zu dieser Firma?
Icons:
http://thenounproject.com/term/talking/18441/

Planen
Aufbau einer Seite
Titel
Lead
Body
Literaturtipps
Inhaltsübersicht

Leute überfliegen den Text («Scannen»)
Je nach Ziel wird anderes wahrgenommen
Richtig durchlesen nur, wenn etwas gefunden, was sie
gesucht haben
Quelle: http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/

Lesen ist unnatürlich
Sprechen: Seit 100’000 Jahren
Lesen: Seit ca. 1000 Jahren.
Verbreitet erst seit ca. 500 Jahren
Ca. 100’000 v. Chr. Heute
Quelle: J. Johnson – Designing with the mind in mind

Planen
Aufbau einer Seite
Titel
Lead
Body
Literaturtipps
Inhaltsübersicht

Bevor man mit Schreiben beginnt sich fragen:
Wieso?
Ich schreibe das damit wer? was? machen kann
Was will ich damit beim Leser auslösen? (Call To Action)
Wer?
Benutzer, Aufgaben & Kontext Analyse (folgende Folie)
Personas generieren zur Dokumentation (folgende Folie)
Planen

Benutzer, Aufgaben & Kontext Analyse

Personas generieren zur Dokumentation
Pro Persona definieren:
• Was für Konversationen will
sie starten?
• Was für Fragen hat sie im
Kopf?

Planen
Aufbau einer Seite
Titel
Lead
Body
Literaturtipps
Inhaltsübersicht

Titel
Lead
Body
Aufbau einer Seite

Planen
Aufbau einer Seite
Titel
Lead
Body
Literaturtipps
Inhaltsübersicht

Ein guter Titel
Fasst den Artikel zusammen
Ist auch ausserhalb des Kontexts sinnvoll
Ist klar formuliert, anstatt originell
Animiert den Leser zum Weiterlesen
Ist 40 bis 60 Zeichen lang
Titel

Fasst den Artikel zusammen
Ein guter Titel

Ist auch ausserhalb des Kontexts sinnvoll
Ein guter Titel

Ist klar formuliert, anstatt originell
Ein guter Titel

Ist 40 bis 60 Zeichen lang
Ein guter Titel

Planen
Aufbau einer Seite
Titel
Lead
Body
Literaturtipps
Inhaltsübersicht

Ein guter Lead:
Fasst den Artikel zusammen (mit mehr Informationen als Titel)
Muss kurz sein (meist nicht mehr als ein Satz)
Muss die zentralen W-Fragen «wer» und «was» beantworten
Lead

Fasst den Artikel zusammen (mit mehr Informationen als
Titel)
Ein guter Lead

Muss kurz sein (meist nicht mehr als ein Satz)
Ein guter Lead

Muss die zentralen W-Fragen «wer» und «was»
beantworten
Ein guter Lead
Wer
Was
Wieso

Planen
Aufbau einer Seite
Titel
Lead
Body
Literaturtipps
Inhaltsübersicht

Ein guter Body:
Ist in mehrere Abschnitte zerlegt (mit Zwischentiteln)
Hat einen Gedanken pro Absatz
Benutzt bullet points wo sinnvoll
Benutzt Illustrationen zur Veranschaulichung
Endet mit einer Handlungsaufforderung
Body

Ist in mehrere Abschnitte zerlegt (mit
Zwischentiteln)
Ein guter Body

Hat einen Gedanken pro Absatz
Ein guter Body

Benutzt bullet points wo sinnvoll
Ein guter Body

Benutzt Illustrationen
zur Veranschaulichung
Ein guter Body

Endet mit einer
Handlungsaufforderung
Ein guter Body

Planen
Aufbau einer Seite
Titel
Lead
Body
Literaturtipps
Inhaltsübersicht

Writing is rewriting
Nicht mit der ersten Version
zufrieden geben!
Prozess
Icon:
http://thenounproject.com/term/writing/17014/

Text selber nochmals durchlesen
Sich selber laut vorlesen
Darüber schlafen
Von Kollegen durchlesen lassen
Icons: http://thenounproject.com/term/reading/36090/
http://thenounproject.com/term/sleep/28975/

Sich in Persona versetzen:
Würde Marco das verstehen?
Werden seine Fragen
beantwortet?
Tipp fürs Korrekturlesen: Linie
für Linie vom Ende her lesen

Planen
Aufbau einer Seite
Titel
Lead
Body
Literaturtipps
Inhaltsübersicht

Janice (Ginny) Redish: Letting Go of the
Words, Writing Web Content that Works,
2012
Jeff Johnson: Designing with the Mind in
Mind, Simple Guide to Understanding
User Interface Design Guidelines, 2014
Literaturtipps

Nächste Termine in Zug
Do, 11. Februar 2015, 07.30 - 08.30 Uhr
«Scrum und User Centered Design – wie geht das?»
http://soultank.ch/content/ueber-uns/usability-coffee/
Usability Coffee 2015

Herzlichen Dank für Ihre Aufmerksamkeit
Bei Fragen stehen wir gerne zur Verfügung

Team
soultank AG | Usability Coffee | 24. November 2015 | Folie 50
soultank AG
Bahnhofplatz
Postfach 4744
6304 Zug
Tel: +41 41 726 50 20
Fax: +41 41 726 50 26
www.soultank.ch
Gaby SurberMonique Andres
Marcel B.F. Uhr Bianca Redel Andreas Bossard Adrian Lauper
Stefanie Friedli Jérome Fischer
Joel Schmid

Texten Fürs Web, Usability Coffee Zug, 24.11.2015

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (16)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Texten Fürs Web, Usability Coffee Zug, 24.11.2015

Ähnlich wie Texten Fürs Web, Usability Coffee Zug, 24.11.2015 (20)

Mehr von soultank AG

Mehr von soultank AG (6)

Texten Fürs Web, Usability Coffee Zug, 24.11.2015