Visual thinking usability coffee st gallen 19 03 2015

54
Visual Thinking Usability Coffee, St. Gallen, 10.03.2015

Transcript of Visual thinking usability coffee st gallen 19 03 2015

Visual Thinking

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

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

Referenzen soultank AG

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

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

soultank AG | Usability Coffee | 10. März 2015 Seite 5

User Centred Design (UCD)

soultank AG | Usability Coffee | 10. März 2015 Seite 6

User Centred Design (UCD)

soultank AG | Usability Coffee | 10. März 2015 Seite 7

User Centred Design (UCD)

soultank AG | Usability Coffee | 10. März 2015 Seite 8

User Centred Design (UCD)

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

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

� 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

� 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

� 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

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

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

� 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

� 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

� 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

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

So nicht…

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

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

� 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

� 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

Keine PowerPoint Folter am Arbeitsplatz!

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

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

Sich prägnant und kurz ausdrucken

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

Aussagekräftiger Titel wählen und sich kurz halten

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

5 Faktoren zu einem prägnanten Schaubild

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

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

| Folie 33soultank AG | Usability Coffee | 10. März 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 34soultank AG | Usability Coffee | 15. Januar 2015

Tipps und Hilfen zum Visualisieren

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

Wie Text strukturieren und visualisieren?

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

Zwei Positionen miteinander vergleichen

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

Eine Abfolge

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

Ausarbeitung von Strategien

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

Um Auswirkungen zu zeigen

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

Prozess

| Folie 41soultank AG | Usability Coffee | 10. März 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 42soultank AG | Usability Coffee | 15. Januar 2015

Flussdiagramm

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

Use Case

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

User Story

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

Klassischer Usability Test im Labor

| Folie 46soultank AG

Storytelling

| Folie 47soultank AG

Informationen sammeln

| Folie 48soultank AG

� 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

Praktische Übung

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

� Real Leaders Don't Do PowerPoint

Von ChristpoherWitt

Gute Literatur

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

� Viele gute Visualisierungen zu verschiedenen Themen:

https://www.cartoonbank.com/

Herzlichen Dank für Ihre Aufmerksamkeit

Bei Fragen stehen wir gerne zur Verfügung

Team

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

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