"Texten fürs Web"

1. Texten fürs Web
Usability Coffee, Zug, 22. Januar 2015

2. 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
Andreas Bossard
Usability Consultant
| Folie 2soultank AG | Usability Coffee | 22. Januar 2015

3. soultank AG | Usability Coffee | 22. Januar 2015
Wissenschaftlich fundiertes Beratungsunternehmen
Seit 1996 im Bereich Usability und Ergonomie tätig
2000 Gründung soultank AG in Zug
6 Usability-Experten
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

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

5. User Centred Design (UCD)
| Folie 5soultank AG | Usability Coffee | 22. Januar 2015

6. User Centred Design (UCD)
| Folie 6soultank AG | Usability Coffee | 22. Januar 2015

7. User Centred Design (UCD)
| Folie 7soultank AG | Usability Coffee | 22. Januar 2015

8. User Centred Design (UCD)
| Folie 8soultank AG | Usability Coffee | 22. Januar 2015

9. User Centred Design (UCD)
| Folie 9soultank AG | Usability Coffee | 22. Januar 2015

10. 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
Inhaltsübersicht
| Folie 10soultank AG | Usability Coffee | 22. Januar 2015

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

12. 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
Inhaltsübersicht
| Folie 12soultank AG | Usability Coffee | 22. Januar 2015

13. 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
Was wird bei Inhalten oft falsch gemacht?
| Folie 13soultank AG | Usability Coffee | 22. Januar 2015
Icons:
http://thenounproject.com/term/talking/18441/
http://thenounproject.com/term/files/6858/
http://thenounproject.com/term/telephone/1108/

14. Eine Website muss Fragen der Benutzer beantworten!
| Folie 14soultank AG | Usability Coffee | 22. Januar 2015
Wie kann ich
Kontakt aufnehmen
zu dieser Firma?
Icons:
http://thenounproject.com/term/talking/18441/

15. 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
Inhaltsübersicht
| Folie 15soultank AG | Usability Coffee | 22. Januar 2015

16. Leute überfliegen den Text («Scannen»)
Je nach Ziel wird anderes wahrgenommen
Richtig durchlesen nur, wenn etwas gefunden, was sie
gesucht haben
Wie lesen Leute auf einer Webseite?
| Folie 16soultank AG | Usability Coffee | 22. Januar 2015
Quelle: http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/

17. Lesen ist unnatürlich
| Folie 17soultank AG | Usability Coffee | 22. Januar 2015
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

18. 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
Inhaltsübersicht
| Folie 18soultank AG | Usability Coffee | 22. Januar 2015

19. 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?
Planen
| Folie 19soultank AG | Usability Coffee | 22. Januar 2015

20. Benutzer, Aufgaben & Kontext Analyse
| Folie 20soultank AG | Usability Coffee | 22. Januar 2015

21. Personas generieren zur Dokumentation
| Folie 21soultank AG | Usability Coffee | 22. Januar 2015

22. 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
Inhaltsübersicht
| Folie 22soultank AG | Usability Coffee | 22. Januar 2015

23. Titel
Lead
Body
Aufbau einer Seite
| Folie 23soultank AG | Usability Coffee | 22. Januar 2015

24. 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
Inhaltsübersicht
| Folie 24soultank AG | Usability Coffee | 22. Januar 2015

25. 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
| Folie 25soultank AG | Usability Coffee | 22. Januar 2015

26. Fasst den Artikel zusammen
Ein guter Titel
| Folie 26soultank AG | Usability Coffee | 22. Januar 2015

27. Ist auch ausserhalb des Kontexts sinnvoll
Ein guter Titel
| Folie 27soultank AG | Usability Coffee | 22. Januar 2015

28. Ist klar formuliert, anstatt originell
Ein guter Titel
| Folie 28soultank AG | Usability Coffee | 22. Januar 2015

29. Ist 40 bis 60 Zeichen lang
Ein guter Titel
| Folie 29soultank AG | Usability Coffee | 22. Januar 2015

30. 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
Inhaltsübersicht
| Folie 30soultank AG | Usability Coffee | 22. Januar 2015

31. 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
| Folie 31soultank AG | Usability Coffee | 22. Januar 2015

32. Fasst den Artikel zusammen (mit mehr Informationen als
Titel)
Ein guter Lead
| Folie 32soultank AG | Usability Coffee | 22. Januar 2015

33. Muss kurz sein (meist nicht mehr als ein Satz)
Ein guter Lead
| Folie 33soultank AG | Usability Coffee | 22. Januar 2015

34. Muss die zentralen W-Fragen «wer» und «was»
beantworten
Ein guter Lead
| Folie 34soultank AG | Usability Coffee | 22. Januar 2015
Wer
Was
Wieso

35. 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
Inhaltsübersicht
| Folie 35soultank AG | Usability Coffee | 22. Januar 2015

36. 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
| Folie 36soultank AG | Usability Coffee | 22. Januar 2015

37. Ist in mehrere Abschnitte zerlegt (mit
Zwischentiteln)
Ein guter Body
| Folie 37soultank AG | Usability Coffee | 22. Januar 2015

38. Hat einen Gedanken pro Absatz
Ein guter Body
| Folie 38soultank AG | Usability Coffee | 22. Januar 2015

39. Benutzt bullet points wo sinnvoll
Ein guter Body
| Folie 39soultank AG | Usability Coffee | 22. Januar 2015

40. Benutzt Illustrationen
zur Veranschaulichung
Ein guter Body
| Folie 40soultank AG | Usability Coffee | 22. Januar 2015

41. Endet mit einer
Handlungsaufforderung
Ein guter Body
| Folie 41soultank AG | Usability Coffee | 22. Januar 2015

42. 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
Inhaltsübersicht
| Folie 42soultank AG | Usability Coffee | 22. Januar 2015

43. Writing is rewriting
Nicht mit der ersten Version
zufrieden geben!
Prozess
| Folie 43soultank AG | Usability Coffee | 22. Januar 2015
Icon:
http://thenounproject.com/term/writing/17014/

44. Text selber nochmals durchlesen
Sich selber laut vorlesen
Darüber schlafen
Von Kollegen durchlesen lassen
Prozess: Writing is rewriting
| Folie 44soultank AG | Usability Coffee | 22. Januar 2015
Icons: http://thenounproject.com/term/reading/36090/
http://thenounproject.com/term/sleep/28975/

45. Sich in Persona versetzen:
Würde Marco das verstehen?
Werden seine Fragen
beantwortet?
Tip fürs Korrekturlesen: Linie
für Linie vom Ende her lesen
Prozess: Writing is rewriting
| Folie 45soultank AG | Usability Coffee | 22. Januar 2015

46. 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
Inhaltsübersicht
| Folie 46soultank AG | Usability Coffee | 22. Januar 2015

47. 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
| Folie 47soultank AG | Usability Coffee | 22. Januar 2015

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

49. Nächste Termine in Zug
Do, 19. Februar 2015, 07.30 - 08.30 Uhr
«Mobile Prototyping»
http://soultank.ch/content/ueber-uns/events/usability-
coffee-zug/
Usability Coffee 2015
| Folie 49soultank AG | Usability Coffee | 22. Januar 2015

50. Team
soultank AG | Usability Coffee | 22. Januar 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
soultank AG
c/o Ostsinn
Bohl 2
9000 St. Gallen
Gaby Surber Monique Andres
Marcel B.F. Uhr Iris Müller Bianca Redel Andreas Bossard
Adrian Lauper Stefanie FriedliSandro Fernandes Matthias Chavanne
Remo Bertschinger Jérome Fischer