emotional design of public displays daniel schulz emotional design of public displays how to bind...

30
Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

Upload: lamprecht-heller

Post on 05-Apr-2015

107 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

Emotional Design of Public Displays

Daniel Schulz

Emotional Design of Public Displays

How to bind the customer in proactive contextual services

Page 2: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

2

Emotional Design of Public Displays

Daniel Schulz

Agenda

Emotionen – Definition und Grundlagen

Rolle von Emotionen für das iDisplay System

Studien zum Emotional Design von Webseiten

Emotional Design Prozess für das iDisplay System

Zusammenfassung und Ausblick

Page 3: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

3

Emotional Design of Public Displays

Daniel Schulz

Agenda

Emotionen – Definition und Grundlagen

Rolle von Emotionen für das iDisplay System

Studien zum Emotional Design von Webseiten

Emotional Design Prozess für das iDisplay System

Zusammenfassung und Ausblick

Page 4: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

4

Emotional Design of Public Displays

Daniel Schulz

Definition: Affekt

Affekt:Sammelbegriff: verändertes subjektives Empfinden

Emotionen, Gefühle, Stimmungen

zweidimensionales Konzept:Valenz, Wertigkeit: positiv / negativ

Erregungsgrad

Page 5: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

5

Emotional Design of Public Displays

Daniel Schulz

Affekt

Quelle: Vgl. Dormann (2003).

erregt

nicht erregt

angenehmunangenehm

überrascht

glücklichärgerlich

ängstlich

empört

traurigschläfrig

gelassen

Neutral

Page 6: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

6

Emotional Design of Public Displays

Daniel Schulz

Definition: Emotionen

Unterscheidung zu anderen affektiven Phänomenen:objektgebunden

von kurzer Dauer

Ausdruck durchVerhalten

Gesichtsausdruck

physiologische Reaktionen

subjektive Gefühle

Page 7: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

7

Emotional Design of Public Displays

Daniel Schulz

Affekt und Emotionen

Verbindung zum kognitiven System

Beeinflussung von z. B.Wahrnehmung

Verhalten

Entscheidungsprozessen

Kreativität

Neugierde

Lernprozessen

Page 8: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

8

Emotional Design of Public Displays

Daniel Schulz

Modell von Norman

Quelle: Vgl. Norman (2004).

reflektive Ebene

viszerale Ebene

Verhaltensebene

sensorisches System

motorisches System

Page 9: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

9

Emotional Design of Public Displays

Daniel Schulz

Agenda

Emotionen – Definition und Grundlagen

Rolle von Emotionen für das iDisplay System

Studien zum Emotional Design von Webseiten

Emotional Design Prozess für das iDisplay System

Zusammenfassung und Ausblick

Page 10: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

10

Emotional Design of Public Displays

Daniel Schulz

Emotionen in der HCI

traditionell: aufgabenbezogene Aspekte

seit kurzem: nicht-aufgabenbezogene AspekteEmotionen

Affekt

Ästhetik

Spaß

Flow

Einfluss durch empirische Studien belegt

Page 11: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

11

Emotional Design of Public Displays

Daniel Schulz

Emotionen in der HCI

Quelle: Vgl. Mahlke (2005).

System-eigenschaften

AffektiveReaktionen

EmotionaleKonsequenzen

Kognitive Repräsentation

aufgabenbezogene Qualitäten

nicht-aufgabenbezogene Qualitäten Gesamturteile

Verhaltens-konsequenzen

Page 12: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

12

Emotional Design of Public Displays

Daniel Schulz

Organisational Behaviour

Verhalten von Mitgliedern und Gruppen in Organisationen

von bounded rationality zu bounded emotionality

Einfluss von Emotionen z. B. aufEntscheidungsprozesse

Lernprozesse

Change Prozesse

Arbeitszufriedenheit

Motivation

Zusammenarbeit

Stressbewältigung

Page 13: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

13

Emotional Design of Public Displays

