Successfully reported this slideshow.
o<br />Aesthetics vs Usability<br />Sagar Chugh (Sr. UX)<br />Wednesday January 26, 2011<br />
Contents<br />Research Question<br />Key Findings<br />Conclusion<br />References<br />Wednesday January 26, 2011<br />
Key Findings – Aesthetics v/s Usability<br />How much are usability studies swayed by the visual design of the prototype? ...
What is Aesthetics<br />“the science of how things are known via the senses”<br /><ul><li>More than just visual design, an...
More about the psychological response to sensory stimulus, than the actual trigger. </li></ul>Wednesday January 26, 2011<b...
What is Usability<br />“is the study of ease of use, of how quickly someone can understand how to use a particular human-m...
Efficiency of use
Memorability
Error frequency and severity?
Subjective satisfaction </li></ul>Wednesday January 26, 2011<br />
“Do users want applications that work, or<br />applications that can wrap themselves into<br />funny shapes? I'm sure it l...
“...it doesn't matter how pretty your site is or<br />how many "bells and whistles" you have.<br />While a high-quality si...
X<br />“...it doesn't matter how pretty your site is or<br />how many "bells and whistles" you have.<br />While a high-qua...
Key Findings<br />Wednesday January 26, 2011<br />
Key Findings – Aesthetics v/s Usability<br />Perceptions of interface aesthetic are closely related to apparent usability ...
“Attractive <br />things work <br />better.”<br />http://www.jnd.org/dn.mss/emotion_design.html<br />Wednesday January 26,...
Key Findings – Aesthetics v/s Usability<br />It depends on the type of product, customer, target audience and market<br />...
“Cars have been around for ages - since Ford’s little black number.<br />They all pretty much do the same thing and look s...
Key Findings – Aesthetics v/s Usability<br />Glamour can make the sale, but leading with it is usually not in the client's...
The attractive product will be perceived as easier to use. Ease of use is often a criteria in purchase decisions – easy to...
“What is Beautiful is Usable”<br />Three different processes may induce positive relationships between interface aesthetic...
“Emotion is one of the strongest differentiators in user experience namely because it triggers unconscious responses to a ...
Trust + Personality + Perception. . .<br />“According to research presented at CHI 2007,users judge the relevancy of ident...
“Product design that provides aesthetic appeal, pleasure and satisfaction can greatly influence the success of a product. ...
When to test with Glossy Prototypes <br />Wednesday January 26, 2011<br />
When to test  with <br />Wednesday January 26, 2011<br />
Conclusion<br />Wednesday January 26, 2011<br />
Upcoming SlideShare
Loading in …5
×

Aesthetics Vs Usability

6,416 views

Published on

  • Be the first to comment

