Texten fürs Web 
Usability Coffee, St. Gallen, 20. November 2014
Ihre Ansprechpartnerin in St.Gallen 
Iris Müller 
Senior Usability Consultant 
iris.mueller@soultank.ch 
 8 Jahren Usabili...
Über soultank AG 
 Wissenschaftlich fundiertes Beratungsunternehmen 
 Seit 1996 im Bereich Usability und Ergonomie tätig 
...
Referenzen soultank AG 
Weitere Referenzen: www.soultank.ch/content/referenzen 
soultank AG | Usability Coffee | 20. Novem...
Andreas Bossard 
Usability Consultant 
 Usability Erfahrung seit 2008 
 Webseitenentwicklung seit 1997 
 Software-Entwickl...
soultank AG | Usability Coffee | 20. November 2014 Seite 6 
User Centred Design (UCD)
soultank AG | Usability Coffee | 20. November 2014 Seite 7 
User Centred Design (UCD)
soultank AG | Usability Coffee | 20. November 2014 Seite 8 
User Centred Design (UCD)
soultank AG | Usability Coffee | 20. November 2014 Seite 9 
User Centred Design (UCD)
soultank AG | Usability Coffee | 20. November 2014 Seite 10 
User Centred Design (UCD)
Inhaltsübersicht 
 Wieso ist Inhalt (Text, Bilder etc.) wichtig? 
 Was wird bei Inhalten oft falsch gemacht? 
 Wie lesen L...
Wieso ist Inhalt (Text, Bilder etc.) wichtig? 
 Inhalt ist das weswegen die Leute auf die Seite kommen. 
 Navigation, Desi...
Inhaltsübersicht 
 Wieso ist Inhalt (Text, Bilder etc.) wichtig? 
 Was wird bei Inhalten oft falsch gemacht? 
 Wie lesen L...
Was wird bei Inhalten oft falsch gemacht? 
 Inhalt = Dialoge: Jede Nutzung der 
Webseite ist ein Dialog der vom 
Benutzer ...
Inhaltsübersicht 
 Wieso ist Inhalt (Text, Bilder etc.) wichtig? 
 Was wird bei Inhalten oft falsch gemacht? 
 Wie lesen L...
Wie lesen Leute auf einer Webseite? 
 Leute überfliegen den Text («Scannen») 
 Je nach Ziel wird anderes wahrgenommen 
 Ri...
Inhaltsübersicht 
 Wieso ist Inhalt (Text, Bilder etc.) wichtig? 
 Was wird bei Inhalten oft falsch gemacht? 
 Wie lesen L...
Planen 
 Bevor man mit Schreiben beginnt sich fragen: 
 Wieso? 
 Ich schreibe das damit wer? was? machen kann 
 Was will i...
Benutzer, Aufgaben  Kontext Analyse 
soultank AG | Usability Coffee | 20. November 2014 Seite 19
Personas generieren zur Dokumentation 
soultank AG | Usability Coffee | 20. November 2014 Seite 20
Inhaltsübersicht 
 Wieso ist Inhalt (Text, Bilder etc.) wichtig? 
 Was wird bei Inhalten oft falsch gemacht? 
 Wie lesen L...
soultank AG | Usability Coffee | 20. November 2014 Seite 22 
Aufbau einer Seite 
 Titel 
 Lead 
 Body
Inhaltsübersicht 
 Wieso ist Inhalt (Text, Bilder etc.) wichtig? 
 Was wird bei Inhalten oft falsch gemacht? 
 Wie lesen L...
soultank AG | Usability Coffee | 20. November 2014 Seite 24 
Titel 
 Ein guter Titel 
 Fasst den Artikel zusammen 
 Ist au...
soultank AG | Usability Coffee | 20. November 2014 Seite 25 
Ein guter Titel 
 Fasst den Artikel zusammen
Ist auch ausserhalb des Kontexts sinnvoll 
soultank AG | Usability Coffee | 20. November 2014 Seite 26 
Ein guter Titel
Ein guter Titel 
 Ist klar formuliert, anstatt originell 
soultank AG | Usability Coffee | 20. November 2014 Seite 27
Ein guter Titel 
 Ist 40 bis 60 Zeichen lang 
soultank AG | Usability Coffee | 20. November 2014 Seite 28
Inhaltsübersicht 
 Wieso ist Inhalt (Text, Bilder etc.) wichtig? 
 Was wird bei Inhalten oft falsch gemacht? 
 Wie lesen L...
