Texten Fürs Web, Usability Coffee Zug, 24.11.2015

download Texten Fürs Web, Usability Coffee Zug, 24.11.2015

of 50

  • date post

    14-Apr-2017
  • Category

    Internet

  • view

    502
  • download

    0

Embed Size (px)

Transcript of Texten Fürs Web, Usability Coffee Zug, 24.11.2015

  • Texten frs Web

    Usability Coffee, Zug, 24. November 2015

  • Usability Erfahrung seit 2008

    Website-Entwicklung seit 1997

    Software-Entwicklung mit Java - mehrere Jahre Erfahrung

    Studium: Wirtschaftsinformatik Universitt Zrich (M Sc UZH)

    DozententtigkeitHSR Hochschule fr Technik Rapperswil, Digicomp Academy und FHS St.Gallen

    andreas.bossard@soultank.ch

    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 ttig

    2000 Grndung soultank AG in Zug

    Betrieb eines Usability-Labors in Zug

    Europaweit ttig, Fokus Schweiz

    ber soultank AG

    | Folie 3

    Wir sind die unabhngigen 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)

    | Folie 5soultank AG | Usability Coffee | 24. November 2015

  • User Centred Design (UCD)

    | Folie 6soultank AG | Usability Coffee | 24. November 2015

  • User Centred Design (UCD)

    | Folie 7soultank AG | Usability Coffee | 24. November 2015

  • User Centred Design (UCD)

    | Folie 8soultank AG | Usability Coffee | 24. November 2015

  • User Centred Design (UCD)

    | Folie 9soultank AG | Usability Coffee | 24. November 2015

  • 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

    Inhaltsbersicht

    | Folie 10soultank AG | Usability Coffee | 24. November 2015

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

    Navigation, Technologie und Visual Design untersttzen

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

    | Folie 11soultank AG | Usability Coffee | 24. November 2015

    NavigationVisual Design

    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

    Inhaltsbersicht

    | Folie 12soultank AG | Usability Coffee | 24. November 2015

  • Inhalt = Dialoge: Jede Nutzung der Website ist ein Dialog der vom Benutzer gestartet wird

    Websites oft als Informationsablagen gesehen Wir haben diesen Inhalt und mssen 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?

    | Folie 13soultank AG | Usability Coffee | 24. November 2015

    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!

    | Folie 14soultank AG | Usability Coffee | 24. November 2015

    Wie kann ich Kontakt aufnehmen zu dieser Firma?

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

  • 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

    Inhaltsbersicht

    | Folie 15soultank AG | Usability Coffee | 24. November 2015

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

    | Folie 16soultank AG | Usability Coffee | 24. November 2015

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

  • Lesen ist unnatrlich

    | Folie 17soultank AG | Usability Coffee | 24. November 2015

    Sprechen: Seit 100000 Jahren

    Lesen: Seit ca. 1000 Jahren.Verbreitet erst seit ca. 500 Jahren

    Ca. 100000 v. Chr. Heute

    Quelle: J. Johnson Designingwith the mind in mind

  • 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

    Inhaltsbersicht

    | Folie 18soultank AG | Usability Coffee | 24. November 2015

  • Bevor man mit Schreiben beginnt sich fragen:

    Wieso? Ich schreibe das damit wer? was? machen kann

    Was will ich damit beim Leser auslsen? (Call To Action)

    Wer? Benutzer, Aufgaben & Kontext Analyse (folgende Folie)

    Personas generieren zur Dokumentation (folgende Folie)

    Planen

    | Folie 19soultank AG | Usability Coffee | 24. November 2015

  • Benutzer, Aufgaben & Kontext Analyse

    | Folie 20soultank AG | Usability Coffee | 24. November 2015

  • Personas generieren zur Dokumentation

    | Folie 21soultank AG | Usability Coffee | 24. November 2015

    Pro Persona definieren:

    Was fr Konversationen will

    sie starten?

    Was fr Fragen hat sie im

    Kopf?

  • 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

    Inhaltsbersicht

    | Folie 22soultank AG | Usability Coffee | 24. November 2015

  • Titel

    Lead

    Body

    Aufbau einer Seite

    | Folie 23soultank AG | Usability Coffee | 24. November 2015

  • 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

    Inhaltsbersicht

    | Folie 24soultank AG | Usability Coffee | 24. November 2015

  • 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

    | Folie 25soultank AG | Usability Coffee | 24. November 2015

  • Fasst den Artikel zusammen

    Ein guter Titel

    | Folie 26soultank AG | Usability Coffee | 24. November 2015

  • Ist auch ausserhalb des Kontexts sinnvoll

    Ein guter Titel

    | Folie 27soultank AG | Usability Coffee | 24. November 2015

  • Ist klar formuliert, anstatt originell

    Ein guter Titel

    | Folie 28soultank AG | Usability Coffee | 24. November 2015

  • Ist 40 bis 60 Zeichen lang

    Ein guter Titel

    | Folie 29soultank AG | Usability Coffee | 24. November 2015

  • 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

    Inhaltsbersicht

    | Folie 30soultank AG | Usability Coffee | 24. November 2015

  • 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 31soultank AG | Usability Coffee | 24. November 2015

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

    Ein guter Lead

    | Folie 32soultank AG | Usability Coffee | 24. November 2015

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

    Ein guter Lead

    | Folie 33soultank AG | Usability Coffee | 24. November 2015

  • Muss die zentralen W-Fragen wer und was beantworten

    Ein guter Lead

    | Folie 34soultank AG | Usability Coffee | 24. November 2015

    WerWas

    Wieso

  • 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

    Inhaltsbersicht

    | Folie 35soultank AG | Usability Coffee | 24. November 2015

  • 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 36soultank AG | Usability Coffee | 24. November 2015

  • Ist in mehrere Abschnitte zerlegt (mit Zwischentiteln)

    Ein guter Body

    | Folie 37soultank AG | Usability Coffee | 24. November 2015

  • Hat einen Gedanken pro Absatz

    Ein guter Body

    | Folie 38soultank AG | Usability Coffee | 24. November 2015

  • Benutzt bullet points wo sinnvoll

    Ein guter Body

    | Folie 39soultank AG | Usability Coffee | 24. November 2015

  • Benutzt Illustrationen zur Veranschaulichung

    Ein guter Body

    | Folie 40soultank AG | Usability Coffee | 24. November 2015

  • Endet mit einer Handlungsaufforderung

    Ein guter Body

    | Folie 41soultank AG | Usability Coffee | 24. November 20