“Visual Design”
“Pretty Graphics”
                    “Sexy interfaces”


  “Eye-Candy
 “Look & Feel”
                    ...
“Look &   Feel”




           f u n c t io n




             (Common Perception)
f u n c t io n


           “Look &   Feel”
“Do users want applications that work, or
applications that can wrap themselves into
funny shapes? I'm sure it looks reall...
“...it doesn't matter how pretty your site is or
how many quot;bells and whistlesquot; you have.
While a high-quality site...
“...it doesn't matter how pretty your site is or




             X
how many quot;bells and whistlesquot; you have.
While ...
“Eye Candy is a Critical
Business Requirement”
hetics
Aest
 “Eye Candy is a Critical
 Business Requirement”
Aesthetics:
Aesthetics:
quot;the science of how things are
    known via the senses.quot;
Aesthetics:
 quot;the science of how things are
     known via the senses.quot;


     More than just visual design,
1.   ...
Aesthetics:
 quot;the science of how things are
     known via the senses.quot;


     More than just visual design,
1.   ...
http://www.fastcompany.com/magazine/104/moto.html
“...consciously or unconsciously,
     the iPod materials reference a
     convention of ‘cleanliness’ that
     everybody...
http://www.poetpainter.com/thoughts/article/the-ipod-shuffle-and-wrigleys-doublemint-gum
http://www.poetpainter.com/thoughts/article/the-ipod-shuffle-and-wrigleys-doublemint-gum
Aesthetics and...

Cognition
“the process of knowing”
Aesthetics and...

Cognition
“the process of knowing”
Aesthetics and...

Cognition
    “the process of knowing”

Affordance says an ‘objects sensory characteristics
     intuit...
Guess what this screen is communicating...
Guess what this screen is communicating...
Guess what this screen is communicating...




   A Visual Language is a set of practices by which
   images can be used t...
Guess what this screen is communicating...




   A Visual Language is a set of practices by which
   images can be used t...
Brilliant!
What does the ‘genie effect’ communicate?
Which of these windows of closer to you? Why?
Which of these windows of closer to you? Why?
Can you spot the problem?
Can you spot the problem?


               OR
Can you spot the problem?


                              OR


    One of the Four Laws of Perception states
‘elements tha...
“Dismissing visual design as just a
matter of making things pretty or ugly
cuts off your ability to communicate
with your ...
Aesthetics and...

      Affect
quot;the experience of feeling or emotionquot;
Aesthetics and...

      Affect
quot;the experience of feeling or emotionquot;
“Emotion is one of the strongest differentiators
in user experience namely because it triggers
unconscious responses to a ...
Efficient
Easy to Use

Enjoyable
Efficient
      +
Easy to Use
      =
 Enjoyable
      ?
Efficient
Easy to Use

Enjoyable
Efficient
Easy to Use

Enjoyable
Perception.
Load time is five seconds.

Which of these pre-loaders makes this
   ‘seem’ like a faster load time?
Load time is five seconds.

Which of these pre-loaders makes this
   ‘seem’ like a faster load time?




       is in
 pee...
Which will seem to take longer?

 (a) Waiting in a 20 minute line
           -or-
 (b) Waiting in 5 different lines,
     ...
Which will seem to take longer?

 (a) Waiting in a 20 minute line
           -or-
 (b) Waiting in 5 different lines,
     ...
Personality.

http://www.affectivedesign.org/   http://iasummit.org/2006/conferencedescrip.htm#88
see the smile?
Which window is friendlier?
Which window is friendlier? Why?
http://www.affectivedesign.org/
http://iasummit.org/2006/conferencedescrip.htm#88
Why should we care about personality?
      People identify with (or avoid) certain personalities
      Trust is related t...
Why did Sony make their robot a puppy?
Trust.
What’s the most frequently cited factor for
evaluating the credibility of a Web site?
What’s the most frequently cited factor for
evaluating the credibility of a Web site?
Trust?
Trust?
Can you spot the differences?
Trust + Personality + Perception. . .


                             presented at CHI 2007,
  “According to research
     ...