Aesthetics Vs Usability

  1. 1. o<br />Aesthetics vs Usability<br />Sagar Chugh (Sr. UX)<br />Wednesday January 26, 2011<br />
  2. 2. Contents<br />Research Question<br />Key Findings<br />Conclusion<br />References<br />Wednesday January 26, 2011<br />
  3. 3. Key Findings – Aesthetics v/s Usability<br />How much are usability studies swayed by the visual design of the prototype?  <br />When should we need to test with glossy prototypes as opposed to wireframes?<br />Wednesday January 26, 2011<br />
  4. 4. What is Aesthetics<br />“the science of how things are known via the senses”<br /><ul><li>More than just visual design, anything that appeals to the senses.
  5. 5. More about the psychological response to sensory stimulus, than the actual trigger. </li></ul>Wednesday January 26, 2011<br />
  6. 6. What is Usability<br />“is the study of ease of use, of how quickly someone can understand how to use a particular human-made object and how easily they can use it”<br />Usability Measures<br /><ul><li>Ease of learning
  7. 7. Efficiency of use
  8. 8. Memorability
  9. 9. Error frequency and severity?
  10. 10. Subjective satisfaction </li></ul>Wednesday January 26, 2011<br />
  11. 11. “Do users want applications that work, or<br />applications that can wrap themselves into<br />funny shapes? I'm sure it looks really whizzy in<br />demos, but come on, we're just trying to give<br />user applications to help them do their jobs.”<br />Wednesday January 26, 2011<br />
  12. 12. “...it doesn't matter how pretty your site is or<br />how many "bells and whistles" you have.<br />While a high-quality site is important, the<br />majority of people today value usability more<br />than good looks or fanciness.”<br />Wednesday January 26, 2011<br />
  13. 13. X<br />“...it doesn't matter how pretty your site is or<br />how many "bells and whistles" you have.<br />While a high-quality site is important, the<br />majority of people today value usability more<br />than good looks or fanciness.”<br />You can’t separate Usability from Visual Design<br />Wednesday January 26, 2011<br />
  14. 14. Key Findings<br />Wednesday January 26, 2011<br />
  15. 15. Key Findings – Aesthetics v/s Usability<br />Perceptions of interface aesthetic are closely related to apparent usability and thus increase the likelihood that aesthetics may considerably affect system acceptability<br />Look after the design and the usability will look after itself<br />Good usability is inherent in good design because people think well designed things work better, whether they do or not. Focus on good design and you will make the product more usable by default, you will also give it a competitive edge<br />Sexy visual design can set the hook and keep the user exploring for a little longer<br />In the case of the short vs longer paths to checkout, as long as they can actually succeed and get what they want a few extra clicks and pages won't matter. But this is for few visits to the web site. If they have to do a lot, then the extra pages and clicks gets more irritating than any sexy can fix.<br />A glossy look will get the attention, just like a great book cover or film trailer. However poor usability will leave the user wanting more due to frustration and eventually looking for alternatives. <br />An ugly site, no matter how usable, probably won't draw user attention in the first place so they will never know how friendly it is. <br />Wednesday January 26, 2011<br />
  16. 16. “Attractive <br />things work <br />better.”<br />http://www.jnd.org/dn.mss/emotion_design.html<br />Wednesday January 26, 2011<br />
  17. 17. Key Findings – Aesthetics v/s Usability<br />It depends on the type of product, customer, target audience and market<br />If you are entering a market that is full of visually attractive products, people may not even look at your product if it is perceived as backwards and old-fashioned. On the other hand, if you have an existing product, your customers probably appreciate improved usability more than improved visuals.<br /> To provide a good user experience - an interface must be visually attractive <br />This is a logical statement and true in general, however I feel that it is not always the case. A perfect example is Craigslist, which performs quite well, satisfies the end user, yet visually is a carry over from the 1990's. It really depends on what the end user is seeking to accomplish, and whether being "visually pleased" is part of that success.<br />Wednesday January 26, 2011<br />
  18. 18. “Cars have been around for ages - since Ford’s little black number.<br />They all pretty much do the same thing and look similar. Four<br />wheels, seats, they go from point A to B. Why do people buy one<br />over the other? One word. Design.<br />Aesthetics and Car Design have been fused for many years. It’s what<br />defines a car, it’s what gives a car it’s personality and importantly for<br />the manufacturers, it’s what gives the car it’s competitive edge in the<br />market place.”<br />from “Aesthetic-Usability Effect”, Mark Boulton<br />http://www.markboulton.co.uk/journal/comments/aesthetic_usability_effect/<br />Wednesday January 26, 2011<br />
  19. 19. Key Findings – Aesthetics v/s Usability<br />Glamour can make the sale, but leading with it is usually not in the client's - or the practitioner's - best interest.<br />Many decision makers jump for the glamorous visual design/interaction design before considering the user experience implications<br />Users will be more likely to develop positive feelings towards the attractive product. This can lead to:<br />Positive reviews – leading to more sales<br />They’ll tell their friends – resulting in more sales leads<br />They’ll tolerate faults more – reducing support calls<br />An attractive product will be perceived as of higher quality<br />Research shows that the aesthetics of an interface can influence pre-use perceptions and in many cases influences perceptions during or after use. Some research has shown that this influence can overshadow usability problems that exist in products and can cause the user to perceive the product as better than it really is. <br />Aesthetics influence the trust of a product. A more aesthetically designed products wins the trust of users more quickly than the one that is not designed so well.<br />Wednesday January 26, 2011<br />
  20. 20. The attractive product will be perceived as easier to use. Ease of use is often a criteria in purchase decisions – easy to use products require less training and support. So by improving the attractiveness it increases the perceived ease of use – improving the chances of making a sale<br />Users will be more likely to develop positive feelings towards the attractive product. This can lead to:<br />Positive reviews – leading to more sales<br />They’ll tell their friends – resulting in more sales leads<br />They’ll tolerate faults more – reducing support calls<br />The attractive product will be perceived as of higher quality<br />And, perhaps most importantly; customers may overlook feature deficiencies so they get to use the more attractive product<br />from “Aesthetic Usability Effect” by Ash Towers<br />http://usabilityfriction.com/2010/03/30/aesthetic-usability-effect/<br />Wednesday January 26, 2011<br />
  21. 21. “What is Beautiful is Usable”<br />Three different processes may induce positive relationships between interface aesthetics and perceived usability:<br /> A popular stereotyping which might associate successful design on one (noticeable) design dimension with successful design of other, less implicit design dimensions.<br />A halo effect may cause carry over of an aesthetic (or not aesthetic) design to perceptions of other design features. <br />An affective response to the design’s aesthetics may improve users’ mood and their overall evaluations of the system<br />from “Tractinsky et al”<br />http://phdproject01.wordpress.com/2010/01/24/what-is-beautiful-is-usable-tractinsky-n-et-al/<br />Wednesday January 26, 2011<br />
  22. 22. “Emotion is one of the strongest differentiators in user experience namely because it triggers unconscious responses to a product, website,<br />environment or interface. Our feelings strongly influence our perceptions and often frame how we think about or refer to our experiences<br />at a later date.”<br />-Frank Spillers<br />http://experiencedynamics.blogs.com/site_search_usability/2004/08/design_and_emot.html<br />Wednesday January 26, 2011<br />
  23. 23. Trust + Personality + Perception. . .<br />“According to research presented at CHI 2007,users judge the relevancy of identical search results from different search engines based on the brand, with Yahoo and Google coming out on top… Participants in the study indicated that the results from Google and Yahoo were superior to identical results found through Windows Live or a generic search engine<br />Wednesday January 26, 2011<br />
  24. 24. “Product design that provides aesthetic appeal, pleasure and satisfaction can greatly influence the success of a product. Traditional cognitive approaches to product usability have tended to<br />underestimate or fragment emotion from an understanding of the user experience. Affect, which is inexplicable linked to attitudes, expectations and motivations, plays a significant role in the cognition of product interaction, and therefore can be usefully treated as a design aid. Emotion influences and mediates specific aspects of interaction before, during and after the use of a product. These affective states regularly impact how a user manipulates and<br />explores a user interface in order to support a desired cognitive<br />state.”<br />from “Emotion as a Cognitive Artifact and the Design Implications for Products That are Perceived As Pleasurable”<br />http://www.alistapart.com/articles/indefenseofeyecandy<br />Wednesday January 26, 2011<br />
  25. 25. When to test with Glossy Prototypes <br />Wednesday January 26, 2011<br />
  26. 26. When to test with <br />Wednesday January 26, 2011<br />
  27. 27. Conclusion<br />Wednesday January 26, 2011<br />
  28. 28. Conclusion – Aesthetics v/s Usability<br />Beauty is in the eye of the beholder - but in practice a visually attractive page will at first entertain people and thus give them more impetus to click and discover. However over the long term this wears thin and people just get annoyed. So it's a short term gain for discoverability but long term loss in terms of repeat use and customer satisfaction. <br />Appeal without usability becomes a form of art. Usability without look becomes engineering. The proportion and importance or each part vary from field to field. <br />Both Usability and Aesthetics are equally important and depends entirely on the type of users and market the product is going to cater to.<br />Usability + Aesthetics = User Experience<br />Wednesday January 26, 2011<br />
  29. 29. Efficient<br />+<br />Easy to Use<br />=<br />Enjoyable<br />?<br />Wednesday January 26, 2011<br />
  30. 30. Efficient<br />Easy to Use<br />Enjoyable<br />Wednesday January 26, 2011<br />
  31. 31. References<br />CHI 97 Electronic Publications: Papers - Aesthetics and Apparent Usability: Empirically Assessing Cultural and Methodological Issues - Noam Tractinsky (http://www.sigchi.org/chi97/proceedings/paper/nt.htm#U5)<br />Kurosu, M. and Kashimura, K. Apparent usability vs. Inherent usability, CHI '95 Conference Companion, (1995), 292-293.<br />Aesthetic Usability Effect - By Ash Towers | March 30, 2010 (http://usabilityfriction.com/2010/03/30/aesthetic-usability-effect/)<br />Web users judge sites in the blink of an eye (http://www.nature.com/news/2006/060109/full/news060109-13.html)<br />Stephen P Anderson (http://www.poetpainter.com/thoughts/category/UI--Interface-Design/)(http://www.alistapart.com/articles/indefenseofeyecandy)<br />Emotion & Design: Attractive things work better (http://www.jnd.org/dn.mss/emotion_design.html)<br />Mark Boulton (http://www.markboulton.co.uk/journal/comments/aesthetic-usability-effect)<br />Noam Tractinsky (http://mc.informatik.uni-hamburg.de/konferenzbaende/mc2005/konferenzband/muc2005_02_tractinsky.pdf)<br />Alistair Gray (http://www.webcredible.co.uk/user-friendly-resources/web-usability/aesthetics-usability.shtml)<br />UX Myths (http://uxmyths.com/post/1161244116/myth-25-aesthetics-are-not-important-if-you-have-good-us)<br />Wednesday January 26, 2011<br />
  32. 32. o<br />Thank You!<br />Wednesday January 26, 2011<br />

×