Daniel Schulz

Organisational Behaviour

Organisation

Emotionen in Richtung der Organisation

Emotionen in Richtung des Artefakts

Bedeutungsbestimmung des Artefakts

Instrumentalität

SymbolismusÄsthetik

Quelle: Vgl. Rafaeli, Vilnai-Yavetz (2004).

Page 14: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

14

Emotional Design of Public Displays

Daniel Schulz

Agenda

Emotionen – Definition und Grundlagen

Rolle von Emotionen für das iDisplay System

Studien zum Emotional Design von Webseiten

Emotional Design Prozess für das iDisplay System

Zusammenfassung und Ausblick

Page 15: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

15

Emotional Design of Public Displays

Daniel Schulz

Immediate Aesthetic Perception of Web Pages

Studie mit 50 Webseiten

zwei Phasen500 ms Betrachtungsdauer

10 Sekunden Betrachtungsdauer

keine Interaktion

Bewertung der Attraktivität

Messung der Antwortzeit

Ergebnisse:hohe Korrelation der Messungen für beide Betrachtungsdauern

Folgerung der Autoren:Ästhetischer Eindruck von Webseiten schnell gebildet

Quelle: Vgl. Tractinsky et al. (2004).

Page 16: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

16

Emotional Design of Public Displays

Daniel Schulz

Dimensions of perceived visual aesthetics of web sites

Studie zur Messung der Ästhetik von Webseiten

zweidimensionales Konstrukt

classical aestheticsItems: clean, clear, pleasant, symmetrical, aesthetic

expressive aestheticsItems: original, sophisticated, fascinating, creative, uses special effects

Quelle: Vgl. Lavie, Tractinsky (2004).

Page 17: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

17

Emotional Design of Public Displays

Daniel Schulz

Evaluating Interface Aesthetics

Entwicklung von Kennzahlen zur Messung der Ästhetik von Webseiten in Bezug auf die Struktur:

balance, equilibrium, symmetry, sequence, cohesion, unity, proportion, simplicity, density, regularity, economy, homogeneity, rhythm, complexity

empirische Studie belegt Verbindung zur Beurteilung der Schönheit von Interfaces

Quelle: Vgl. Ngo et al. (2004).

Page 18: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

18

Emotional Design of Public Displays

Daniel Schulz

Aesthetics and preferences of web pages

Studie mit 13 Webseiten

Einfluss von Faktoren auf den Ersteindruck

keine Interaktion

Faktoren mit größtem Einfluss:beauty

mostly illustrations vs. mostly text

overview

Quelle: Vgl. Schenkman, Jönsson (2000).

Page 19: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

19

Emotional Design of Public Displays

Daniel Schulz

Wahrgenommene ästhetische Qualität von Webseiten

Umfrage zur Ästhetik von Unternehmenswebseiten

Beurteilung der Wichtigkeit von DesignfaktorenWichtigste:

Ersteindruck

Navigation

Seitenaufteilung

Farbe

Beurteilung von Heuristiken zum Web-Design

nur geringe branchenspezifische Unterschiede gefunden

Quelle: Vgl. Thielsch et al. (2005).

Page 20: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

20

Emotional Design of Public Displays

Daniel Schulz

Attention and Product Memory

Studie zu e-commerce Webseiten

Messung von Aufmerksamkeit und Erinnerungsvermögen

als indirekte Messung von Emotionen

drei Aspekte einer Seite manipuliert:Erinnerung nur von der Bildgröße beeinflusst

Aufmerksamkeit beeinflusst vonBildqualität

Animationen auf der Seite

Quelle: Vgl. Lee, Benbasat (2003).

Page 21: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

21

Emotional Design of Public Displays

Daniel Schulz

Designing emotionally evocative homepages (1)

Verhältnis von Designfaktoren und secondary emotions

drei Studien durchgeführt:Identifikation der Dimensionen

Entwicklung von Beispielseiten für jede Dimension

