57
Visual Thinking Usability Coffee, Zug, 15.04.2015

Visual thinking, Usability Coffee, Zug, 14.04.2015

Embed Size (px)

Citation preview

Page 1: Visual thinking, Usability Coffee, Zug, 14.04.2015

Visual Thinking

Usability Coffee, Zug, 15.04.2015

Page 2: Visual thinking, Usability Coffee, Zug, 14.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

Page 3: Visual thinking, Usability Coffee, Zug, 14.04.2015

Referenzen soultank AG

soultank AG | Usability Coffee | 14. April 2015 | Folie 3

Weitere Referenzen: www.soultank.ch/content/referenzen

Page 4: Visual thinking, Usability Coffee, Zug, 14.04.2015

� 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

Page 5: Visual thinking, Usability Coffee, Zug, 14.04.2015

soultank AG | Usability Coffee | 14. April 2015 Seite 5

User Centred Design (UCD)

Page 6: Visual thinking, Usability Coffee, Zug, 14.04.2015

soultank AG | Usability Coffee | 14. April 2015 Seite 6

User Centred Design (UCD)

Page 7: Visual thinking, Usability Coffee, Zug, 14.04.2015

soultank AG | Usability Coffee | 14. April 2015 Seite 7

User Centred Design (UCD)

Page 8: Visual thinking, Usability Coffee, Zug, 14.04.2015

soultank AG | Usability Coffee | 14. April 2015 Seite 8

User Centred Design (UCD)

Page 9: Visual thinking, Usability Coffee, Zug, 14.04.2015

soultank AG | Usability Coffee | 14. April 2015 Seite 9

User Centred Design (UCD)

Page 10: Visual thinking, Usability Coffee, Zug, 14.04.2015

� 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

Page 11: Visual thinking, Usability Coffee, Zug, 14.04.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

Page 12: Visual thinking, Usability Coffee, Zug, 14.04.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

Page 13: Visual thinking, Usability Coffee, Zug, 14.04.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

Page 14: Visual thinking, Usability Coffee, Zug, 14.04.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

Page 15: Visual thinking, Usability Coffee, Zug, 14.04.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?

Page 16: Visual thinking, Usability Coffee, Zug, 14.04.2015

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

Page 17: Visual thinking, Usability Coffee, Zug, 14.04.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 17soultank AG | Usability Coffee | 14. April 2015

Page 18: Visual thinking, Usability Coffee, Zug, 14.04.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

Page 19: Visual thinking, Usability Coffee, Zug, 14.04.2015

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

| Folie 19soultank AG | Usability Coffee | 14. April 2015

Page 20: Visual thinking, Usability Coffee, Zug, 14.04.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

Page 21: Visual thinking, Usability Coffee, Zug, 14.04.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

Page 22: Visual thinking, Usability Coffee, Zug, 14.04.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

Page 23: Visual thinking, Usability Coffee, Zug, 14.04.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

Page 24: Visual thinking, Usability Coffee, Zug, 14.04.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

Page 25: Visual thinking, Usability Coffee, Zug, 14.04.2015

So nicht…

| Folie 25soultank AG | Usability Coffee | 14. April 2015

Quelle: http://www.vodafone-stiftung-fuer-forschung.de/preistraeger/2004/f.html

Page 26: Visual thinking, Usability Coffee, Zug, 14.04.2015

� 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

Page 27: Visual thinking, Usability Coffee, Zug, 14.04.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

Page 28: Visual thinking, Usability Coffee, Zug, 14.04.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

Page 29: Visual thinking, Usability Coffee, Zug, 14.04.2015

Keine PowerPoint Folter am Arbeitsplatz!

| Folie 29soultank AG | Usability Coffee | 14. April 2015

Page 30: Visual thinking, Usability Coffee, Zug, 14.04.2015

| Folie 30soultank AG | Usability Coffee | 14. April 2015

Page 31: Visual thinking, Usability Coffee, Zug, 14.04.2015

