Upload
vorname-nachname
View
507
Download
0
Embed Size (px)
Citation preview
� 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ätigkeitHSR Hochschule für Technik Rapperswil, Digicomp Academy und FHS St.Gallen
Andreas BossardUsability Consultant
| Folie 2soultank AG | Usability Coffee | 24. November 2015
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
Referenzen soultank AG
soultank AG | Usability Coffee | 24. November 2015 | Folie 4
Weitere Referenzen: www.soultank.ch/content/referenzen
� 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
� 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
NavigationVisual Design
Technologie
Inhalt
Bild-Quelle: Janice (Ginny) Redish – Letting go of the words
� 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
� 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/
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/
� 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
� 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/
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 – Designingwith the mind in mind
� 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
� 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
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?
� 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
� Titel
� Lead
� Body
Aufbau einer Seite
| Folie 23soultank AG | Usability Coffee | 24. November 2015
� 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
� 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
� Fasst den Artikel zusammen
Ein guter Titel
| Folie 26soultank AG | Usability Coffee | 24. November 2015
� Ist auch ausserhalb des Kontexts sinnvoll
Ein guter Titel
| Folie 27soultank AG | Usability Coffee | 24. November 2015
� Ist klar formuliert, anstatt originell
Ein guter Titel
| Folie 28soultank AG | Usability Coffee | 24. November 2015
� Ist 40 bis 60 Zeichen lang
Ein guter Titel
| Folie 29soultank AG | Usability Coffee | 24. November 2015
� 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
� 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
� Fasst den Artikel zusammen (mit mehr Informationen als Titel)
Ein guter Lead
| Folie 32soultank AG | Usability Coffee | 24. November 2015
� Muss kurz sein (meist nicht mehr als ein Satz)
Ein guter Lead
| Folie 33soultank AG | Usability Coffee | 24. November 2015
� Muss die zentralen W-Fragen «wer» und «was» beantworten
Ein guter Lead
| Folie 34soultank AG | Usability Coffee | 24. November 2015
WerWas
Wieso
� 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
� 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
� Ist in mehrere Abschnitte zerlegt (mit Zwischentiteln)
Ein guter Body
| Folie 37soultank AG | Usability Coffee | 24. November 2015
� Hat einen Gedanken pro Absatz
Ein guter Body
| Folie 38soultank AG | Usability Coffee | 24. November 2015
� Benutzt bullet points wo sinnvoll
Ein guter Body
| Folie 39soultank AG | Usability Coffee | 24. November 2015
� Benutzt Illustrationen zur Veranschaulichung
Ein guter Body
| Folie 40soultank AG | Usability Coffee | 24. November 2015
� Endet mit einer Handlungsaufforderung
Ein guter Body
| Folie 41soultank AG | Usability Coffee | 24. November 2015
� 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
� 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/
� 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/
� 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
� 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
� 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
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
Team
soultank AG | Usability Coffee | 24. November 2015 | Folie 50
soultank AG
Bahnhofplatz
Postfach 4744
6304 Zug
Tel: +41 41 726 50 20Fax: +41 41 726 50 26www.soultank.ch
Gaby SurberMonique Andres
Marcel B.F. Uhr Bianca Redel Andreas Bossard Adrian Lauper
Stefanie Friedli Jérome Fischer
Joel Schmid