texten fürs web, usability coffee, st. gallen, 20.11.2014

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

Upload: soultank

Post on 01-Jul-2015

177 views

Category:

Business


1 download

DESCRIPTION

Texten fürs Web

TRANSCRIPT

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