quantitative Beziehung von Faktoren und Dimensionen

keine Interaktion in den Studien

Quelle: Vgl. Kim et al. (2003).

Page 22: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

22

Emotional Design of Public Displays

Daniel Schulz

Designing emotionally evocative homepages (2)

Ergebnisse:Dimensionen:

bright, tense, strong, static, deluxe, popular, adorable, colourful, simple, classical, futuristic, mystic, hopeful

Beschreibung der quantitativen Zusammenhänge über Regressionsgleichungen

Beispiel:E7 (adorable) = 0.215*M_brightness + 0.318*T_shape_thick – 0.140*T_hue_pb

- 0.390*I_texture_s (Adjusted R² = 0.905)

Ergebnisse auf koreanische Kultur beschränkt

Quelle: Vgl. Kim et al. (2003).

Page 23: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

23

Emotional Design of Public Displays

Daniel Schulz

Modeling perceived value of color in web sites

Studie mit einem Layout in acht Farbschemata

Bewertung der Seite in zwölf Dimensionen:

pleasant, formal, fresh, modern, friendly, aggressive, professional, attractive, calming, dynamic, reliable, sophisticated

Bewertungsergebnisse und Farbattribute als Eingabedaten für ein Bayes‘sches Netz

Quelle: Vgl. Papachristos et al. (2006).

Page 24: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

24

Emotional Design of Public Displays

Daniel Schulz

Agenda

Emotionen – Definition und Grundlagen

Rolle von Emotionen für das iDisplay System

Studien zum Emotional Design von Webseiten

Emotional Design Prozess für das iDisplay System

Zusammenfassung und Ausblick

Page 25: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

25

Emotional Design of Public Displays

Daniel Schulz

Emotional Design des iDisplay Systems

Emotionen identifizieren

Evaluation

Prototypen Design

Literatur zu Webseiten

Corporate Design

Auswahl

universelle Prototypen

Nutzergruppen

Empirische Studie

Page 26: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

26

Emotional Design of Public Displays

Daniel Schulz

Agenda

Emotionen – Definition und Grundlagen

Rolle von Emotionen für das iDisplay System

Studien zum Emotional Design von Webseiten

Emotional Design Prozess für das iDisplay System

Zusammenfassung und Ausblick

Page 27: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

27

Emotional Design of Public Displays

Daniel Schulz

Zusammenfassung und Ausblick

Zusammenfassung:Definition von Affekt und Emotionen

Rolle von Emotionen für das iDisplay System

Studien zu Webseiten

Vorschlag für einen Design Prozess

wenig Arbeiten zu Design-Richtlinien veröffentlicht

auch kritische Stimmen, ob Design von Emotionen überhaupt möglich (Subjektivität, Kontext)

Page 28: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

28

Emotional Design of Public Displays

Daniel Schulz

Diskussion

Danke für die Aufmerksamkeit!

Fragen, Anmerkungen..

Page 29: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

29

Emotional Design of Public Displays

Daniel Schulz

Literaturverzeichnis (1)

