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

stefanie.friedli@soultank.ch

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!

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

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

Design Thinking

Design Coffee Advanced...Art.-Nr. 42712 Design Coffee Advanced - Grind & Brew -Bedienungsanleitung Design Coffee Advanced - Grind & Brew - Bedienungsanleitung vor Gebrauch unbedingt

14.04.2015 1 Erziehungs- und Bildungspartnerschaft zwischen Elternhaus und Schule Eva Blum

Informationen zur Qualifikationsphase (Q1/Q2) Wahl der Leistungskurse Gesamtqualifikation („Abiturzulassung“) Ruhrtal Gymnasium Schwerte 14.04.2015

Initialzündung durch Embedded Design Thinking — Ein ... · Durch die Einbettung von Design Thinking entstand das so genannte Embedded Design Thinking – ein Konzept, das die Kernelemente

STARBUCKS COFFEE ZHdK Research User Experience fileSTARBUCKS COFFEE ZHdK Research User Experience 3 1. Unternehmen STARBUCKS COFFEE 1.1 Die Firma STARBUCKS COFFEE - gegründet 1971

THINKING STEEL

Coffee Machine

Inhaltsverzeichnisifsn.eu/wp-content/uploads/blickinsbuch.pdf · 2018-05-10 · Thinking und Design Thinking. Das klassische Busi-ness-Denken wird durch den Ansatz des Design Thinking

COFFEE IN - Mitterhuemer

Brasilia coffee

Usability coffee-mobile protptyping

Urban Design Thinking - stadtstattstrandstadtstattstrand.de/sss/wp-content/uploads/2016/12/Urban... · 2017-01-16 · Exkurs: DEsign Thinking Design Thinking ist ein nutzerorientier-ter,

Agil arbeiten: Design Thinking & Co in Verkehrsunternehmen · Design Thinking Prozesse? - Wie ist ein Design Thinking Prozess strukturiert und welche Arbeitsprinzipien gelten? - Welche

Coffee bags (kaffee verpackung )

PC III – Aufbau der Materie - pci.tu-bs.de · 14.04.2015 PC III Aufbau der Materie Vorlesung: ... 14.04.2015 PC III Aufbau der Materie Die großen Theorien über die Welt • Newton

Thinking Day 2014

Design Thinking Line Broschüre von System 180files.system180.com/de_broschueren/system180_flyer_dt-line_de.pdf · 4 5 Die HPI School of Design Thinking Die School of Design Thinking

Einladung Game Thinking

COMPUTATIONAL THINKING IN DER LEHRERBILDUNG · PDF file4 WIESO COMPUTATIONAL THINKING? Was genau ist Computational Thinking und wer braucht es? Wenn es um Informatische Bildung geht,