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 FriedliUsability Consultant
| Folie 4soultank AG | Usability Coffee | 14. April 2015
soultank AG | Usability Coffee | 14. April 2015 Seite 5
User Centred Design (UCD)
soultank AG | Usability Coffee | 14. April 2015 Seite 6
User Centred Design (UCD)
soultank AG | Usability Coffee | 14. April 2015 Seite 7
User Centred Design (UCD)
soultank AG | Usability Coffee | 14. April 2015 Seite 8
User Centred Design (UCD)
soultank AG | Usability Coffee | 14. April 2015 Seite 9
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
| Folie 10soultank AG | Usability Coffee | 14. April 2015
� 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
| Folie 11soultank AG | Usability Coffee | 14. April 2015
� 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
| Folie 12soultank AG | Usability Coffee | 14. April 2015
� 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
| Folie 13soultank AG | Usability Coffee | 14. April 2015
� Stellen Sie Ihren Sachverhalt in voller Breite und Tiefe dar, indem Sie viele Beispiele integrieren.
� Verbinden Sie deklaratives Wissen (Sachwissen, knowingwhat) 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
| Folie 14soultank AG | Usability Coffee | 14. April 2015
Verbindung von Sach- und praktischen Wissen
| Folie 15soultank AG | Usability Coffee | 14. April 2015
EU – ProjektZiel: 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!
| Folie 16soultank AG | Usability Coffee | 14. April 2015
Text
Bilder
Plus Erklärung
� 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
| Folie 17soultank AG | Usability Coffee | 14. April 2015
� 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
| Folie 18soultank AG | Usability Coffee | 14. April 2015
Vermeide Langeweile, Ermüdung und Missverständnisse in Texten durch Visualisierungen
| Folie 19soultank AG | Usability Coffee | 14. April 2015
� 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
| Folie 20soultank AG | Usability Coffee | 14. April 2015
� 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
| Folie 21soultank AG | Usability Coffee | 14. April 2015
� 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!
| Folie 22soultank AG | Usability Coffee | 14. April 2015
� 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.
Quelle: http://www.philognosie.net/denken-lernen/visualisieren-lernen-mit-bildern-moderieren-praesentieren
Visualisieren - was ist das?
| Folie 23soultank AG | Usability Coffee | 14. April 2015
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
Quelle: http://www.philognosie.net/denken-lernen/visualisieren-lernen-mit-bildern-moderieren-praesentieren
Was ist eine gute Visualisierung?
| Folie 24soultank AG | Usability Coffee | 14. April 2015
So nicht…
| Folie 25soultank AG | Usability Coffee | 14. April 2015
Quelle: http://www.vodafone-stiftung-fuer-forschung.de/preistraeger/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
| Folie 26soultank AG | Usability Coffee | 14. April 2015
� 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.
Quelle: http://www.philognosie.net/denken-lernen/visualisieren-lernen-mit-bildern-moderieren-praesentieren
Welche Visualisierungsmethoden gibt es?
| Folie 27soultank AG | Usability Coffee | 14. April 2015
� 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
Quelle: http://www.philognosie.net/denken-lernen/visualisieren-lernen-mit-bildern-moderieren-praesentieren
Welche Visualisierungsmethoden gibt es?
| Folie 28soultank AG | Usability Coffee | 14. April 2015
Keine PowerPoint Folter am Arbeitsplatz!
| Folie 29soultank AG | Usability Coffee | 14. April 2015
| Folie 30soultank AG | Usability Coffee | 14. April 2015
Sich prägnant und kurz ausdrucken
| Folie 31soultank AG | Usability Coffee | 14. April 2015
Aussagekräftiger Titel wählen und sich kurz halten
| Folie 32soultank AG | Usability Coffee | 14. April 2015
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
| Folie 33soultank AG | Usability Coffee | 14. April 2015
5 Faktoren zu einem prägnanten Schaubild
| Folie 34soultank AG | Usability Coffee | 14. April 2015
Anstatt viele Bullet-points, eine verständliche, strukturierte Visualisierung
| Folie 35soultank AG | Usability Coffee | 14. April 2015
� Wie nehmen Menschen Inhalte auf?
� Die Probleme von Verstehen und Behalten von Texten
� Die Lösung: Texte strukturieren und visualisieren
� Praktische Tipps und Hilfestellung
� Ein paar Beispiele
� Praktische Übung
Inhaltsübersicht
| Folie 36soultank AG | Usability Coffee | 14. April 2015
Tipps und Hilfen zum Visualisieren
| Folie 37soultank AG | Usability Coffee | 14. April 2015
Wie Text strukturieren und visualisieren?
| Folie 38soultank AG | Usability Coffee | 14. April 2015
Zwei Positionen miteinander vergleichen
| Folie 39soultank AG | Usability Coffee | 14. April 2015
Eine Abfolge
| Folie 40soultank AG | Usability Coffee | 14. April 2015
Ausarbeitung von Strategien
| Folie 41soultank AG | Usability Coffee | 14. April 2015
Um Auswirkungen zu zeigen
| Folie 42soultank AG | Usability Coffee | 14. April 2015
Prozess
| Folie 43soultank AG | Usability Coffee | 14. April 2015
� Wie nehmen Menschen Inhalte auf?
� Die Probleme von Verstehen und Behalten von Texten
� Die Lösung: Texte strukturieren und visualisieren
� Praktische Tipps und Hilfestellung
� Ein paar Beispiele
� Praktische Übung
Inhaltsübersicht
| Folie 44soultank AG | Usability Coffee | 14. April 2015
Flussdiagramm
| Folie 45soultank AG | Usability Coffee | 14. April 2015
Use Case
| Folie 46soultank AG | Usability Coffee | 14. April 2015
User Story
| Folie 47soultank AG | Usability Coffee | 14. April 2015
Klassischer Usability Test im Labor
| Folie 48soultank AG | Usability Coffee | 14. April 2015
Storytelling
| Folie 49soultank AG | Usability Coffee | 14. April 2015
Informationen sammeln
| Folie 50soultank AG | Usability Coffee | 14. April 2015
� Wie nehmen Menschen Inhalte auf?
� Die Probleme von Verstehen und Behalten von Texten
� Die Lösung: Texte strukturieren und visualisieren
� Praktische Tipps und Hilfestellung
� Ein paar Beispiele
� Praktische Übung
Inhaltsübersicht
| Folie 51soultank AG | Usability Coffee | 14. April 2015
Praktische Übung
| Folie 52soultank AG | Usability Coffee | 14. April 2015
� … 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….
| Folie 53soultank AG | Usability Coffee | 14. April 2015
� Real Leaders Don't Do PowerPoint
Von ChristpoherWitt
Gute Literatur
| Folie 54soultank AG | Usability Coffee | 14. April 2015
� 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
| Folie 55soultank AG | Usability Coffee | 14. April 2015
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 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 Jérome Fischer