Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014
description
Transcript of Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014
![Page 1: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/1.jpg)
Texten fürs Web
Usability Coffee, St. Gallen, 20. November 2014
![Page 2: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/2.jpg)
Iris MüllerSenior Usability [email protected]
� 8 Jahren Usability – Erfahrung
� MSc UniBE, A&O Psychologin
� Certified Usability Analyst, Human Factors International
� Fraunhofer Institut, Daimler, Mitsubishi Motors
� DozententätigkeitHSR Hochschule für Technik Rapperswil, Digicomp Academy und FHS St.Gallen
Ihre Ansprechpartnerin in St.Gallen
| Folie 2soultank AG | Usability Coffee | 20. November 2014
![Page 3: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/3.jpg)
soultank AG | Usability Coffee | 20. November 2014
� 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
![Page 4: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/4.jpg)
Referenzen soultank AG
soultank AG | Usability Coffee | 20. November 2014 | Folie 4
Weitere Referenzen: www.soultank.ch/content/referenzen
![Page 5: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/5.jpg)
� Usability Erfahrung seit 2008
� Webseitenentwicklung seit 1997
� Software-Entwicklung mit Java - mehrere Jahre Erfahrung
� Studium: Wirtschaftsinformatik Universität Zürich (M Sc UZH)
� DozententätigkeitHSR Hochschule für Technik Rapperswil, Digicomp Academy und FHS St.Gallen
Andreas BossardUsability Consultant
| Folie 5soultank AG | Usability Coffee | 20. November 2014
![Page 6: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/6.jpg)
soultank AG | Usability Coffee | 20. November 2014 Seite 6
User Centred Design (UCD)
![Page 7: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/7.jpg)
soultank AG | Usability Coffee | 20. November 2014 Seite 7
User Centred Design (UCD)
![Page 8: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/8.jpg)
soultank AG | Usability Coffee | 20. November 2014 Seite 8
User Centred Design (UCD)
![Page 9: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/9.jpg)
soultank AG | Usability Coffee | 20. November 2014 Seite 9
User Centred Design (UCD)
![Page 10: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/10.jpg)
soultank AG | Usability Coffee | 20. November 2014 Seite 10
User Centred Design (UCD)
![Page 11: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/11.jpg)
� 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 11soultank AG | Usability Coffee | 20. November 2014
![Page 12: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/12.jpg)
� Inhalt ist das weswegen die Leute auf die Seite kommen.
� Navigation, Design und Technologie unterstützen
Wieso ist Inhalt (Text, Bilder etc.) wichtig?
| Folie 12soultank AG | Usability Coffee | 20. November 2014
NavigationDesign
Technologie
Inhalt
Bild-Quelle: Janice (Ginny) Redish – Letting go of the words
![Page 13: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/13.jpg)
� 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 13soultank AG | Usability Coffee | 20. November 2014
![Page 14: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/14.jpg)
� 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 14soultank AG | Usability Coffee | 20. November 2014
Icons:http://thenounproject.com/term/talking/18441/http://thenounproject.com/term/files/6858/http://thenounproject.com/term/telephone/1108/
![Page 15: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/15.jpg)
� 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 | 20. November 2014
![Page 16: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/16.jpg)
� 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 | 20. November 2014
Quelle: http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/
![Page 17: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/17.jpg)
� 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 17soultank AG | Usability Coffee | 20. November 2014
![Page 18: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/18.jpg)
� 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 18soultank AG | Usability Coffee | 20. November 2014
![Page 19: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/19.jpg)
soultank AG | Usability Coffee | 20. November 2014 Seite 19
Benutzer, Aufgaben & Kontext Analyse
![Page 20: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/20.jpg)
soultank AG | Usability Coffee | 20. November 2014 Seite 20
Personas generieren zur Dokumentation
![Page 21: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/21.jpg)
� 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 21soultank AG | Usability Coffee | 20. November 2014
![Page 22: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/22.jpg)
soultank AG | Usability Coffee | 20. November 2014 Seite 22
� Titel
� Lead
� Body
Aufbau einer Seite
![Page 23: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/23.jpg)
� 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 23soultank AG | Usability Coffee | 20. November 2014
![Page 24: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/24.jpg)
soultank AG | Usability Coffee | 20. November 2014 Seite 24
� 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
![Page 25: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/25.jpg)
soultank AG | Usability Coffee | 20. November 2014 Seite 25
� Fasst den Artikel zusammen
Ein guter Titel
![Page 26: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/26.jpg)
soultank AG | Usability Coffee | 20. November 2014 Seite 26
� Ist auch ausserhalb des Kontexts sinnvoll
Ein guter Titel
![Page 27: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/27.jpg)
� Ist klar formuliert, anstatt originell
Ein guter Titel
Seite 27soultank AG | Usability Coffee | 20. November 2014
![Page 28: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/28.jpg)
� Ist 40 bis 60 Zeichen lang
Ein guter Titel
Seite 28soultank AG | Usability Coffee | 20. November 2014
![Page 29: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/29.jpg)
� 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 29soultank AG | Usability Coffee | 20. November 2014
![Page 30: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/30.jpg)
� 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 30soultank AG | Usability Coffee | 20. November 2014
![Page 31: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/31.jpg)
� Fasst den Artikel zusammen (mit mehr Informationen als Titel)
Ein guter Lead
| Folie 31soultank AG | Usability Coffee | 20. November 2014
![Page 32: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/32.jpg)
� Muss kurz sein (meist nicht mehr als ein Satz)
Ein guter Lead
| Folie 32soultank AG | Usability Coffee | 20. November 2014
![Page 33: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/33.jpg)
� Muss die zentralen W-Fragen «wer» und «was» beantworten
Ein guter Lead
| Folie 33soultank AG | Usability Coffee | 20. November 2014
WerWas
Wieso
![Page 34: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/34.jpg)
� 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 34soultank AG | Usability Coffee | 20. November 2014
![Page 35: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/35.jpg)
� 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 35soultank AG | Usability Coffee | 20. November 2014
![Page 36: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/36.jpg)
� Ist in mehrere Abschnitte zerlegt (mit Zwischentiteln)
Ein guter Body
| Folie 36soultank AG | Usability Coffee | 20. November 2014
![Page 37: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/37.jpg)
� Hat einen Gedanken pro Absatz
Ein guter Body
| Folie 37soultank AG | Usability Coffee | 20. November 2014
![Page 38: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/38.jpg)
� Benutzt bullet points wo sinnvoll
Ein guter Body
| Folie 38soultank AG | Usability Coffee | 20. November 2014
![Page 39: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/39.jpg)
� Benutzt Illustrationen zur Veranschaulichung
Ein guter Body
| Folie 39soultank AG | Usability Coffee | 20. November 2014
![Page 40: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/40.jpg)
� Endet mit einer Handlungsaufforderung
Ein guter Body
| Folie 40soultank AG | Usability Coffee | 20. November 2014
![Page 41: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/41.jpg)
� 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 41soultank AG | Usability Coffee | 20. November 2014
![Page 42: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/42.jpg)
� Writing is rewriting
� Nicht mit der ersten Version zufrieden geben!
Prozess
| Folie 42soultank AG | Usability Coffee | 20. November 2014
Icon:http://thenounproject.com/term/writing/17014/
![Page 43: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/43.jpg)
� 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
Prozess: Writing is rewriting
| Folie 43soultank AG | Usability Coffee | 20. November 2014
![Page 44: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/44.jpg)
� 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 44soultank AG | Usability Coffee | 20. November 2014
![Page 45: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/45.jpg)
� Janice (Ginny) Redish: Letting Go of the Words, Writing Web Content that Works, 2012
Literaturtipps
| Folie 45soultank AG | Usability Coffee | 20. November 2014
![Page 46: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/46.jpg)
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/
Usability Coffee 2014/2015
| Folie 46soultank AG | Usability Coffee | 20. November 2014
![Page 47: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/47.jpg)
Team
soultank AG | Usability Coffee | 20. November 2014 | Folie 47
soultank AG
Bahnhofplatz
Postfach 4744
6304 Zug
Tel: +41 41 726 50 20Fax: +41 41 726 50 26www.soultank.ch
soultank AGc/o OstsinnBohl 29000 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
![Page 48: Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014](https://reader033.fdocuments.in/reader033/viewer/2022060121/55936ae61a28ab1a748b467b/html5/thumbnails/48.jpg)
Herzlichen Dank für Ihre Aufmerksamkeit
Bei Fragen stehen wir gerne zur Verfügung