Visual Thinking Usability Coffee, 19.03.2015

1. Visual Thinking
Usability Coffee, St. Gallen, 10.03.2015

2. 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 2soultank AG | Usability Coffee | 10. März 2015

3. soultank AG | Usability Coffee | 10. März 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 und St. Gallen
Europaweit tätig, Fokus Schweiz
Über soultank AG
| Folie 3
Wir sind die unabhängigen Usability-Experten mit
unvoreingenommenem Blick auf Ihr Produkt

4. Referenzen soultank AG
soultank AG | Usability Coffee | 10. März 2015 | Folie 4
Weitere Referenzen: www.soultank.ch/content/referenzen

5. soultank AG | Usability Coffee | 10. März 2015 Seite 5
User Centred Design (UCD)

6. soultank AG | Usability Coffee | 10. März 2015 Seite 6
User Centred Design (UCD)

7. soultank AG | Usability Coffee | 10. März 2015 Seite 7
User Centred Design (UCD)

8. soultank AG | Usability Coffee | 10. März 2015 Seite 8
User Centred Design (UCD)

9. soultank AG | Usability Coffee | 10. März 2015 Seite 9
User Centred Design (UCD)

10. 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 | 10. März 2015

11. 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 | 10. März 2015

12. 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 | 15. Januar 2015

13. 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 | 10. März 2015

14. 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
| Folie 14soultank AG | Usability Coffee | 10. März 2015

15. Menschen erinnern sich an Gesehenes und Gehörtes 7
mal mehr, als an Gelesenes!
| Folie 15soultank AG | Usability Coffee | 10. März 2015
Text
Bilder
Plus Erklärung

16. 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 16soultank AG | Usability Coffee | 15. Januar 2015

17. 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 17soultank AG | Usability Coffee | 10. März 2015

18. 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 18soultank AG | Usability Coffee | 15. Januar 2015

19. Vermeide Langeweile, Ermüdung und Missverständnisse
in Texten durch Visualisierungen
| Folie 19soultank AG | Usability Coffee | 10. März 2015

20. Informationen werden leichter erfassbar, werden
schneller aufgenommen und bleiben länger im
Gedächtnis.
Gute Visualisierungen kürzen Besprechungen bis zu 30 %
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.
Quelle: http://www.philognosie.net/denken-lernen/visualisieren-lernen-mit-bildern-
moderieren-praesentieren
Ihr Nutzen beim Visualisieren
| Folie 20soultank AG | Usability Coffee | 10. März 2015

21. 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 21soultank AG | Usability Coffee | 10. März 2015

22. 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 22soultank AG | Usability Coffee | 10. März 2015

23. Die 4 wichtigsten Kriterien:
Wichtiges springt ins Auge.
Im Weglassen liegt die Kunst.
Visualisierungen sollen konkretisieren.
Visualisierungen sollen nachvollziehbar sein.
Quelle: http://www.philognosie.net/denken-lernen/visualisieren-lernen-mit-bildern-
moderieren-praesentieren
Was ist eine gute Visualisierung?
| Folie 23soultank AG | Usability Coffee | 10. März 2015

24. So nicht…
| Folie 24soultank AG | Usability Coffee | 10. März 2015
Quelle:
http://www.vodafo
ne-stiftung-fuer-
forschung.de/preist
raeger/2004/f.html

25. 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 25soultank AG | Usability Coffee | 10. März 2015

26. 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 26soultank AG | Usability Coffee | 10. März 2015

27. Keine PowerPoint Folter am Arbeitsplatz!
| Folie 27soultank AG | Usability Coffee | 10. März 2015

28. | Folie 28soultank AG | Usability Coffee | 10. März 2015

29. Sich prägnant und kurz ausdrucken
| Folie 29soultank AG | Usability Coffee | 10. März 2015

30. Aussagekräftiger Titel wählen und sich kurz halten
| Folie 30soultank AG | Usability Coffee | 10. März 2015

31. 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 31soultank AG | Usability Coffee | 10. März 2015

32. 5 Faktoren zu einem prägnanten Schaubild
| Folie 32soultank AG | Usability Coffee | 10. März 2015

33. Anstatt viele Bullet-points, eine verständliche,
strukturierte Visualisierung
| Folie 33soultank AG | Usability Coffee | 10. März 2015

34. 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 34soultank AG | Usability Coffee | 15. Januar 2015

35. Tipps und Hilfen zum Visualisieren
| Folie 35soultank AG | Usability Coffee | 10. März 2015

36. Wie Text strukturieren und visualisieren?
| Folie 36soultank AG | Usability Coffee | 10. März 2015

37. Zwei Positionen miteinander vergleichen
| Folie 37soultank AG | Usability Coffee | 10. März 2015

38. Eine Abfolge
| Folie 38soultank AG | Usability Coffee | 10. März 2015

39. Ausarbeitung von Strategien
| Folie 39soultank AG | Usability Coffee | 10. März 2015

40. Um Auswirkungen zu zeigen
| Folie 40soultank AG | Usability Coffee | 10. März 2015

41. Prozess
| Folie 41soultank AG | Usability Coffee | 10. März 2015

42. 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 42soultank AG | Usability Coffee | 15. Januar 2015

43. Flussdiagramm
| Folie 43soultank AG | Usability Coffee | 10. März 2015

44. Use Case
| Folie 44soultank AG | Usability Coffee | 10. März 2015

45. User Story
| Folie 45soultank AG | Usability Coffee | 10. März 2015

46. Klassischer Usability Test im Labor
| Folie 46soultank AG

47. Storytelling
| Folie 47soultank AG

48. Informationen sammeln
| Folie 48soultank AG

49. 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 49soultank AG | Usability Coffee | 15. Januar 2015

50. Praktische Übung
| Folie 50soultank AG | Usability Coffee | 10. März 2015

51. … 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 51soultank AG | Usability Coffee | 10. März 2015

52. Real Leaders Don't Do
PowerPoint
Von Christpoher Witt
Gute Literatur
| Folie 52soultank AG | Usability Coffee | 10. März 2015
Viele gute Visualisierungen zu
verschiedenen Themen:
https://www.cartoonbank.com/

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

54. Team
soultank AG | Usability Coffee | 10. März 2015 | Folie 54
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