Das Dokument ist eine Präsentation über Usability und Web-Inhalte, gehalten von Soultank AG während des Usability Coffee in Zug am 24. November 2015. Es behandelt die Wichtigkeit von Inhalten auf Webseiten, das User-Centred Design sowie die Gestaltung von Titeln, Leads und Body-Texten. Es werden auch Tipps zum Schreibprozess und zur effektiven Leseransprache gegeben, um die Benutzererfahrung zu verbessern.

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

2. 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

3. 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

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

5. User Centred Design (UCD)
| Folie 5soultank AG | Usability Coffee | 24. November 2015

6. User Centred Design (UCD)
| Folie 6soultank AG | Usability Coffee | 24. November 2015

7. User Centred Design (UCD)
| Folie 7soultank AG | Usability Coffee | 24. November 2015

8. User Centred Design (UCD)
| Folie 8soultank AG | Usability Coffee | 24. November 2015

9. User Centred Design (UCD)
| Folie 9soultank AG | Usability Coffee | 24. November 2015

10. 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
| Folie 10soultank AG | Usability Coffee | 24. November 2015

11. Inhalt ist das weswegen die Leute auf die Seite kommen.
Navigation, Technologie und Visual Design unterstützen
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
| Folie 11soultank AG | Usability Coffee | 24. November 2015
Navigation
Visual 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 | 24. November 2015

13. 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
Was wird bei Inhalten oft falsch gemacht?
| Folie 13soultank AG | Usability Coffee | 24. November 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 | 24. November 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 Website?
Planen
Aufbau einer Seite
Titel
Lead
Body
Prozess: Writing is rewriting
Literaturtipps
Inhaltsübersicht
| Folie 15soultank AG | Usability Coffee | 24. November 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 Website?
| Folie 16soultank AG | Usability Coffee | 24. November 2015
Quelle: http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/

17. Lesen ist unnatürlich
| Folie 17soultank AG | Usability Coffee | 24. November 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 Website?
Planen
Aufbau einer Seite
Titel
Lead
Body
Prozess: Writing is rewriting
Literaturtipps
Inhaltsübersicht
| Folie 18soultank AG | Usability Coffee | 24. November 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 (folgende Folie)
Personas generieren zur Dokumentation (folgende Folie)
Planen
| Folie 19soultank AG | Usability Coffee | 24. November 2015

20. Benutzer, Aufgaben & Kontext Analyse
| Folie 20soultank AG | Usability Coffee | 24. November 2015

21. Personas generieren zur Dokumentation
| Folie 21soultank AG | Usability Coffee | 24. November 2015
Pro Persona definieren:
• Was für Konversationen will
sie starten?
• Was für Fragen hat sie im
Kopf?

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

23. Titel
Lead
Body
Aufbau einer Seite
| Folie 23soultank AG | Usability Coffee | 24. November 2015

24. 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
| Folie 24soultank AG | Usability Coffee | 24. November 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 | 24. November 2015

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

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

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

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

30. 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
| Folie 30soultank AG | Usability Coffee | 24. November 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 | 24. November 2015

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

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

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

35. 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
| Folie 35soultank AG | Usability Coffee | 24. November 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 | 24. November 2015

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

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

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

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

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

42. 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
| Folie 42soultank AG | Usability Coffee | 24. November 2015

43. Writing is rewriting
Nicht mit der ersten Version
zufrieden geben!
Prozess
| Folie 43soultank AG | Usability Coffee | 24. November 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 | 24. November 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?
Tipp fürs Korrekturlesen: Linie
für Linie vom Ende her lesen
Prozess: Writing is rewriting
| Folie 45soultank AG | Usability Coffee | 24. November 2015

46. 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
| Folie 46soultank AG | Usability Coffee | 24. November 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 | 24. November 2015

48. 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
| Folie 48soultank AG | Usability Coffee | 24. November 2015

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

50. 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