Usability User Experience User Interface Design

Gutes Design macht hyggelig

Michael Bechinie | Head of Experience Design | bechinie@usecon.com

Image: MBechinie

Motivation…

3

Motivierte Ratten?

https://www.youtube.com/watch?v=d-84UJpYFRM&list=PL-SUu9fi7oOmvdY3PpvlYwa6n26f0vFm_&index=66

Rational oder emotional?

Denken und Affekte sind ein Systempaar

AFFEKTE - SCHNELL

NeurotransmitterBewertung der externen Welt (pos / neg)Erkennen von Bedrohungen & ChancenHelfen bei der Planung von Entscheidungen

DENKEN - LANGSAM

Interpretation der UmweltSinn „herstellen“Ziehen von Schlüssen

VERHALTEN

Verhalten wird geleitet

AFFEKTE - SCHNELL

NeurotransmitterBewertung der externen Welt (pos / neg)Erkennen von Bedrohungen & ChancenPlanung von Entscheidungen id Zukunft

DENKEN - LANGSAM

Interpretation der UmweltSinn „herstellen“Ziehen von Schlüssen

OptionenRisikoverhaltenEntscheidungen

ÜberlebenSozialpartnerNahrungWohnenProdukte

Problemlösung

Rauf Runter zwischen Affekt und Denken

3D brain data is from Anatomography., CC BY-SA 2.1 jp, https://commons.wikimedia.org/w/index.php?curid=17481238

HTH

AMY

PFC

Reize

Analyse, Bewertung der Situation.

Signale an: Muskeln, Gesicht, Extremitäten, Neurotransmitter, weitere interne und vegetative Reaktionen.

Endokrine (hormonelle) Reaktionen in den Blutkreislauf

Empfindungen von Emotionen: Juxtapositionvon Vorstellungen und Reizeindrücken.

Amygdala (AMY)

Hypothalamus (HTH)

Prefrontaler Cortext (PFC)

Rasche Reaktionen und primäre Emotionen: Freude, Angst, Wut, Ekel,…

Sekundäre Emotionen. Ausgelöst durch bewusstes „Denken“ an Situationen. Erfahrung.

Rauf Runter zwischen Affekt und Denken

3D brain data is from Anatomography., CC BY-SA 2.1 jp, https://commons.wikimedia.org/w/index.php?curid=17481238

Reize

Bottom UpReaktionen

Top DownRegulierungen

Kern Systeme | Kern AffekteUnterschiedliche Theorien

Panksepp 2012 Russel 2003

Für die Skeptischen…

Affekt, lösen von Aufgaben und Design

Positiver Affekt

Negativer Affekt

Lenkt abErweitert den LösungsraumSteigert die KreativitätBreite

FokussiertEngt den Lösungsraum einVermindert die KreativitätTiefe

Hygge

Image: KBayer

Hygge

Image: Wikipedia

3 Ebenen im Design

Visceral, Verhaltensbezogen, Reflektiv

Visceral

Verhalten

Reflektiv

Sensorik

Reize

Donald Norman (2004)

Kontrolle

Kontrolle

Einfluss

Einfluss

Motorik

Steuerung

Visceral

Positiver Affekt

Negativer Affekt

Warme, komfortable OrteTemperiertes KlimaSüßer GeschmackSymmetrienRunde, weiche FormenHarmonische, rhythmische Musik, Sounds …

Extreme Hitze, extreme KälteBitterer GeschmackSpitze, Kantige GegenständeGroße MenschenmassenAbrupter, lauter SoundGestank von verwesendem Fleisch …

Visceral – Sofort

Image: cultofmac.com

Visceral – Sofort

Image: cultofmac.com https://www.youtube.com/watch?v=hXRhsPNyssY

Visceral – Sofort

Erster Eindruck Look

Feel Sound

Visceral – Sofort

Welche der beiden Figuren ist Bouba und welche Kiki?

Wolfgang Köhler (1924)

Verhaltensbezogen – Usability

https://www.youtube.com/watch?v=LV3mGJVpF2k&index=24&list=PL-SUu9fi7oOmgByT3IPXTo8o89HwqxkL1

Verhaltensbezogen – Funktion

Nützlichkeit Usability

PerformanceExperience

Reflektiv – Langzeit

https://www.youtube.com/watch?v=DoapqteSo8Q&index=2&list=PL-SUu9fi7oOkMm_duikZK_l7MV9cXQ0te

Reflektiv – Langzeit

Erfahrung Kultur

IndividualitätBedeutung

Design

Design ≠ Kosmetik

Design = Eine Art zu Denken um Probleme zu lösen

28

DesignerInnen …

Weg

definiert

»Krasses Echtwelt Problem«

entwickeln

Image: MBechinie

»Radikale« Anwendung desHuman Centered Design Prozess

ISO 9241-210

Human Centred Design Prozess

Context of Useverstehen und

festlegen

User Requirements spezifizieren

Design Lösungen entwickeln

Evaluation der Lösungen

Take Home Mantra

Gutes Design spricht drei Ebenen an: Affekte, Verhalten und Reflexion

Ansprechendes Design macht hyggelig und hilft uns Aufgaben besser zu lösen

Design ist eine Art zu Denken um »krasse Probleme« zu lösen

Der Weg zum guten Design führt über den Human Centred Design Prozess

Design Mantra

Image: MBechinie

Michael Bechinie

USECON

Head of Experience Design

bechinie@usecon.com

@beemcog

Amygdala (AMY)

"BodyParts3D, © The Database Center for Life Science licensed under CC Attribution-Share Alike 2.1 Japan."

Zurück

Hypothalamus (HTH)

"BodyParts3D, © The Database Center for Life Science licensed under CC Attribution-Share Alike 2.1 Japan."

Zurück

Prefrontaler Cortex (PFC)

"BodyParts3D, © The Database Center for Life Science licensed under CC Attribution-Share Alike 2.1 Japan."

Zurück