Visual thinking, Usability Coffee, Zug, 14.04.2015

Visual Thinking
Usability Coffee, Zug, 15.04.2015

soultank AG | Usability Coffee | 14. April 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 2
Wir sind die unabhängigen Usability-Experten mit
unvoreingenommenem Blick auf Ihr Produkt

Referenzen soultank AG
soultank AG | Usability Coffee | 14. April 2015 | Folie 3
Weitere Referenzen: www.soultank.ch/content/referenzen

Usability Erfahrung seit 2013
Bachelor Thesis zum Thema Usability Tests
Studium:
Pädagogische Hochschule PHSH
(Bachelor of Arts Primary Education) seit 2006
Angewandte Psychologie
(B SC FHNW Angewandte Psychologie) seit 2014
stefanie.friedli@soultank.ch
Stefanie Friedli
Usability Consultant
| Folie 4soultank AG | Usability Coffee | 14. April 2015

soultank AG | Usability Coffee | 14. April 2015 Seite 5
User Centred Design (UCD)

Setzen Sie wenn immer möglich
eine Visualisierung anstatt Text
ein
Menschen erinnern sich an
Gelesenes (Text) nur 10%, an
Gesehenes (Bild) 50%
Kernaussagen von heute

Ordnen Sie Ihren Text in
eine sinnvolle Struktur und
unterstützen Sie mit einem
Bild
Verwenden Sie als Hilfe
diese praktischen Tipps und
Tricks
Kernaussagen von heute

Wie nehmen Menschen Inhalte auf?
Die Probleme von Verstehen und Behalten von Texten
Die Lösung: Texte strukturieren und visualisieren
Praktische Tipps, wie Sie vorgehen können
Ein paar Beispiele
Praktische Übung
Inhaltsübersicht

Erwachsene lernen vor allem, wenn sie dabei den Nutzen
erkennen → Zeigen Sie den Nutzen auf
Erwachsene müssen das neu Gelernte sinnvoll einordnen
können → Ordnen Sie Ihren Inhalt sinnvoll
Informieren Sie sich, was Ihre Zuhörer bereits wissen und
nehmen Sie auf das Vorwissen Bezug.
Wie nehmen Erwachsene Inhalte auf? Erkenntnisse aus
der Lerntheorie

Stellen Sie Ihren Sachverhalt in voller Breite und Tiefe dar,
indem Sie viele Beispiele integrieren.
Verbinden Sie deklaratives Wissen (Sachwissen, knowing
what) mit prozeduralem Wissen (praktisch anwendbares
Wissen, knowing how).
Quellen: http://www.christiani.de/pdf/82136_probe.pdf, http://www.die-
bonn.de/esprid/dokumente/doc-2004/mandl04_01.pdf
Wie nehmen Erwachsene Inhalte auf? Erkenntnisse aus
der Lerntheorie

Verbindung von Sach- und praktischen Wissen
EU – Projekt
Ziel: Platform zur
Unterstützung von
Personen, die Angehörige
zu Hause pflegen
Sachwissen
Informationen
zur Krankheit
Demenz
Praktisches
waschen?
Praktisches
Wissen
Wie pflege ich
konkret? Z.B.
Körper
waschen?

Menschen erinnern sich an Gesehenes und Gehörtes 7
mal mehr, als an Gelesenes!
Text
Bilder
Plus Erklärung

Ein paar Beispiele
Praktische Übung
Inhaltsübersicht

Menschen lesen nicht gerne lange Texte
Viele Texte und Gesprochenes in Präsentationen ermüden
und langweilen die Zuhörer, sie hängen irgendwann ab
Es können Missverständnisse auftreten
Problem

Vermeide Langeweile, Ermüdung und Missverständnisse
in Texten durch Visualisierungen

Ein paar Beispiele
Praktische Übung
Inhaltsübersicht

Visualisierungen kürzen Besprechungen bis zu 30 %,
wenn die Visualisierungen gut vorbereitet sind.
Visualisierungen wirken häufig strukturierend und
orientierend. Es fällt leichter, beim Thema zu bleiben.
Visualisierung wirken klärend, da der Blick auf das
Wesentliche des Themas gelenkt wird. Das Verstehen fällt
leichter, aber auch das Bemerken von Wissenslücken, die
durch Nachfragen geschlossen werden können.
Quelle: http://www.philognosie.net/denken-lernen/visualisieren-lernen-mit-bildern-
moderieren-praesentieren
Ihr Nutzen beim Visualisieren