Lead 
 Ein guter Lead: 
 Fasst den Artikel zusammen (mit mehr Informationen als Titel) 
 Muss kurz sein (meist nicht mehr ...
Ein guter Lead 
 Fasst den Artikel zusammen (mit mehr Informationen als 
Titel) 
soultank AG | Usability Coffee | 20. Nove...
Ein guter Lead 
 Muss kurz sein (meist nicht mehr als ein Satz) 
soultank AG | Usability Coffee | 20. November 2014 | Foli...
Ein guter Lead 
 Muss die zentralen W-Fragen «wer» und «was» 
beantworten 
soultank AG | Usability Coffee | 20. November 2...
Inhaltsübersicht 
 Wieso ist Inhalt (Text, Bilder etc.) wichtig? 
 Was wird bei Inhalten oft falsch gemacht? 
 Wie lesen L...
Body 
 Ein guter Body: 
 Ist in mehrere Abschnitte zerlegt (mit Zwischentiteln) 
 Hat einen Gedanken pro Absatz 
 Benutzt ...
Ein guter Body 
 Ist in mehrere Abschnitte zerlegt (mit 
Zwischentiteln) 
soultank AG | Usability Coffee | 20. November 20...
Ein guter Body 
 Hat einen Gedanken pro Absatz 
soultank AG | Usability Coffee | 20. November 2014 | Folie 37
Ein guter Body 
 Benutzt bullet points wo sinnvoll 
soultank AG | Usability Coffee | 20. November 2014 | Folie 38
Ein guter Body 
 Benutzt Illustrationen 
zur Veranschaulichung 
soultank AG | Usability Coffee | 20. November 2014 | Folie...
Ein guter Body 
 Endet mit einer 
Handlungsaufforderung 
soultank AG | Usability Coffee | 20. November 2014 | Folie 40
Inhaltsübersicht 
 Wieso ist Inhalt (Text, Bilder etc.) wichtig? 
 Was wird bei Inhalten oft falsch gemacht? 
 Wie lesen L...
Prozess 
 Writing is rewriting 
 Nicht mit der ersten Version 
zufrieden geben! 
soultank AG | Usability Coffee | 20. Nove...
Prozess: Writing is rewriting 
 Text selber nochmals durchlesen 
 Darüber schlafen 
 Sich selber laut vorlesen 
 Von Kolle...
Inhaltsübersicht 
 Wieso ist Inhalt (Text, Bilder etc.) wichtig? 
 Was wird bei Inhalten oft falsch gemacht? 
 Wie lesen L...
Literaturtipps 
 Janice (Ginny) Redish: Letting Go of the 
Words, Writing Web Content that Works, 
2012 
soultank AG | Usa...
Usability Coffee 2014/2015 
Nächste Termine in St. Gallen 
 Do, 15. Januar 2015, 07.30 - 08.30 Uhr 
«Mobile Prototyping» 
...
Team 
soultank AG 
Bahnhofplatz 
Postfach 4744 
6304 Zug 
Tel: +41 41 726 50 20 
Fax: +41 41 726 50 26 
www.soultank.ch 
s...
Herzlichen Dank für Ihre Aufmerksamkeit 
Bei Fragen stehen wir gerne zur Verfügung
Nächste SlideShare
Wird geladen in …5
×

Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014

680 Aufrufe

Veröffentlicht am

Texten fürs Web

Veröffentlicht in: Business
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
680
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
76
Aktionen
Geteilt
0
Downloads
11
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014

  1. 1. Texten fürs Web Usability Coffee, St. Gallen, 20. November 2014
  2. 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. 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. 4. Referenzen soultank AG Weitere Referenzen: www.soultank.ch/content/referenzen soultank AG | Usability Coffee | 20. November 2014 | Folie 4
  5. 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. 6. soultank AG | Usability Coffee | 20. November 2014 Seite 6 User Centred Design (UCD)
  7. 7. soultank AG | Usability Coffee | 20. November 2014 Seite 7 User Centred Design (UCD)
  8. 8. soultank AG | Usability Coffee | 20. November 2014 Seite 8 User Centred Design (UCD)
  9. 9. soultank AG | Usability Coffee | 20. November 2014 Seite 9 User Centred Design (UCD)
  10. 10. soultank AG | Usability Coffee | 20. November 2014 Seite 10 User Centred Design (UCD)
  11. 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. 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. 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. 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. 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. 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. 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. 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. 19. Benutzer, Aufgaben Kontext Analyse soultank AG | Usability Coffee | 20. November 2014 Seite 19
  20. 20. Personas generieren zur Dokumentation soultank AG | Usability Coffee | 20. November 2014 Seite 20
  21. 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. 22. soultank AG | Usability Coffee | 20. November 2014 Seite 22 Aufbau einer Seite Titel Lead Body
  23. 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. 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. 25. soultank AG | Usability Coffee | 20. November 2014 Seite 25 Ein guter Titel Fasst den Artikel zusammen
  26. 26. Ist auch ausserhalb des Kontexts sinnvoll soultank AG | Usability Coffee | 20. November 2014 Seite 26 Ein guter Titel
  27. 27. Ein guter Titel Ist klar formuliert, anstatt originell soultank AG | Usability Coffee | 20. November 2014 Seite 27
  28. 28. Ein guter Titel Ist 40 bis 60 Zeichen lang soultank AG | Usability Coffee | 20. November 2014 Seite 28
  29. 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. 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. 31. Ein guter Lead Fasst den Artikel zusammen (mit mehr Informationen als Titel) soultank AG | Usability Coffee | 20. November 2014 | Folie 31
  32. 32. Ein guter Lead Muss kurz sein (meist nicht mehr als ein Satz) soultank AG | Usability Coffee | 20. November 2014 | Folie 32
  33. 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. 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. 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. 36. Ein guter Body Ist in mehrere Abschnitte zerlegt (mit Zwischentiteln) soultank AG | Usability Coffee | 20. November 2014 | Folie 36
  37. 37. Ein guter Body Hat einen Gedanken pro Absatz soultank AG | Usability Coffee | 20. November 2014 | Folie 37
  38. 38. Ein guter Body Benutzt bullet points wo sinnvoll soultank AG | Usability Coffee | 20. November 2014 | Folie 38
  39. 39. Ein guter Body Benutzt Illustrationen zur Veranschaulichung soultank AG | Usability Coffee | 20. November 2014 | Folie 39
  40. 40. Ein guter Body Endet mit einer Handlungsaufforderung soultank AG | Usability Coffee | 20. November 2014 | Folie 40
  41. 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. 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. 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. 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. 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. 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. 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. 48. Herzlichen Dank für Ihre Aufmerksamkeit Bei Fragen stehen wir gerne zur Verfügung

×