SlideShare une entreprise Scribd logo
1  sur  37
Télécharger pour lire hors ligne
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
Neurotransmitter
Bewertung der externen Welt (pos / neg)
Erkennen von Bedrohungen & Chancen
Helfen bei der Planung von Entscheidungen
DENKEN - LANGSAM
Interpretation der Umwelt
Sinn „herstellen“
Ziehen von Schlüssen
VERHALTEN
Verhalten wird geleitet
AFFEKTE - SCHNELL
Neurotransmitter
Bewertung der externen Welt (pos / neg)
Erkennen von Bedrohungen & Chancen
Planung von Entscheidungen id Zukunft
DENKEN - LANGSAM
Interpretation der Umwelt
Sinn „herstellen“
Ziehen von Schlüssen
Optionen
Risikoverhalten
Entscheidungen
Überleben
Sozialpartner
Nahrung
Wohnen
Produkte
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: Juxtaposition
von 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 Up
Reaktionen
Top Down
Regulierungen
Kern Systeme | Kern Affekte
Unterschiedliche Theorien
Panksepp 2012 Russel 2003
Für die Skeptischen…
Affekt, lösen von Aufgaben und Design
Positiver Affekt
Negativer
Affekt
Lenkt ab
Erweitert den Lösungsraum
Steigert die Kreativität
Breite
Fokussiert
Engt den Lösungsraum ein
Vermindert die Kreativität
Tiefe
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 Orte
Temperiertes Klima
Süßer Geschmack
Symmetrien
Runde, weiche Formen
Harmonische, rhythmische Musik, Sounds …
Extreme Hitze, extreme Kälte
Bitterer Geschmack
Spitze, Kantige Gegenstände
Große Menschenmassen
Abrupter, lauter Sound
Gestank 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 des
Human Centered Design Prozess
ISO 9241-210
Human Centred Design Prozess
Context of Use
verstehen 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

Contenu connexe

Plus de USECON

USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5
USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5
USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5USECON
 
User Interface Design Style Guides are not dead, the just smell funny
User Interface Design Style Guides are not dead, the just smell funnyUser Interface Design Style Guides are not dead, the just smell funny
User Interface Design Style Guides are not dead, the just smell funnyUSECON
 
USECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AIT
USECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AITUSECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AIT
USECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AITUSECON
 
USECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rs
USECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rsUSECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rs
USECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rsUSECON
 
USECON RoX2016: Künstliche Intelligenz - Joy of Use
USECON RoX2016: Künstliche Intelligenz - Joy of UseUSECON RoX2016: Künstliche Intelligenz - Joy of Use
USECON RoX2016: Künstliche Intelligenz - Joy of UseUSECON
 
USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...
USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...
USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...USECON
 
USECON RoX2016: Creating the ultimate last-mile experience
USECON RoX2016: Creating the ultimate last-mile experienceUSECON RoX2016: Creating the ultimate last-mile experience
USECON RoX2016: Creating the ultimate last-mile experienceUSECON
 
USECON RoX2016: DIYSCITBD! WTH?
USECON RoX2016: DIYSCITBD! WTH?USECON RoX2016: DIYSCITBD! WTH?
USECON RoX2016: DIYSCITBD! WTH?USECON
 
USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...
USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...
USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...USECON
 
USECON RoX2016: Agile & User Experience - Crossing Borders?
USECON RoX2016: Agile & User Experience - Crossing Borders?USECON RoX2016: Agile & User Experience - Crossing Borders?
USECON RoX2016: Agile & User Experience - Crossing Borders?USECON
 
USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...
USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...
USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...USECON
 
USECON RoX2016: An Grenzen stoßen - Real & Digital
USECON RoX2016: An Grenzen stoßen - Real & DigitalUSECON RoX2016: An Grenzen stoßen - Real & Digital
USECON RoX2016: An Grenzen stoßen - Real & DigitalUSECON
 
USECON RoX2016: Opening Remarks
USECON RoX2016: Opening RemarksUSECON RoX2016: Opening Remarks
USECON RoX2016: Opening RemarksUSECON
 
Usecon Experience Webinar "Grundlagen der Barrierefreiheit im Web"
Usecon Experience Webinar "Grundlagen der Barrierefreiheit im Web"Usecon Experience Webinar "Grundlagen der Barrierefreiheit im Web"
Usecon Experience Webinar "Grundlagen der Barrierefreiheit im Web"USECON
 
USECON Experience Webinar: Mobile Ethnographie & User Research
USECON Experience Webinar: Mobile Ethnographie & User ResearchUSECON Experience Webinar: Mobile Ethnographie & User Research
USECON Experience Webinar: Mobile Ethnographie & User ResearchUSECON
 
Top Down vs. Bottom Up Experience Design (Webinarslides)
 Top Down vs. Bottom Up Experience Design (Webinarslides) Top Down vs. Bottom Up Experience Design (Webinarslides)
Top Down vs. Bottom Up Experience Design (Webinarslides)USECON
 
