Texten fürs Web

1. Texten fürs Web
Usability Coffee, St. Gallen, 20. November 2014

2. Ihre Ansprechpartnerin in St.Gallen
Iris Müller
Senior Usability Consultant
iris.mueller@soultank.ch
8 Jahren Usability – Erfahrung
MSc UniBE, AO Psychologin
Certified Usability Analyst, Human Factors International
Fraunhofer Institut, Daimler, Mitsubishi Motors
Dozententätigkeit
HSR Hochschule für Technik Rapperswil,
Digicomp Academy und FHS St.Gallen
soultank AG | Usability Coffee | 20. November 2014 | Folie 2

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

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

5. Andreas Bossard
Usability Consultant
Usability Erfahrung seit 2008
Webseitenentwicklung 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
soultank AG | Usability Coffee | 20. November 2014 | Folie 5

6. soultank AG | Usability Coffee | 20. November 2014 Seite 6
User Centred Design (UCD)

7. soultank AG | Usability Coffee | 20. November 2014 Seite 7
User Centred Design (UCD)

8. soultank AG | Usability Coffee | 20. November 2014 Seite 8
User Centred Design (UCD)

9. soultank AG | Usability Coffee | 20. November 2014 Seite 9
User Centred Design (UCD)

10. soultank AG | Usability Coffee | 20. November 2014 Seite 10
User Centred Design (UCD)

11. Inhaltsübersicht
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite?
Planen
Aufbau einer Seite
Titel
Lead
Body
Prozess: Writing is rewriting
Literaturtipps
soultank AG | Usability Coffee | 20. November 2014 | Folie 11

12. Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Inhalt ist das weswegen die Leute auf die Seite kommen.
Navigation, Design und Technologie unterstützen
Technologie
soultank AG | Usability Coffee | 20. November 2014 | Folie 12
Navigation
Design
Inhalt
Bild-Quelle: Janice (Ginny) Redish – Letting go of the words

13. Inhaltsübersicht
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite?
Planen
Aufbau einer Seite
Titel
Lead
Body
Prozess: Writing is rewriting
Literaturtipps
soultank AG | Usability Coffee | 20. November 2014 | Folie 13

14. Was wird bei Inhalten oft falsch gemacht?
Inhalt = Dialoge: Jede Nutzung der
Webseite ist ein Dialog der vom
Benutzer gestartet wird
Webseiten oft als
Informationsablagen gesehen
«Wir haben diesen Inhalt und müssen ihn
irgendwie anordnen auf der Webseite»
Aber: Webseite ist wie ein Telefon:
Leute kommen weil sie Fragen haben
soultank AG | Usability Coffee | 20. November 2014 | Folie 14
Icons:
http://thenounproject.com/term/talking/18441/
http://thenounproject.com/term/files/6858/
http://thenounproject.com/term/telephone/1108/

15. Inhaltsübersicht
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite?
Planen
Aufbau einer Seite
Titel
Lead
Body
Prozess: Writing is rewriting
Literaturtipps
soultank AG | Usability Coffee | 20. November 2014 | Folie 15

16. Wie lesen Leute auf einer Webseite?
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/
soultank AG | Usability Coffee | 20. November 2014 | Folie 16

17. Inhaltsübersicht
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite?
Planen
Aufbau einer Seite
Titel
Lead
Body
Prozess: Writing is rewriting
Literaturtipps
soultank AG | Usability Coffee | 20. November 2014 | Folie 17

18. Planen
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
Personas generieren zur Dokumentation
Pro Persona:
Was für Konversationen wollen sie starten?
Was für Fragen haben sie im Kopf?
soultank AG | Usability Coffee | 20. November 2014 | Folie 18

19. Benutzer, Aufgaben Kontext Analyse
soultank AG | Usability Coffee | 20. November 2014 Seite 19

20. Personas generieren zur Dokumentation
soultank AG | Usability Coffee | 20. November 2014 Seite 20

21. Inhaltsübersicht
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite?
Planen
Aufbau einer Seite
Titel
Lead
Body
Prozess: Writing is rewriting
Literaturtipps
soultank AG | Usability Coffee | 20. November 2014 | Folie 21

22. soultank AG | Usability Coffee | 20. November 2014 Seite 22
Aufbau einer Seite
Titel
Lead
Body

23. Inhaltsübersicht
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite?
Planen
Aufbau einer Seite
Titel
Lead
Body
Prozess: Writing is rewriting
Literaturtipps
soultank AG | Usability Coffee | 20. November 2014 | Folie 23

24. soultank AG | Usability Coffee | 20. November 2014 Seite 24
Titel
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

25. soultank AG | Usability Coffee | 20. November 2014 Seite 25
Ein guter Titel
Fasst den Artikel zusammen