Why did the more attractive (but otherwise
identical) ATM Machine perform better?
“Attractive
things work
  better.”
“Product design that provides aesthetic appeal, pleasure and
satisfaction can greatly influence the success of a product.
...
to Davidson (2003), the perception that affect and
cognition are independent, separate information
processing systems is f...
Affect

             How I ‘think’
               cannot be
            separated from
              how I ‘feel’


Cognit...
If you care about function,
    then you care about
    cognition and affect.

 And consequently, you
 care about aesthetics.
“Look &   Feel”




           f u n c t io n
“Look &   Feel”




       X    f u n c t io n
           Not
    ty is
Pret
         ion!
     rat
deco            ion.
 ...
“Attractive things work better.”
Aesthetics and...
Business Value
   ROI. Easier Sales. Higher Margins.
 Brand Equity. Market Differentiation.
“Is it worth the investment?”
“Good [enough] is the enemy of great.”
              -Jim Collins
“Is it worth the investment?”

 It’s not an option.
“Why not?”

Product Maturity.
“When technology delivers basic needs,
user experience dominates.”

-Don Norman
“When technology delivers basic needs,
user experience dominates.”

-Don Norman
SUBJECTIVE / QUALITATIVE

                                             Focused on
                                     Exp...
gets
           0% of the project
You know, 8
               20% of the time.        ...the remaining 20% takes
  complete...
“Cars have been around for ages - since Ford’s little black number.
They all pretty much do the same thing and look simila...
“Eye Candy is a Critical
Business Requirement”
hetics
Aest
“Eye Candy is a Critical
Business Requirement”
Thanks!
ME                MY PERSONAL SITE




     THE BEST WAY TO REACH ME
Eye Candy IS A Critical Business Requirement
Eye Candy IS A Critical Business Requirement
Eye Candy IS A Critical Business Requirement
Eye Candy IS A Critical Business Requirement
Eye Candy IS A Critical Business Requirement
Eye Candy IS A Critical Business Requirement
Upcoming SlideShare
Loading in...5
×

Eye Candy IS A Critical Business Requirement

92,993

Published on

Visual design is more than styling. It is function. And not only because it communicates, but also because it makes us feel. And between feeling and communication, people find things easier to use.

Published in: Business, Technology
20 Comments
308 Likes
Statistics
Notes
  • Well presented and interesting ideas. Thanks
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • veeery good
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • 'attractive things work better', build trust faster, cerate relationship stronger - holy words...
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • ’I know I need functionality - so when does the form become more important than the functionality and how can I specify it and budget for it? ’

    And that, of course, illustrates the problem. They still can’t understand that the design is the functionality from the user’s viewpoint (which is the only viewpoint that matters). Find out what functionality the user needs, design the interface to make that functionality accessible - and code to the interface. That’s the only way to do it. If you can’t afford to research what functionality the user needs and how they should interact with it, then you shouldn’t be in business in the first place.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Very good concept.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
92,993
On Slideshare
0
From Embeds
0
Number of Embeds
43
Actions
Shares
0
Downloads
2,914
Comments
20
Likes
308
Embeds 0
No embeds

No notes for slide

