Aesthetics, Visual Appeal, Usability and User Satisfaction: What Do The User's Eyes Tell The User's Brain?
Aesthetics, Visual Appeal, Usability and User Satisfaction: What Do The User's Eyes Tell The User's Brain?
Aesthetics, Visual Appeal, Usability and User Satisfaction: What Do The User's Eyes Tell The User's Brain?
Aesthetics, Visual Appeal, Usability and User Satisfaction: What Do the Users Eyes Tell the Users Brain?
Gitte Lindgaard is the Director of the Human Oriented Technology Lab (HOTLab) and a Professor of Psychology, both at Carleton University, Ottawa, Canada.
Abstract
The impact of colour on the first impression of a website is discussed in the light of several rather puzzling experimental findings, which suggest that background colour and colour combinations might influence users subsequent opinion of, and satisfaction with, a site. Theories of, and approaches to, studying aesthetics and emotion are outlined briefly. It is concluded that, although the criteria by which people judge visual appeal, user satisfaction and trustworthiness are still unclear, perceived usability appears to be related to the detection of stumbling blocks that hinder smooth interaction with a web site and probably to the orderliness of screens. User satisfaction is a complex construct that incorporates several measurable concepts and is the culmination of the interactive user experience. Experimental results suggest that people may be more satisfied with a beautiful product that performs suboptimally than with a more usable but less appealing product. A glance into the future importance of the topics discussed is offered. Keywords: Aesthetics; emotion; user satisfaction; first impression; mere exposure effect.
Australian Journal of Emerging Technologies and Society 2007 ISSN 1449 - 0706 http://www.swin.edu.au/ajets
Introduction
When visiting an art exhibition, why do people dwell for 30 minutes in front of one painting and only 10 seconds in front of another? What is it that makes one experience so compelling - and another barely noticeable, even when two paintings are of the same genre, painted in the same period, in the same style, and by the same artist? I stumbled across this question nearly a decade ago after obtaining some rather puzzling results in a usability test of a local Government web site (Lindgaard 1999). In that evaluation one group of participants rated perceived usability and satisfaction after completing a standard usability test that exposed the worst of the usability problems identified in the preceding heuristic evaluation. Since participants managed to complete only one half of the tasks successfully, it is safe to assume that they would be unimpressed with the site. However, it was puzzling that both satisfaction and perceived usability ratings were just as low in the control condition in which another group of participants had merely browsed the site for a short time without performing any usability tasks or encountering usability problems while browsing the site. Our research suggests that the relative appeal of visual stimuli is closely related to both user satisfaction and perceived usability. It also suggests that judgments of visual appeal and satisfaction may, at least in some contexts, depend heavily on the first impression of such stimuli and on the emotion they evoke in the user that set the scene for the entire interactive user experience. This paper explores some of these relationships in an effort to furnish plausible explanations accounting for curious results such as those found in abovementioned web site. Definitions and theories of experimental aesthetics and the link of these to human emotion are outlined briefly next, followed by a description of research that appears to underline the immediate, first impressions and reactions to salient visual stimuli. The difficult problem of studying colour is then touched upon to underscore the complexity of the relationships among all these concepts. The paper concludes with a glance into the future importance of understanding the role of visual appeal in shaping the user experience affecting user satisfaction as well as on human performance.
From this work, Berlyne proposed the so-called collative-motivation model according to which aesthetic behaviour was conceived as an elaborate form of explorative behaviour driven by pleasure-inducing arousal fluctuations. Key determinants of arousal fluctuation were termed collative variables, which entailed either a comparison of stimulus elements (for example, complexity) or aspects of experience (for example, novelty). One prediction of the model was that intermediate levels of arousal would be preferred, leading to the classic inverted U-shaped complexity-preference function. This prediction was confirmed in numerous studies using abstract visual patterns such as dots and random polygons as stimuli. However, when more concrete, real-world stimuli were introduced such as paintings, buildings, and furniture, the models predictive performance was markedly attenuated (Whitfield 2000). In these studies, preferences were characterized by the categories to which the stimulus belonged. That is, they were based on the degree to which the stimulus represented the category. A categorical model was proposed to account for these results (Whitfield & Slatter 1979; Whitfield 1983). This model conceived of aesthetics in terms of information processing demands, whereby stimuli were not processed per se, but rather judged in the context of the category to which they were assigned. This same phenomenon is well known in studies of human decision making in which the representativeness bias (for example, Kahneman, Slovic & Tversky 1982) features prominently among an entire family of judgmental biases. Representativeness proved an effective predictor of preference in studies of aesthetics using real-world stimuli. An attempt to reconcile the two opposing theories resulted in the bi-polar categoricalmotivational model (Whitfield 2000) that incorporates both categorical and motivational drivers. The human-centred goal is the modulation of categories leading to greater fitness of purpose. In the categorical-motivational model, categories are assumed to be well formed and closed to further articulation at one end of the continuum, and ill formed, open to further articulation, at the other. Affect would be strongest for stimuli representing the well-formed categories that would maximally conform to expectations. Such stimuli would require minimal processing. At the other extreme, novel stimuli would result in the strongest affect provided these would contain sufficient redundancies to permit assignment to a category. Maximum novelty would thus be assumed to be non-categorisable and therefore incapable of assimilation. The underlying assumption is that the value of assimilable stimuli is to elaborate the category structure thereby providing knowledge. Novel stimuli would thus have positive value to the extent that they contribute to internal category elaboration and differentiation. A thorough discussion of these models may be found in Whitfield (2000) and in Lindgaard and Whitfield (2004). Despite this progression in predictive and speculative human response models, considerable confusion surrounds the concept of aesthetics as alluded to earlier. As indicated earlier, some researchers regard aesthetics as properties of an object associated with its beauty (Tractinsky, Katz & Ikar 2000), a concept that has been further refined into what Tractinsky and his colleagues have recently termed classical aesthetics (Lavie & Tractinsky 2004), which is similar to Hassenzahls notion of goodness (Hassenzahl 2004), and expressive aesthetics, that Hassenzahl calls beauty. However, even the term beauty has at least five clearly distinguishable meanings in philosophy: In the context of a metaphysical consideration of the worlds order, beauty is equated with its orderliness [Tractinskys classical aesthetics and property of objects]. In the epistemological context derived from Baumgarten, beauty is thought of as adequacy to the mind in perception [Hassenzahls goodness, inside the viewers head]. From the
anthropological point of view it may seem to be nothing more than sensual attractiveness [Berlynes work on arousal; Normans (2004) notion of visceral emotion]. To the legislators of taste it tends to become one aesthetic quality variously differentiated among a number. Those reflecting more generally upon criticism may use it to mean aesthetic excellence [Tractinskys expressive aesthetics]: that is, as an almost empty term, standing for a problem rather than for its solution (Spearshott 1963: 59). [comments and italics added] Yet, as acknowledged by Spearshott none of these senses of the term correspond to its normal usage, being applied chiefly to women and weather (Lindgaard & Whitfield 2001: 375). Aesthetics, like beauty, is thus as elusive as it is confusing. The similarity or overlap between beauty and aesthetics remains undefined; we are unsure about what is being judged (Frohlich 2004), whether they are properties of objects in the world, subjective experiences, emotional reactions residing in the eye of the beholder, or cognitive judgments (Hassenzahl 2004a;2004b; Norman 2004; Frohlich 2004). Aesthetics therefore lacks an affinity with the main paradigms of psychological and HCI research, and has no secure theoretical attachment point: it lacks a home. Yet, even if aesthetics is a property of objects, when confronted with an object of beauty, it does evoke a positive emotional experience in the viewer.
churches, and that therefore users internal criteria for judging a site is based on issues other than whether the site fits a fixed model of similar sites inside their heads.
The Role of the First Impression and its Effect on the Subsequent Interactive Experience
The above discussion of aesthetics and its effect on emotion leads to thoughts on the first impression how quickly it is formed, how long it lingers on, and its effect, if any, on other, unrelated activities such as judging the likeability of a fictitious person or traversing a web site effectively. To decide just how quickly a first impression is formed, think about what happens when you first meet a new person. You know instantly whether that person makes you feel comfortable or otherwise. That knowledge is not the result of a rational, considered response; it is indeed the physiological response that Norman (2004) refers to as the visceral level of emotion. Empirical evidence supporting this rapid decision making was first provided in the behavioural literature by Zajonc (1980) who coined the term mere exposure effect. Typically, Zajonc would show his experimental participants numerous slides of similar meaningless random dot patterns, polygons, or Japanese ideograms, for 1-20 msec in the first round. In the second round, he paired stimuli previously seen with new ones, asking participants which they preferred. His results showed reliably that people preferred images they had seen before. In addition, as the number of exposures in the first round increased, preferences in the second round became more extreme. However, participants had no recollection whatsoever of having seen any of the images before; apparently, their level of familiarity with the preferred stimuli belonged squarely in the pre-attentive sphere in which an organism has not yet had a chance to analyse or evaluate the incoming stimuli. That is, cognition had not had time to register what the participants eyes had seen. Zajoncs experiments sparked a lively debate in the literature on whether emotion actually precedes cognition or vice versa; his findings were subsequently replicated and confirmed in hundreds of experiments (Bornstein 1992). About a decade later, LeDoux (1994;1996), a neurophysiologist, reported findings revealing beyond the shadow of doubt (Damasio 2000: 70; LeDoux 1992) a small bundle of neurons that lead directly from the hypothalamus to the amygdala across a single synapse. This contradicts the traditional view that stimuli travelling along the visual pathway from the retina in the eye via the hypothalamus and the thalamus, to the occipital cortex where they are interpreted for meaning before sending signals back to the amygdala in the limbic system that is the seat of emotion. This more recently discovered bundle of neurons allows the amygdala to receive direct inputs from the sensory organs and initiate a response within a few milliseconds, before the neocortex has interpreted the meaning of the stimuli (LeDoux 1994). Thus the amygdala does not depend entirely on signals from the neocortex as originally believed, and Zajoncs early findings are beginning to converge with more recent theoretical explanations of human emotion as well as with empirical evidence. The mere exposure effect begins to wane once the stimulus exposure time exceeds 50msec, when the organism begins to take more detailed information into consideration. Therefore, if visual appeal is appraised within that window of 50 msec, as indeed a series of experiments in our lab showed clearly to be the case (Fernandes, Lindgaard & Dillon 2003; Lindgaard et al. 2006), the judgment involves the amygdala over which the neocortex has no control. The organisms response can thus truly be said to be visceral (Norman 2004). This has important implications for web design and budget resource allocation, because the value of textual information is likely to be assessed in terms of the sites immediate visual appeal. So, an e-
commerce web site representing a business that is in competition with numerous others on the Internet and that fails to meet users expectations both in terms of aesthetics and in terms of its informative content is unlikely to be successful at converting browsers to customers even if its quality of products or services is superior to its competitors. Either people will instantly click on to the next site, or they will interpret even the slightest usability flaw negatively to confirm their initial emotional impression. By contrast, a visually appealing site will be forgiven for its minor or even major usability blemishes because the first impression was positive. Thus there is evidence that findings emerging from neurophysiology are converging with those contributed from psychology, supporting the claim that emotion can precede cognition and that, at least in some instances, the decision to like or dislike an incoming stimulus is based on the interpretation of a visceral response that is felt rather than thought (Damasio 2000).
Lindgaard: Aesthetics, Visual Appeal, Usability & User Satisfaction Figure 1. The homepage of the local Government web site tested.
cursory inspection of a sample of 50 Danish and 50 Canadian local Government sites showed that there were no recognizable commonalities between them in the look and feel, the design principles adhered to, the site architecture, or navigation paths. The local Government website category is thus quite unformed and still open to further articulation. Another possible reason is that the first impression was negative, leading test users to look selectively for negative information to support that first impression. Background colour is a very salient feature of a web site especially a site that is not very busy looking. It is possible that the very strong and lingering perceptual after-effect that participants reliably experienced after viewing the bright yellow and blue homepage for even a brief period of time was unpleasant. This is especially true when it occurs unexpectedly, possibly rendering the browsing experience slightly unpleasant also and hence lowering satisfaction and perceived usability scores. Especially the yellow colour was considerably brighter and more saturated on the original site than in the reproduction shown in Figure 1. However, the reader may still experience a mild perceptual after-effect by fixating on the black dot near the centre of the page for two minutes, then look away, preferably onto a white wall. The blue and yellow areas in the Figure will now be reversed. In particular, the blue area will appear brightly yellow. Colour is a very salient stimulus, which is known to affect the visual appeal of web sites (Knutson 1998); when opening a site the background colours are usually displayed well before the content appears. The literature on human memory, from social psychology, and from attribution theory, accords with the research on first impressions discussed earlier. First impressions are very powerful; they often outweigh subsequent incoming stimuli thus, primacy effects prevail! Likewise, borrowing from the human judgment and decision-making
literature, we also know that, once people have made up their mind about something, they tend to search selectively for information that confirms their hypothesis, falling prey to the socalled confirmation bias (Mynatt, Doherty & Tweeney 1977) whereby disconfirmatory information is ignored. It follows that an unpleasant first impression will encourage the viewer to focus on information affecting their experience negatively, perhaps in the form of usability problems. Conversely, if the first impression is positive, they are likely to be far more tolerant of the same usability problems. Given the presence of a strong perceptual after-effect in the abovementioned web site, one may therefore legitimately question the impact of background colours on both the first impression and the overall interactive user experience. That is discussed next.
impossible to describe colour nuances accurately and in part because there are sizeable individual differences in colour preferences. Still, colour is a salient stimulus, and we are pursuing the issue, investigating the extent to which colour may influence subsequent judgments in a series of current experiments. In these, colour combinations judged independently to vary in pleasantness are used to prime participants in one condition in which the task is to judge the likeability of a number of persons described in short vignettes. The vignettes contain strong positive and negative personality traits that are manipulated systematically in a factorial manner. One would expect the least liked colours to yield lower likeability ratings than the same vignettes judged in the control condition without colour priming, assuming, of course, that this negative effect outlasts the stimulus display. It is clearly not possible as yet unequivocally to determine the impact of colour on the interactive experience.
the experiment. A similar finding was recently reported in a study involving four MP3 player skins in which one that was reasonably low in usability but very appealing was preferred over another that scored higher on usability but lower on aesthetics (Mahlke 2006). Findings such as these suggest that perceived usability and visual appeal are judged independently of one another, a finding that contradicts some researchers claim that what is beautiful is [perceived to be] usable (Tractinsky, Katz & Ikar 2000). This independence of visual appeal and perceived usability was again confirmed in a more recent experiment in which participants rated perceived usability, visual appeal, and trustworthiness of a set of homepages. The results of that experiment, which is currently being written up for publication, suggest that individuals internal criteria for judging trust and usability are stable, but that the judgmental criteria differ between people. That is, each persons ratings of all three, usability, trust, and visual appeal, were highly reliable from one occasion to the next, but the criteria on which their judgments relied differed considerably from one person to the next. Interestingly, the concept that Tractinsky now calls classical aesthetics mostly refers to elements that are contained in both information design (Zwaga & Easterby 1984) and in screen design principles (for example Galitz 1981;1993). Adherence to these principles helps the user to detect, perceive, and interpret a particular stimulus as well as to act on it correctly. Basic principles borrowed from human perception are applied such as grouping items that belong together and separating groups that differ semantically from others, to lend the resulting screens an ordered impression that is consistent with users expectations. If we accept that this orderliness is visually appealing and that it contributes to usability, then we are forced to accept Tractinsky et al.s (2000) contention that what is beautiful may be usable. This argument again highlights the lack of an agreed-upon definition of aesthetics or even of usability for that matter. Buxton (2005) is probably right: the quality of the user experience is a combination of the perceived affordances and usability factors. The intensity, positive or negative, of the first impression is likely to set the scene for the amount of attention subsequently paid to experiential usability and pleasure-of-usage factors, which then culminate in that judgment of the experience that we might call user satisfaction. Despite the fact that findings so far shed no light on the actual criteria by which people judge visual appeal or user satisfaction and trustworthiness, we can say that perceived usability is related to the detection of stumbling blocks that hinder smooth interaction with a web site and probably to the orderliness of screens. User satisfaction is a complex construct that incorporates several measurable concepts and is the culmination of the interactive user experience. People are sensitive to perceived usability problems but these have no impact on the visual appeal, and that apparently, visual appeal weighs more heavily in preference judgments than usability. It follows that people may be more satisfied with a beautiful product that performs sub-optimally than with a more usable but less appealing product.
10
Where does this take us and why should we care? One obvious advantage is the unpacking of the concept of user satisfaction. Traditionally, it has been measured by a single statement on some rating scale. For the product or web designer, a satisfaction rating of, say 58.5% does not help to decide how or where the site should be improved to increase the rating to whatever the preset usability goal demands. The sheer understanding that satisfaction involves more than utilitarian usability considerations in the head of the user is beneficial. Apparently, both the first impression and the pleasure associated with continued usage are at least as important as usability concerns. Thus, more effective resource allocation in web design, especially in e-commerce web design, is one positive and immediate outcome of that understanding. Much of the research discussed in this paper suggests that the dichotomy between emotion and cognition is much less pronounced than traditional cognitive psychology would have us believe. If indeed the interpretation of our own physiological signals largely directs our selective search for further information, this suggests that emotion may play an important role in human performance that goes well beyond web design. One may speculate that interactive technology that feels good or feels right will put the user at ease, or as Czickzenmihaley (2000) would say, the user would be in flow by balancing their knowledge, task skills and task demands with the design of the technology intended to support the users tasks. The result of this harmony is that the user feels in control even while executing very complex, cognitively taxing tasks. The flow state would maximize the amount of cognitive resources available to focus on the task. Consequently, the extent to which the technology draws negative attention to itself, it reduces those cognitive resources, which could lead to inferior user performance. In todays world, knowledge workers are increasingly at liberty to define, evolve, and re-define their tasks, jobs, and roles. Interactive technology that supports and adapts to both the cognitive and the more emotion-based user requirements will assume increasing importance in the future workplace.
Acknowledgements
The author would like to thank all who participated in the experiments reported in this paper. This work was partially supported by NSERC (National Science & Engineering Research Council)/Cognos, Grant IRCPJ 234088-05.
11
References
Berlyne, D.E. (1971) Aesthetics and Psychobiology Appleton-Century-Crofts, New York. Berlyne, D.E. (1972) Experimental aesthetics in Dodwell, P.C. (ed) New Horizons in Psychology Penguin, Harmondsworth, UK. Bornstein, R.F. (1992) Subliminal mere exposure effects in Bornstein, R.F. & Pittman, T.S. (eds) Perception Without Awareness: Cognitive, Clinical and Social Perspectives The Guilford Press, New York. Buxton, B. (2005) Experience design vs. interface design Rotman Magazine, Winter, 47-49. Cupchik, G.C. (1993) Component and relational processing in aesthetics Poetics, 22, 171183. Damasio, A.R. (2000) A second chance for emotion in Lane, R.D. & Nadel, L. (eds) Cognitive Neuroscience of Emotions Oxford University Press, New York. Fernandes, G., Lindgaard, G., Dillon, R. & Wood, J. (2003) Judging the appeal of web sites Proceedings of the 4th World Congress on the Management of Electronic Commerce. McMaster University, Hamilton, ON, 15 -17 January. Frohlich, D.M. (2004) Beauty as a design prize Human-Computer Interaction, 19(4), pp. 359-366. Galitz, W.O. (1981) Handbook of Screen Design Format (1st Edition), Q.E.D. Information Sciences, Wellesley, MA. Galitz, W.O. (1993) User-Interface Screen Design Wiley, Toronto. Gibson, J.J. (1966) The Senses Considered as Perceptual Systems Houghton Mifflin, Boston, MA. Hassenzahl, M. (2004a) The interplay of beauty, goodness, and usability in interactive products Human-Computer Interaction, 19(4), pp. 319-349. Hassenzahl, M. (2004b) Beautiful objects as an extension of the self: A reply HumanComputer Interaction, 19(4), pp. 377-386. ISO (1997) Ergonomic Requirements for Office Work with Visual Display Terminals (VDTs): Guidance on Usability. ISO/DIS 9241-11. Kahneman, D., Slovic, P. & Tversky, A. (1982) Judgment Under Uncertainty: Heuristics and Biases Morgan Kauffmann, San Francisco, CA. Knutson, J.F. (1998) The Effect of the User Interface Design on Adoption of New Technology Dissertation Abstracts International: Section B: The Sciences and Engineering 59(3-B), 1399. Kreitler, H. & Kreitler, S. (1972) Psychology of the Arts Duke University Press, Durham, NC, pp. 54-79. Langer, S. (1967) Mind: An Essay on Human Feeling Vol. I. The Johns Hopkins Press, Baltimore. Lavie, T. & Tractinsky, N. (2004) Assessing dimensions of perceived visual aesthetics of web sites International Journal of Human-Computer Studies, 6, pp. 269-298.
12
Ledoux, J. (1992) Emotion and the amygdala, in Aggleton, J.P. (ed) The Amygdala: Neurobiological Aspects of Emotion, Mystery, and Mental Dysfunction Wiley, New York. Ledoux, J. (1994) Cognitive-emotional interactions in the brain in Ekman, P. & Davidson, R.J. (eds)The Nature of Emotion, Cognitive-Emotional Interactions in the Brain Oxford University Press, Oxford, UK. Ledoux, J. (1996) The Emotional Brain: The Mysterious Underpinnings of Emotional Life Simon & Schuster, New York. Lindgaard, G. (1999) Does emotional appeal determine the usability of web sites? CYBERG 99, Western Australia, Australia. Lindgaard, G. & Dudek, C. (2002) User satisfaction, aesthetics and usability: Beyond reductionism in Hammond, J., Gross, T. & Wesson, J. (eds) Usability Gaining a Competitive Edge Proceedings IFIP 17th World Computer Congress, Montreal, Canada. Lindgaard, G. & Dudek, C. (2003) What is this evasive beast we call user satisfaction? Interacting with Computers, 15(3), pp. 429-452. Lindgaard, G., Dudek, G., Fernandes, G. & Brown, J. (2006) Attention web designers: You have 50 milliseconds to make a good first impression! Behaviour & Information Technology. 25, 115-126. Lindgaard, G. & Whitfield, A. (2001) Usability, aesthetics and the user experience: A theoretical proposal Proceedings International Conference on Affective Human Factors Design, Singapore, June 27-29. Lindgaard, G. & Whitfield, T.W.A. (2004) Integrating aesthetics within an evolutionary and psychological framework Theoretical Issues in Ergonomic Science, 5(1), pp. 73-90. Mahlke, S. (2006) Studying user experience with digital audio players, submitted to ICEC2006, 5th International Conference on Entertainment Computing, 20-22 September, Cambridge, UK. Martin, L.L. & Clore, G.L. (2001) Theories of Mood and Cognition: A Users Guidebook Lawrence Erlbaum Associates, Mahwah, NJ. Mynatt, C.R., Doherty, M.E. & Tweney, R.D. (1977) Confirmation bias in a simulated research environment: An experimental study of scientific inference Quarterly Journal of Experimental Psychology, 29, pp. 85-95. Norman, D.A. (1988) The Design of Everyday Things Basic books, Boston, MA. Norman, D.A. (2004) Emotional Design: Why We Love (or Hate) Everyday Things Basic Books, New York. Porteous, J.D. (1996) Environmental Aesthetics: Ideas, Politics and Planning Routledge, London. Ramachandran, V.S. & Blakeslee, S. (1998) Phantoms in the Brain William Morrow & Co, New York. Spearshott, F.E. (1963) The Structure of Aesthetics Routledge and Kegan Paul, London, UK. Tracktinsky, N., Katz, A.S. & Ikar, D. (2000) What is beautiful is usable Interacting with Computers, 13, pp. 127-145.
13
Tractinsky, N. & Zmiri, D. (2006) Exploring attributes of skins as potential antecedents of emotion in HCI to appear in Fishwick, P. (ed) Aesthetic Computing MIT Press. Whitfield, T.W.A. (1983) Predicting preference for familiar, everyday objects: an experimental confrontation between two theories of aesthetic behaviour Journal of Environmental Psychology, 3, pp. 221-237 Whitfield, T.W.A. (2000) Beyond prototypicality: towards a Categorical-Motivation model of aesthetics Empirical Studies of the Arts, 18, pp. 1-11. Whitfield, T.W.A. & Slatter, P.E. (1979) The effects of categorisation and prototypicality on aesthetic choice in a furniture selection task British Journal of Psychology, 70, pp. 65-75 Zajonc, R. (1980) Feeling and thinking: Preferences need no inferences American Psychologist, 35(2), pp. 151-175 Zwaga, H. & Easterby, R. (eds) (1984) Information Design: The Design and Evaluation of Signs and Printed Material Lawrence Erlbaum Associates, Mahwah, NJ.
14