Texten fürs Web
Usability Coffee, Zug, 22. Januar 2015
Usability Erfahrung seit 2008
Webseitenentwicklung seit 1997
Software-Entwicklung mit Java - mehrere
Jahre Erfahrung
Studi...
soultank AG | Usability Coffee | 22. Januar 2015
Wissenschaftlich fundiertes Beratungsunternehmen
Seit 1996 im Bereich Usa...
Referenzen soultank AG
soultank AG | Usability Coffee | 22. Januar 2015 | Folie 4
Weitere Referenzen: www.soultank.ch/cont...
User Centred Design (UCD)
| Folie 5soultank AG | Usability Coffee | 22. Januar 2015
User Centred Design (UCD)
| Folie 6soultank AG | Usability Coffee | 22. Januar 2015
User Centred Design (UCD)
| Folie 7soultank AG | Usability Coffee | 22. Januar 2015
User Centred Design (UCD)
| Folie 8soultank AG | Usability Coffee | 22. Januar 2015
User Centred Design (UCD)
| Folie 9soultank AG | Usability Coffee | 22. Januar 2015
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite...
Inhalt ist das weswegen die Leute auf die Seite kommen.
Navigation, Design und Technologie unterstützen
Wieso ist Inhalt (...
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite...
Inhalt = Dialoge: Jede Nutzung der
Webseite ist ein Dialog der vom
Benutzer gestartet wird
Webseiten oft als
Informationsa...
Eine Website muss Fragen der Benutzer beantworten!
| Folie 14soultank AG | Usability Coffee | 22. Januar 2015
Wie kann ich...
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite...
Leute überfliegen den Text («Scannen»)
Je nach Ziel wird anderes wahrgenommen
Richtig durchlesen nur, wenn etwas gefunden,...
Lesen ist unnatürlich
| Folie 17soultank AG | Usability Coffee | 22. Januar 2015
Sprechen: Seit 100’000 Jahren
Lesen: Seit...
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite...
Bevor man mit Schreiben beginnt sich fragen:
Wieso?
Ich schreibe das damit wer? was? machen kann
Was will ich damit beim L...
Benutzer, Aufgaben & Kontext Analyse
| Folie 20soultank AG | Usability Coffee | 22. Januar 2015
Personas generieren zur Dokumentation
| Folie 21soultank AG | Usability Coffee | 22. Januar 2015
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite...
Titel
Lead
Body
Aufbau einer Seite
| Folie 23soultank AG | Usability Coffee | 22. Januar 2015
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite...
Ein guter Titel
Fasst den Artikel zusammen
Ist auch ausserhalb des Kontexts sinnvoll
Ist klar formuliert, anstatt originel...
Fasst den Artikel zusammen
Ein guter Titel
| Folie 26soultank AG | Usability Coffee | 22. Januar 2015
Ist auch ausserhalb des Kontexts sinnvoll
Ein guter Titel
| Folie 27soultank AG | Usability Coffee | 22. Januar 2015
Ist klar formuliert, anstatt originell
Ein guter Titel
| Folie 28soultank AG | Usability Coffee | 22. Januar 2015
Ist 40 bis 60 Zeichen lang
Ein guter Titel
| Folie 29soultank AG | Usability Coffee | 22. Januar 2015
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite...
Ein guter Lead:
Fasst den Artikel zusammen (mit mehr Informationen als Titel)
Muss kurz sein (meist nicht mehr als ein Sat...
Fasst den Artikel zusammen (mit mehr Informationen als
Titel)
Ein guter Lead
| Folie 32soultank AG | Usability Coffee | 22...
Muss kurz sein (meist nicht mehr als ein Satz)
Ein guter Lead
| Folie 33soultank AG | Usability Coffee | 22. Januar 2015
Muss die zentralen W-Fragen «wer» und «was»
beantworten
Ein guter Lead
| Folie 34soultank AG | Usability Coffee | 22. Janu...
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite...
Ein guter Body:
Ist in mehrere Abschnitte zerlegt (mit Zwischentiteln)
Hat einen Gedanken pro Absatz
Benutzt bullet points...
Ist in mehrere Abschnitte zerlegt (mit
Zwischentiteln)
Ein guter Body
| Folie 37soultank AG | Usability Coffee | 22. Janua...
Hat einen Gedanken pro Absatz
Ein guter Body
| Folie 38soultank AG | Usability Coffee | 22. Januar 2015
Benutzt bullet points wo sinnvoll
Ein guter Body
| Folie 39soultank AG | Usability Coffee | 22. Januar 2015
Benutzt Illustrationen
zur Veranschaulichung
Ein guter Body
| Folie 40soultank AG | Usability Coffee | 22. Januar 2015
Endet mit einer
Handlungsaufforderung
Ein guter Body
| Folie 41soultank AG | Usability Coffee | 22. Januar 2015
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite...
Writing is rewriting
Nicht mit der ersten Version
zufrieden geben!
Prozess
| Folie 43soultank AG | Usability Coffee | 22. ...
Text selber nochmals durchlesen
Sich selber laut vorlesen
Darüber schlafen
Von Kollegen durchlesen lassen
Prozess: Writing...
Sich in Persona versetzen:
Würde Marco das verstehen?
Werden seine Fragen
beantwortet?
Tip fürs Korrekturlesen: Linie
für ...
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
Was wird bei Inhalten oft falsch gemacht?
Wie lesen Leute auf einer Webseite...
Janice (Ginny) Redish: Letting Go of the
Words, Writing Web Content that Works,
2012
Jeff Johnson: Designing with the Mind...
Herzlichen Dank für Ihre Aufmerksamkeit
Bei Fragen stehen wir gerne zur Verfügung
Nächste Termine in Zug
Do, 19. Februar 2015, 07.30 - 08.30 Uhr
«Mobile Prototyping»
http://soultank.ch/content/ueber-uns/e...
Team
soultank AG | Usability Coffee | 22. Januar 2015 | Folie 50
soultank AG
Bahnhofplatz
Postfach 4744
6304 Zug
Tel: +41 ...
Nächste SlideShare
Wird geladen in …5
×

"Texten fürs Web", Usability Coffee, Zug, 22.01.2015

784 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
784
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
203
Aktionen
Geteilt
0
Downloads
4
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

"Texten fürs Web", Usability Coffee, Zug, 22.01.2015

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

×