Ein Bild sagt mehr als 1`000 Worte
Viele Menschen kommen mit visuellen Präsentationen
besser zurecht als mit reinem Text
Ein Bild wird vom Menschen viel schneller erfasst, als Text
Weniger Missverständnisse
Setzen Sie Visualisierungen ein!

Ganz allgemein, das Sichtbarmachen von
Inhalten, in Form eines Bildes oder Textes bzw.
einer Kombination davon.
Im Speziellen wird Visualisierung verwendet, um
etwas zu veranschaulichen, zu verdeutlichen.
Visualisieren - was ist das?

Die 4 wichtigsten Kriterien:
Wichtiges springt ins Auge
Im Weglassen liegt die Kunst → V. sind keine Schmückung
oder Verzierung des Texts!
Visualisierungen sollen konkretisieren
Visualisierungen sollen nachvollziehbar sein→ Symbole
wählen, die alle verstehen
Was ist eine gute Visualisierung?

So nicht…
Quelle:
http://www.vodafo
ne-stiftung-fuer-
forschung.de/preist
raeger/2004/f.html

Blog von soultank zu Icons:
http://soultank.ch/content/2015/03/was-sie-bei-der-
auswahl-von-icons-beachten-muessen/
Was Sie bei der Wahl von Icons beachten sollten

Stammbaum: z.B. für Hierarchien
Symbole: Sollen bekannt sein
Cluster: Für Ideen, die assoziativ miteinander in Beziehung
gesetzt werden
Mindmaps: z.B. Überblick über ein Thema, Brainstorming
etc.
Welche Visualisierungsmethoden gibt es?

Listen: z.B. Pullet Points (Achtung: Nicht zu lange!)
Illustrationen: Verdeutlichen Text
Reale Gegenstände: z.B. für Ideensammlung, lockert auf
Diagramme: Gut, um Statistiken zu veranschaulichen
Welche Visualisierungsmethoden gibt es?

Keine PowerPoint Folter am Arbeitsplatz!

Sich prägnant und kurz ausdrucken

Aussagekräftiger Titel wählen und sich kurz halten
Kernbotschaft als
Titel
Bild zur Veranschaulichung
Kurzer Text (nicht mehr als
400 Zeichen inkl. L.)

Was ist mein Ziel?
Was will ich mitteilen?
Kernpunkte?
An was sollen sich die Zuhörer
um 4 Uhr morgens noch
erinnern?
Wer will ich ansprechen?
Woran ist er interessiert?
Was weiss er schon?
Vor der Visualisierung: Stellen Sie sich die richtigen
Fragen zur Vorbereitung

5 Faktoren zu einem prägnanten Schaubild

Anstatt viele Bullet-points, eine verständliche,
strukturierte Visualisierung

Praktische Tipps und Hilfestellung
Ein paar Beispiele
Praktische Übung
Inhaltsübersicht

Tipps und Hilfen zum Visualisieren

Wie Text strukturieren und visualisieren?

Zwei Positionen miteinander vergleichen

Eine Abfolge

Ausarbeitung von Strategien

Um Auswirkungen zu zeigen

Prozess

Ein paar Beispiele
Praktische Übung
Inhaltsübersicht

Flussdiagramm

Use Case

User Story

Klassischer Usability Test im Labor

Storytelling

Informationen sammeln

Ein paar Beispiele
Praktische Übung
Inhaltsübersicht

Praktische Übung

… denken Sie an Visualisierungen
… «Meinen Sie es so….?», «Haben Sie sich das so
vorgestellt…»
… denken Sie in Bildern
… wenige Striche, keine «Ausmahlbilder»
… scheuen Sie sich nicht zu zeichnen, kritzeln, skizieren
... Kernbotschaft zuerst
… Menschen erinnern sich an Bilder 40% mehr, als an Text
Bei einem Meeting oder einer Präsentation….

Real Leaders Don't Do
PowerPoint
Von Christpoher Witt
Gute Literatur
Viele gute Visualisierungen zu
verschiedenen Themen:
https://www.cartoonbank.com/

20. Mai 2015, 07.30-08.30 Uhr
Usability Coffee „Wie messe ich den Erfolg
eines Redesigns?“
Nächster Usability Coffee in Zug

Herzlichen Dank für Ihre Aufmerksamkeit
Bei Fragen stehen wir gerne zur Verfügung

Team
soultank AG | Usability Coffee | 14. April 2015 | Folie 57
soultank AG
Bahnhofplatz
Postfach 4744
6304 Zug
Tel: +41 41 726 50 20
Fax: +41 41 726 50 26
www.soultank.ch
soultank AG
c/o Ostsinn
Bohl 2
9000 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

Visual thinking, Usability Coffee, Zug, 14.04.2015

Weitere ähnliche Inhalte

Was ist angesagt?

Mehr von soultank AG

Visual thinking, Usability Coffee, Zug, 14.04.2015