Texten fürs Web, Usability Coffee, St. Gallen, 20.11.2014

Preview:

DESCRIPTION

Texten fürs Web

Citation preview

Texten fürs Web

Usability Coffee, St. Gallen, 20. November 2014

Iris MüllerSenior Usability Consultantiris.mueller@soultank.ch

� 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

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

Referenzen soultank AG

soultank AG | Usability Coffee | 20. November 2014 | Folie 4

Weitere Referenzen: www.soultank.ch/content/referenzen

� 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.bossard@soultank.ch

Andreas BossardUsability Consultant

| Folie 5soultank AG | Usability Coffee | 20. November 2014

soultank AG | Usability Coffee | 20. November 2014 Seite 6

User Centred Design (UCD)

soultank AG | Usability Coffee | 20. November 2014 Seite 7

User Centred Design (UCD)

soultank AG | Usability Coffee | 20. November 2014 Seite 8

User Centred Design (UCD)

soultank AG | Usability Coffee | 20. November 2014 Seite 9

User Centred Design (UCD)

soultank AG | Usability Coffee | 20. November 2014 Seite 10

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

| Folie 11soultank AG | Usability Coffee | 20. November 2014

� 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

� 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

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

� 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

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

� 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

� 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

soultank AG | Usability Coffee | 20. November 2014 Seite 19

Benutzer, Aufgaben & Kontext Analyse

soultank AG | Usability Coffee | 20. November 2014 Seite 20

Personas generieren zur Dokumentation

� 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

soultank AG | Usability Coffee | 20. November 2014 Seite 22

� Titel

� Lead

� Body

Aufbau einer Seite

� 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

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

soultank AG | Usability Coffee | 20. November 2014 Seite 25

� Fasst den Artikel zusammen

Ein guter Titel

soultank AG | Usability Coffee | 20. November 2014 Seite 26

� Ist auch ausserhalb des Kontexts sinnvoll

Ein guter Titel

� Ist klar formuliert, anstatt originell

Ein guter Titel

Seite 27soultank AG | Usability Coffee | 20. November 2014

� Ist 40 bis 60 Zeichen lang

Ein guter Titel

Seite 28soultank AG | Usability Coffee | 20. November 2014

� 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

� 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

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

Ein guter Lead

| Folie 31soultank AG | Usability Coffee | 20. November 2014

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

Ein guter Lead

| Folie 32soultank AG | Usability Coffee | 20. November 2014

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

Ein guter Lead

| Folie 33soultank AG | Usability Coffee | 20. November 2014

WerWas

Wieso

� 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

� 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

� Ist in mehrere Abschnitte zerlegt (mit Zwischentiteln)

Ein guter Body

| Folie 36soultank AG | Usability Coffee | 20. November 2014

� Hat einen Gedanken pro Absatz

Ein guter Body

| Folie 37soultank AG | Usability Coffee | 20. November 2014

� Benutzt bullet points wo sinnvoll

Ein guter Body

| Folie 38soultank AG | Usability Coffee | 20. November 2014

� Benutzt Illustrationen zur Veranschaulichung

Ein guter Body

| Folie 39soultank AG | Usability Coffee | 20. November 2014

� Endet mit einer Handlungsaufforderung

Ein guter Body

| Folie 40soultank AG | Usability Coffee | 20. November 2014

� 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

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

� 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

� 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

� Janice (Ginny) Redish: Letting Go of the Words, Writing Web Content that Works, 2012

Literaturtipps

| Folie 45soultank AG | Usability Coffee | 20. November 2014

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

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

Herzlichen Dank für Ihre Aufmerksamkeit

Bei Fragen stehen wir gerne zur Verfügung

Recommended