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

48
Texten fürs Web Usability Coffee, St. Gallen, 20. November 2014

description

Texten fürs Web

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

Texten fürs Web

Usability Coffee, St. Gallen, 20. November 2014

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

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

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

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

� 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 5soultank AG | Usability Coffee | 20. November 2014

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

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

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

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

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

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

� 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

� 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

� 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

� 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

� 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

� 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

� 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

� 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

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

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

� 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

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

� 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

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

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

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

� 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

� 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

� 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

� 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

� 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

� 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

� 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

� 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

� 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

� 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

� 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

� 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

� 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

� 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

� 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

� 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

� 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

� 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

� 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

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

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

Herzlichen Dank für Ihre Aufmerksamkeit

Bei Fragen stehen wir gerne zur Verfügung