Eye Candy IS A Critical Business Requirement

  1. 1. “Visual Design” “Pretty Graphics” “Sexy interfaces” “Eye-Candy “Look & Feel” “Skinning”
  2. 2. “Look & Feel” f u n c t io n (Common Perception)
  3. 3. f u n c t io n “Look & Feel”
  4. 4. “Do users want applications that work, or applications that can wrap themselves into funny shapes? I'm sure it looks really whizzy in demos, but come on, we're just trying to give user applications to help them do their jobs.”
  5. 5. “...it doesn't matter how pretty your site is or how many quot;bells and whistlesquot; you have. While a high-quality site is important, the majority of people today value usability more than good looks or fanciness.”
  6. 6. “...it doesn't matter how pretty your site is or X how many quot;bells and whistlesquot; you have. While a high-quality site is important, the majority of people today value usability more than good looks or fanciness.” an’t ou c Y rate Sepa from ility Usab ign. Des sual Vi
  7. 7. “Eye Candy is a Critical Business Requirement”
  8. 8. hetics Aest “Eye Candy is a Critical Business Requirement”
  9. 9. Aesthetics:
  10. 10. Aesthetics: quot;the science of how things are known via the senses.quot;
  11. 11. Aesthetics: quot;the science of how things are known via the senses.quot; More than just visual design, 1. anything that appeals to the senses.
  12. 12. Aesthetics: quot;the science of how things are known via the senses.quot; More than just visual design, 1. anything that appeals to the senses. More about the psychological 2. response to sensory stimulus, than the actual trigger.
  13. 13. http://www.fastcompany.com/magazine/104/moto.html
  14. 14. “...consciously or unconsciously, the iPod materials reference a convention of ‘cleanliness’ that everybody interacts with every day – a bathroom.” http://www.frogdesign.com/?p=13
  15. 15. http://www.poetpainter.com/thoughts/article/the-ipod-shuffle-and-wrigleys-doublemint-gum
  16. 16. http://www.poetpainter.com/thoughts/article/the-ipod-shuffle-and-wrigleys-doublemint-gum
  17. 17. Aesthetics and... Cognition “the process of knowing”
  18. 18. Aesthetics and... Cognition “the process of knowing”
  19. 19. Aesthetics and... Cognition “the process of knowing” Affordance says an ‘objects sensory characteristics intuitively imply its functionality and use’
  20. 20. Guess what this screen is communicating...
  21. 21. Guess what this screen is communicating...
  22. 22. Guess what this screen is communicating... A Visual Language is a set of practices by which images can be used to communicate concepts
  23. 23. Guess what this screen is communicating... A Visual Language is a set of practices by which images can be used to communicate concepts better:
  24. 24. Brilliant!
  25. 25. What does the ‘genie effect’ communicate?
  26. 26. Which of these windows of closer to you? Why?
  27. 27. Which of these windows of closer to you? Why?
  28. 28. Can you spot the problem?
  29. 29. Can you spot the problem? OR
  30. 30. Can you spot the problem? OR One of the Four Laws of Perception states ‘elements that are close to each other are related.’
  31. 31. “Dismissing visual design as just a matter of making things pretty or ugly cuts off your ability to communicate with your customers... Design is a means to communicate, not mere styling.” -Luke Wroblewski
  32. 32. Aesthetics and... Affect quot;the experience of feeling or emotionquot;
  33. 33. Aesthetics and... Affect quot;the experience of feeling or emotionquot;
  34. 34. “Emotion is one of the strongest differentiators in user experience namely because it triggers unconscious responses to a product, website, environment or interface. Our feelings strongly influence our perceptions and often frame how we think about or refer to our experiences at a later date.” -Frank Spillers http://experiencedynamics.blogs.com/site_search_usability/2004/08/design_and_emot.html
  35. 35. Efficient Easy to Use Enjoyable
  36. 36. Efficient + Easy to Use = Enjoyable ?
  37. 37. Efficient Easy to Use Enjoyable
  38. 38. Efficient Easy to Use Enjoyable
  39. 39. Perception.
  40. 40. Load time is five seconds. Which of these pre-loaders makes this ‘seem’ like a faster load time?
  41. 41. Load time is five seconds. Which of these pre-loaders makes this ‘seem’ like a faster load time? is in peed S e of e Ey th er. hold e Be th
  42. 42. Which will seem to take longer? (a) Waiting in a 20 minute line -or- (b) Waiting in 5 different lines, each lasting about 5 minutes
  43. 43. Which will seem to take longer? (a) Waiting in a 20 minute line -or- (b) Waiting in 5 different lines, each lasting about 5 minutes es longer but that is “...something that tak superior to something perceived to be efficient is ut perceived differently.” that is shorter b -Don Norman
  44. 44. Personality. http://www.affectivedesign.org/ http://iasummit.org/2006/conferencedescrip.htm#88
  45. 45. see the smile?
  46. 46. Which window is friendlier?
  47. 47. Which window is friendlier? Why?
  48. 48. http://www.affectivedesign.org/ http://iasummit.org/2006/conferencedescrip.htm#88
  49. 49. Why should we care about personality? People identify with (or avoid) certain personalities Trust is related to personality Perception and expectations are linked with personality Consumers ‘choose’ products that are an extension of themselves We treat sufficiently advanced technology as people ...and so on
  50. 50. Why did Sony make their robot a puppy?
  51. 51. Trust.
  52. 52. What’s the most frequently cited factor for evaluating the credibility of a Web site?
  53. 53. What’s the most frequently cited factor for evaluating the credibility of a Web site?
  54. 54. Trust?
  55. 55. Trust?
  56. 56. Can you spot the differences?
  57. 57. Trust + Personality + Perception. . . presented at CHI 2007, “According to research ancy of identical search users judge the relev arch engines based on results from different se d Google coming out e brand, with Yahoo an th the study indicated on top… Participants in Google and Yahoo were that the results from ical results found through superior to ident eneric search engine.” Windows Live or a g
  58. 58. Why did the more attractive (but otherwise identical) ATM Machine perform better?
  59. 59. “Attractive things work better.”
  60. 60. “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 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 explores a user interface in order to support a desired cognitive state.” Products That from “Emotion as a Cognitive Artifact and the Design Implications for are Perceived As Pleasurable”
  61. 61. to Davidson (2003), the perception that affect and cognition are independent, separate information processing systems is flawed. New breakthroughs in neuroscience using functional Magnetic Resonance Imaging (fMRI) have validated the assertions that cognition and emotion are a unified process. Gray et. al (2002) found that emotion and cognition ‘conjointly and equally contribute to the control of thought and behavior’.
  62. 62. Affect How I ‘think’ cannot be separated from how I ‘feel’ Cognition Myth reality
  63. 63. If you care about function, then you care about cognition and affect. And consequently, you care about aesthetics.
  64. 64. “Look & Feel” f u n c t io n
  65. 65. “Look & Feel” X f u n c t io n Not ty is Pret ion! rat deco ion. unct is F etty Pr
  66. 66. “Attractive things work better.”
  67. 67. Aesthetics and... Business Value ROI. Easier Sales. Higher Margins. Brand Equity. Market Differentiation.
  68. 68. “Is it worth the investment?”
  69. 69. “Good [enough] is the enemy of great.” -Jim Collins
  70. 70. “Is it worth the investment?” It’s not an option.
  71. 71. “Why not?” Product Maturity.
  72. 72. “When technology delivers basic needs, user experience dominates.” -Don Norman
  73. 73. “When technology delivers basic needs, user experience dominates.” -Don Norman
  74. 74. SUBJECTIVE / QUALITATIVE Focused on Experiences (People, Activities, Context) Meaningful Has personal significance Pleasurable Memorable experience worth sharing Convenient THIS IS THE “CHASM” THAT IS REALLY, REALLY HARD FOR ORGANIZATIONS TO CROSS Super easy to use, works like I think Usable Can be used without difficulty Reliable Is available and accurate Functional (Useful) Works as programmed Focused on Tasks (Products, Features) OBJECTIVE / QUANTIFIABLE http://www.poetpainter.com/thoughts/article/presentation-notes-slides-for-creating-pleasurable-interfaces
  75. 75. gets 0% of the project You know, 8 20% of the time. ...the remaining 20% takes completed in 80 / 20 80% of the time. This is commodity This is where you differentiate.
  76. 76. “Cars have been around for ages - since Ford’s little black number. They all pretty much do the same thing and look similar. Four wheels, seats, they go from point A to B. Why do people buy one over the other? One word. Design. Aesthetics and Car Design have been fused for many years. It’s what defines a car, it’s what gives a car it’s personality and importantly for the manufacturers, it’s what gives the car it’s competitive edge in the market place.” from “Aesthetic-Usability Effect”, Mark Boulton http://www.markboulton.co.uk/journal/comments/aesthetic_usability_effect/
  77. 77. “Eye Candy is a Critical Business Requirement”
  78. 78. hetics Aest “Eye Candy is a Critical Business Requirement”
  79. 79. Thanks!
  80. 80. ME MY PERSONAL SITE THE BEST WAY TO REACH ME
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×