26. Ist auch ausserhalb des Kontexts sinnvoll
soultank AG | Usability Coffee | 20. November 2014 Seite 26
Ein guter Titel

27. Ein guter Titel
Ist klar formuliert, anstatt originell
soultank AG | Usability Coffee | 20. November 2014 Seite 27

28. Ein guter Titel
Ist 40 bis 60 Zeichen lang
soultank AG | Usability Coffee | 20. November 2014 Seite 28

29. Inhaltsübersicht
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite?
Planen
Aufbau einer Seite
Titel
Lead
Body
Prozess: Writing is rewriting
Literaturtipps
soultank AG | Usability Coffee | 20. November 2014 | Folie 29

30. Lead
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
soultank AG | Usability Coffee | 20. November 2014 | Folie 30

31. Ein guter Lead
Fasst den Artikel zusammen (mit mehr Informationen als
Titel)
soultank AG | Usability Coffee | 20. November 2014 | Folie 31

32. Ein guter Lead
Muss kurz sein (meist nicht mehr als ein Satz)
soultank AG | Usability Coffee | 20. November 2014 | Folie 32

33. Ein guter Lead
Muss die zentralen W-Fragen «wer» und «was»
beantworten
soultank AG | Usability Coffee | 20. November 2014 | Folie 33
Wer
Was
Wieso

34. Inhaltsübersicht
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite?
Planen
Aufbau einer Seite
Titel
Lead
Body
Prozess: Writing is rewriting
Literaturtipps
soultank AG | Usability Coffee | 20. November 2014 | Folie 34

35. Body
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
soultank AG | Usability Coffee | 20. November 2014 | Folie 35

36. Ein guter Body
Ist in mehrere Abschnitte zerlegt (mit
Zwischentiteln)
soultank AG | Usability Coffee | 20. November 2014 | Folie 36

37. Ein guter Body
Hat einen Gedanken pro Absatz
soultank AG | Usability Coffee | 20. November 2014 | Folie 37

38. Ein guter Body
Benutzt bullet points wo sinnvoll
soultank AG | Usability Coffee | 20. November 2014 | Folie 38

39. Ein guter Body
Benutzt Illustrationen
zur Veranschaulichung
soultank AG | Usability Coffee | 20. November 2014 | Folie 39

40. Ein guter Body
Endet mit einer
Handlungsaufforderung
soultank AG | Usability Coffee | 20. November 2014 | Folie 40

41. Inhaltsübersicht
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite?
Planen
Aufbau einer Seite
Titel
Lead
Body
Prozess: Writing is rewriting
Literaturtipps
soultank AG | Usability Coffee | 20. November 2014 | Folie 41

42. Prozess
Writing is rewriting
Nicht mit der ersten Version
zufrieden geben!
soultank AG | Usability Coffee | 20. November 2014 | Folie 42
Icon:
http://thenounproject.com/term/writing/17014/

43. Prozess: Writing is rewriting
Text selber nochmals durchlesen
Darüber schlafen
Sich selber laut vorlesen
Von Kollegen durchlesen lassen
Sich in Persona versetzen: Würde Hans das verstehen?
Werden seine Fragen beantwortet?
Tip fürs Korrekturlesen: Linie für Linie vom Ende her lesen
soultank AG | Usability Coffee | 20. November 2014 | Folie 43

44. Inhaltsübersicht
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite?
Planen
Aufbau einer Seite
Titel
Lead
Body
Prozess: Writing is rewriting
Literaturtipps
soultank AG | Usability Coffee | 20. November 2014 | Folie 44

45. Literaturtipps
Janice (Ginny) Redish: Letting Go of the
Words, Writing Web Content that Works,
2012
soultank AG | Usability Coffee | 20. November 2014 | Folie 45

46. Usability Coffee 2014/2015
Nächste Termine in St. Gallen
Do, 15. Januar 2015, 07.30 - 08.30 Uhr
«Mobile Prototyping»
http://soultank.ch/content/ueber-uns/events/usability-coffee-
st-gallen/
soultank AG | Usability Coffee | 20. November 2014 | Folie 46

47. Team
soultank AG
Bahnhofplatz
Postfach 4744
6304 Zug
Tel: +41 41 726 50 20
Fax: +41 41 726 50 26
www.soultank.ch
soultank AG
c/o Ostsinn
Bohl 2
9000 St. Gallen
Marcel B.F. Uhr Iris Müller Bianca Redel Andreas Bossard
Adrian Lauper Sandro Fernandes Stefanie Friedli Matthias Chavanne
soultank AG | Usability Coffee | 20. November 2014 | Folie 47
Gaby Surber Remo Bertschinger
Monique Andres

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