USECON RoX 2015: Kommunikation als Pionier des neuen Arbeitens
USECON RoX 2015: Kommunikation als Pionier des neuen ArbeitensUSECON RoX 2015: Kommunikation als Pionier des neuen Arbeitens
USECON RoX 2015: Kommunikation als Pionier des neuen ArbeitensUSECON
 
USECON RoX 2015: Experience Trends
USECON RoX 2015: Experience TrendsUSECON RoX 2015: Experience Trends
USECON RoX 2015: Experience TrendsUSECON
 
USECON RoX 2015: Top Down vs Bottom Up Experience Design
USECON RoX 2015: Top Down vs Bottom Up Experience DesignUSECON RoX 2015: Top Down vs Bottom Up Experience Design
USECON RoX 2015: Top Down vs Bottom Up Experience DesignUSECON
 
USECON RoX 2015: Slip into your customers' shoes - Mobile Ethnography
USECON RoX 2015: Slip into your customers' shoes - Mobile EthnographyUSECON RoX 2015: Slip into your customers' shoes - Mobile Ethnography
USECON RoX 2015: Slip into your customers' shoes - Mobile EthnographyUSECON
 

Plus de USECON (20)

USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5
USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5
USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5
 
User Interface Design Style Guides are not dead, the just smell funny
User Interface Design Style Guides are not dead, the just smell funnyUser Interface Design Style Guides are not dead, the just smell funny
User Interface Design Style Guides are not dead, the just smell funny
 
USECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AIT
USECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AITUSECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AIT
USECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AIT
 
USECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rs
USECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rsUSECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rs
USECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rs
 
USECON RoX2016: Künstliche Intelligenz - Joy of Use
USECON RoX2016: Künstliche Intelligenz - Joy of UseUSECON RoX2016: Künstliche Intelligenz - Joy of Use
USECON RoX2016: Künstliche Intelligenz - Joy of Use
 
USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...
USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...
USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...
 
USECON RoX2016: Creating the ultimate last-mile experience
USECON RoX2016: Creating the ultimate last-mile experienceUSECON RoX2016: Creating the ultimate last-mile experience
USECON RoX2016: Creating the ultimate last-mile experience
 
USECON RoX2016: DIYSCITBD! WTH?
USECON RoX2016: DIYSCITBD! WTH?USECON RoX2016: DIYSCITBD! WTH?
USECON RoX2016: DIYSCITBD! WTH?
 
USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...
USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...
USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...
 
USECON RoX2016: Agile & User Experience - Crossing Borders?
USECON RoX2016: Agile & User Experience - Crossing Borders?USECON RoX2016: Agile & User Experience - Crossing Borders?
USECON RoX2016: Agile & User Experience - Crossing Borders?
 
USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...
USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...
USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...
 
USECON RoX2016: An Grenzen stoßen - Real & Digital
USECON RoX2016: An Grenzen stoßen - Real & DigitalUSECON RoX2016: An Grenzen stoßen - Real & Digital
USECON RoX2016: An Grenzen stoßen - Real & Digital
 
USECON RoX2016: Opening Remarks
USECON RoX2016: Opening RemarksUSECON RoX2016: Opening Remarks
USECON RoX2016: Opening Remarks
 
Usecon Experience Webinar "Grundlagen der Barrierefreiheit im Web"
Usecon Experience Webinar "Grundlagen der Barrierefreiheit im Web"Usecon Experience Webinar "Grundlagen der Barrierefreiheit im Web"
Usecon Experience Webinar "Grundlagen der Barrierefreiheit im Web"
 
USECON Experience Webinar: Mobile Ethnographie & User Research
USECON Experience Webinar: Mobile Ethnographie & User ResearchUSECON Experience Webinar: Mobile Ethnographie & User Research
USECON Experience Webinar: Mobile Ethnographie & User Research
 
Top Down vs. Bottom Up Experience Design (Webinarslides)
 Top Down vs. Bottom Up Experience Design (Webinarslides) Top Down vs. Bottom Up Experience Design (Webinarslides)
Top Down vs. Bottom Up Experience Design (Webinarslides)
 
USECON RoX 2015: Kommunikation als Pionier des neuen Arbeitens
USECON RoX 2015: Kommunikation als Pionier des neuen ArbeitensUSECON RoX 2015: Kommunikation als Pionier des neuen Arbeitens
USECON RoX 2015: Kommunikation als Pionier des neuen Arbeitens
 
USECON RoX 2015: Experience Trends
USECON RoX 2015: Experience TrendsUSECON RoX 2015: Experience Trends
USECON RoX 2015: Experience Trends
 
USECON RoX 2015: Top Down vs Bottom Up Experience Design
USECON RoX 2015: Top Down vs Bottom Up Experience DesignUSECON RoX 2015: Top Down vs Bottom Up Experience Design
USECON RoX 2015: Top Down vs Bottom Up Experience Design
 
USECON RoX 2015: Slip into your customers' shoes - Mobile Ethnography
USECON RoX 2015: Slip into your customers' shoes - Mobile EthnographyUSECON RoX 2015: Slip into your customers' shoes - Mobile Ethnography
USECON RoX 2015: Slip into your customers' shoes - Mobile Ethnography
 

RoX 2017 - Gutes Design macht hyggelig