Texten Fürs Web, Usability Coffee Zug, 24.11.2015

Texten fürs Web

Usability Coffee, Zug, 24. November 2015

� 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

[email protected]

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

User Centred Design (UCD)










� 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


� Inhalt ist das weswegen die Leute auf die Seite kommen.

� Navigation, Technologie und Visual Design unterstützen

Wieso ist Inhalt (Text, Bilder etc.) wichtig?


NavigationVisual Design

Technologie

Inhalt

Bild-Quelle: Janice (Ginny) Redish – Letting go of the words



� Wie lesen Leute auf einer Webseite?

� Planen



� Literaturtipps

Inhaltsübersicht


� 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?


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!


Wie kann ich Kontakt aufnehmen zu dieser Firma?

Icons:http://thenounproject.com/term/talking/18441/




� Planen



� Literaturtipps

Inhaltsübersicht


� 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?


Quelle: http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/

Lesen ist unnatürlich


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




� Planen



� Literaturtipps

Inhaltsübersicht


� 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


Benutzer, Aufgaben & Kontext Analyse


Personas generieren zur Dokumentation


Pro Persona definieren:

• Was für Konversationen will

sie starten?

• Was für Fragen hat sie im

Kopf?




� Planen



� Literaturtipps

Inhaltsübersicht


� Titel

� Lead

� Body

Aufbau einer Seite





� Planen



� Literaturtipps

Inhaltsübersicht


� 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


� Fasst den Artikel zusammen

Ein guter Titel


� Ist auch ausserhalb des Kontexts sinnvoll

Ein guter Titel


� Ist klar formuliert, anstatt originell

Ein guter Titel


� Ist 40 bis 60 Zeichen lang

Ein guter Titel





� Planen



� Literaturtipps

Inhaltsübersicht


� 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


� Fasst den Artikel zusammen (mit mehr Informationen als Titel)

Ein guter Lead


� Muss kurz sein (meist nicht mehr als ein Satz)

Ein guter Lead


� Muss die zentralen W-Fragen «wer» und «was» beantworten

Ein guter Lead


WerWas

Wieso




� Planen



� Literaturtipps

Inhaltsübersicht


� 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


� Ist in mehrere Abschnitte zerlegt (mit Zwischentiteln)

Ein guter Body


� Hat einen Gedanken pro Absatz

Ein guter Body


� Benutzt bullet points wo sinnvoll

Ein guter Body


� Benutzt Illustrationen zur Veranschaulichung

Ein guter Body


� Endet mit einer Handlungsaufforderung

Ein guter Body





� Planen



� Literaturtipps

Inhaltsübersicht


� Writing is rewriting

� Nicht mit der ersten Version zufrieden geben!

Prozess


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


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





� Planen



� Literaturtipps

Inhaltsübersicht


� 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


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


Herzlichen Dank für Ihre Aufmerksamkeit

Bei Fragen stehen wir gerne zur Verfügung

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

Internet

Texten Fürs Web, Usability Coffee Zug, 24.11.2015