Benedek, J., Hazlett, R.L. Incorporating Facial EMG Emotion Measures as Feedback in the Software Design Process. In Proc. Human Computer Interaction Consortium, (2005).Carroll, J.M. Beyond fun. Interactions 11, 5 (2004), 38-40.Desmet, P.M.A. Measuring emotion. In Blythe, M., Monk, A., Overbeeke, K., and Wright, P. eds. Funology: From Usability to Enjoyment, Kluwer Academic Press (2003).Desmet, P.M.A., Overbeeke, C.J., and Tax, S.J.E.T. Designing products with added emotional value; development and application of an approach for research through design. The Design Journal 4, 1 (2001), 32-47.Dormann, C. Affective experiences in the Home: measuring emotion. In Proc. Home Oriented Informatics and Telematics 2003, (2003).Härtel, C., Zerbe, W.J., and Ashkanasy, N.M. Emotions in Organizational Behavior. Lawrence Erlbaum Associates, 2004.Hassenzahl, M. Emotions Can Be Quite Ephemeral. We Cannot Design Them. Interactions 11, 5 (2004).Hassenzahl, M. Hedonic, emotional, and experiential perspectives on product quality. In Ghaoui, C. ed. Encyclopedia of Human Computer Interaction, Idea Group (2006), 266-272.Hoffmann, R., Krauss, K., A Critical Evaluation of Literature on Visual Aesthetics for the Web. In Proc. 2004 annual research conference of the South African institute of computer scientists and information technologists on IT research in developing countries, ACM (2004), 205-209.Kim, J., Lee, J., and Choi, D. Designing emotionally evocative homepages: an empirical study of the quantitative relations between design factors and emotional dimensions. International Journal of Human-Computer Studies 59, 6 (2003), 899-940.Landry, J. The Affective Component of Organizational Information Systems, Metropolitan State College of Denver, Computer Information Systems Department, (2005).Lavie, T., Tractinsky, N. Assessing dimensions of perceived visual aesthetics of web sites. International Journal of Human-Computer Studies 60, 3 (2004), 269‑298.Lee, W., Benbasat, I. Designing an Electronic Commerce Interface: Attention and Product Memory as Elicited by Web Design. Electronic Commerce Research and Applications 2, 3 (2003).Mahlke, S. Understanding users' experience of interaction. In EACE '05, University of Athens (2005), 243 - 246.

Page 30: Emotional Design of Public Displays Daniel Schulz Emotional Design of Public Displays How to bind the customer in proactive contextual services

30

Emotional Design of Public Displays

Daniel Schulz

Literaturverzeichnis (2)

Mahlke, S., Minge, M., and Thüring, M. Measuring Multiple Components of Emotions in Interactive Contexts. In Proc. CHI 2006, ACM Press (2006), 1061‑1066.Müller, H.J. A self adapting information environment for organizations, University of Münster, (2006).Ngo, D.C.L., Teo, L.S., and Byrne, J.G. Evaluating Interface Esthetics. Knowledge and Information Systems 4 (2002), 46-79.Norman, D.A. Emotional design: why we love (or hate) everyday things. Basic Books, 2004.Papachristos, E., Tselios, N., and Avouris, N. Modeling perceived value of color in web sites. In Proc. SETN 2006, Springer (2006), 567-570.Perlusz, S. Emotions and technology acceptance.. Development and validation of a technology affect scale. In Proc. IEEE International Engineering Management Conference, (2004).Rafaeli, A., Vilnai-Yavetz, I. Emotion as a Connection of Physical Artifacts and Organizations. Organization Science 15, 6 (2004), 671–686.Schenkman, B.N., Jönsson, F.U. Aesthetics and preferences of web pages. Behaviour & Information Technology 19, 5 (2000), 367‑377.Thielsch, M.T., Schrameyer, M., and Ullmann, A. "Webästhetik" - eine empirische Untersuchung zur wahrgenommenen ästhetischen Qualität von Webseiten. 7th General Online Research (GOR), (2005).Tractinsky, N., Katz, A.S., and Ikar, D. What is beautiful is usable. Interacting with Computers 13 (2000), 127‑145.Tractinsky, N., Towards the Study of Aesthetics in Information Technology. In Proc. Twenty-Fifth International Conference on Information Systems, (2004), 771-780.Tractinsky, N., Cokhavi, A. and Kirschenbaum, M., Using Ratings and Response Latencies to Evaluate the Consistency of Immediate Aesthetic Perceptions of Web Pages. In Proc. Third Annual Workshop on HCI Research in MIS, (2004).Zhang, P. and Li, N., Love at first sight or sustained effect? The role of perceived affective quality on users' cognitive reactions to information technology. In Proc. Twenty-Fifth International Conference on Information Systems, (2004).Zhang, P. and Li, N. The importance of affective quality. Communications of the ACM 48, 9 (2005), 105‑108.