Sich prägnant und kurz ausdrucken

| Folie 31soultank AG | Usability Coffee | 14. April 2015

Page 32: Visual thinking, Usability Coffee, Zug, 14.04.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.)

Page 33: Visual thinking, Usability Coffee, Zug, 14.04.2015

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

Page 34: Visual thinking, Usability Coffee, Zug, 14.04.2015

5 Faktoren zu einem prägnanten Schaubild

| Folie 34soultank AG | Usability Coffee | 14. April 2015

Page 35: Visual thinking, Usability Coffee, Zug, 14.04.2015

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

| Folie 35soultank AG | Usability Coffee | 14. April 2015

Page 36: Visual thinking, Usability Coffee, Zug, 14.04.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

Page 37: Visual thinking, Usability Coffee, Zug, 14.04.2015

Tipps und Hilfen zum Visualisieren

| Folie 37soultank AG | Usability Coffee | 14. April 2015

Page 38: Visual thinking, Usability Coffee, Zug, 14.04.2015

Wie Text strukturieren und visualisieren?

| Folie 38soultank AG | Usability Coffee | 14. April 2015

Page 39: Visual thinking, Usability Coffee, Zug, 14.04.2015

Zwei Positionen miteinander vergleichen

| Folie 39soultank AG | Usability Coffee | 14. April 2015

Page 40: Visual thinking, Usability Coffee, Zug, 14.04.2015

Eine Abfolge

| Folie 40soultank AG | Usability Coffee | 14. April 2015

Page 41: Visual thinking, Usability Coffee, Zug, 14.04.2015

Ausarbeitung von Strategien

| Folie 41soultank AG | Usability Coffee | 14. April 2015

Page 42: Visual thinking, Usability Coffee, Zug, 14.04.2015

Um Auswirkungen zu zeigen

| Folie 42soultank AG | Usability Coffee | 14. April 2015

Page 43: Visual thinking, Usability Coffee, Zug, 14.04.2015

Prozess

| Folie 43soultank AG | Usability Coffee | 14. April 2015

Page 44: Visual thinking, Usability Coffee, Zug, 14.04.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

Page 45: Visual thinking, Usability Coffee, Zug, 14.04.2015

Flussdiagramm

| Folie 45soultank AG | Usability Coffee | 14. April 2015

Page 46: Visual thinking, Usability Coffee, Zug, 14.04.2015

Use Case

| Folie 46soultank AG | Usability Coffee | 14. April 2015

Page 47: Visual thinking, Usability Coffee, Zug, 14.04.2015

User Story

| Folie 47soultank AG | Usability Coffee | 14. April 2015

Page 48: Visual thinking, Usability Coffee, Zug, 14.04.2015

Klassischer Usability Test im Labor

| Folie 48soultank AG | Usability Coffee | 14. April 2015

Page 49: Visual thinking, Usability Coffee, Zug, 14.04.2015

Storytelling

| Folie 49soultank AG | Usability Coffee | 14. April 2015

Page 50: Visual thinking, Usability Coffee, Zug, 14.04.2015

Informationen sammeln

| Folie 50soultank AG | Usability Coffee | 14. April 2015

Page 51: Visual thinking, Usability Coffee, Zug, 14.04.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

Page 52: Visual thinking, Usability Coffee, Zug, 14.04.2015

Praktische Übung

| Folie 52soultank AG | Usability Coffee | 14. April 2015

Page 53: Visual thinking, Usability Coffee, Zug, 14.04.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

Page 54: Visual thinking, Usability Coffee, Zug, 14.04.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/

Page 55: Visual thinking, Usability Coffee, Zug, 14.04.2015

� 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

Page 56: Visual thinking, Usability Coffee, Zug, 14.04.2015

Herzlichen Dank für Ihre Aufmerksamkeit

Bei Fragen stehen wir gerne zur Verfügung

Page 57: Visual thinking, Usability Coffee, Zug, 14.04.2015

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