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

[email protected]

Stefanie FriedliUsability 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, 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


Verbindung von Sach- und praktischen Wissen


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!


Text

Bilder

Plus Erklärung







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








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.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


� 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



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








Inhaltsübersicht


Flussdiagramm


Use Case


User Story


Klassischer Usability Test im Labor


Storytelling


Informationen sammeln








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 ChristpoherWitt

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

Visual thinking, Usability Coffee, Zug, 14.04.2015

Services