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

Texten fürs Web

Usability Coffee, Zug, 22. Januar 2015

� 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

[email protected]

Andreas BossardUsability Consultant

| Folie 2soultank AG | Usability Coffee | 22. Januar 2015

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

Referenzen soultank AG

soultank AG | Usability Coffee | 22. Januar 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 Webseite?

� 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, Design und Technologie unterstützen

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


NavigationDesign

Technologie

Inhalt

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




� Planen



� Literaturtipps

Inhaltsübersicht


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


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


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

� Personas generieren zur Dokumentation

� Pro Persona: � Was für Konversationen wollen sie starten?

� Was für Fragen haben sie im Kopf?

Planen


Benutzer, Aufgaben & Kontext Analyse


Personas generieren zur Dokumentation





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

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


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/events/usability-coffee-zug/

Usability Coffee 2015


Team

soultank AG | Usability Coffee | 22. Januar 2015 | Folie 50

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 Jérome Fischer

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

Business