86
“Look & Feel” “Eye-Candy Skinning“Visual Design” Sexy interfaces“Pretty Graphics”

Eye Candy IS A Critical Business Requirement

Embed Size (px)

DESCRIPTION

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.

Citation preview

Page 1: Eye Candy IS A Critical Business Requirement

“Look & Feel”“Eye-Candy”

“Skinning”

“Visual Design”“Sexy interfaces”

“Pretty Graphics”

Page 2: Eye Candy IS A Critical Business Requirement
Page 3: Eye Candy IS A Critical Business Requirement

“Look & Feel”

function

(Common Perception)

Page 4: Eye Candy IS A Critical Business Requirement
Page 5: Eye Candy IS A Critical Business Requirement

“Look & Feel”

function

Page 6: Eye Candy IS A Critical Business Requirement

“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.”

Page 7: Eye Candy IS A Critical Business Requirement

“...it doesn't matter how pretty your site is or how many "bells and whistles" you have. While a high-quality site is important, the majority of people today value usability more than good looks or fanciness.”

Page 8: Eye Candy IS A Critical Business Requirement

“...it doesn't matter how pretty your site is or how many "bells and whistles" you have. While a high-quality site is important, the majority of people today value usability more than good looks or fanciness.”XYou can’t

Separate

Usability from

Visual Design.

Page 9: Eye Candy IS A Critical Business Requirement

“Eye Candy is a Critical Business Requirement”

Page 10: Eye Candy IS A Critical Business Requirement

“Eye Candy is a Critical Business Requirement”

Aesthetics

Page 11: Eye Candy IS A Critical Business Requirement

Aesthetics:

Page 12: Eye Candy IS A Critical Business Requirement

Aesthetics:"the science of how things are

known via the senses."

Page 13: Eye Candy IS A Critical Business Requirement

Aesthetics:"the science of how things are

known via the senses."

More than just visual design, anything that appeals to the senses.1.

Page 14: Eye Candy IS A Critical Business Requirement

Aesthetics:"the science of how things are

known via the senses."

More than just visual design, anything that appeals to the senses.1.More about the psychological response to sensory stimulus, than the actual trigger.

2.

Page 16: Eye Candy IS A Critical Business Requirement

http://www.frogdesign.com/?p=13

“...consciously or unconsciously, the iPod materials reference a convention of ‘cleanliness’ that everybody interacts with every day – a bathroom.”

Page 17: Eye Candy IS A Critical Business Requirement
Page 20: Eye Candy IS A Critical Business Requirement

Aesthetics and...

Cognition“the process of knowing”

Page 21: Eye Candy IS A Critical Business Requirement

Aesthetics and...

Cognition“the process of knowing”

Page 22: Eye Candy IS A Critical Business Requirement

Aesthetics and...

Cognition“the process of knowing”

Affordance says an ‘objects sensory characteristics intuitively imply its functionality and use’

Page 23: Eye Candy IS A Critical Business Requirement

Guess what this screen is communicating...

Page 24: Eye Candy IS A Critical Business Requirement

Guess what this screen is communicating...

Page 25: Eye Candy IS A Critical Business Requirement

Guess what this screen is communicating...

A Visual Language is a set of practices by which images can be used to communicate concepts

Page 26: Eye Candy IS A Critical Business Requirement

Guess what this screen is communicating...

better:

A Visual Language is a set of practices by which images can be used to communicate concepts

Page 27: Eye Candy IS A Critical Business Requirement

Brilliant!

Page 28: Eye Candy IS A Critical Business Requirement

What does the ‘genie effect’ communicate?

Page 29: Eye Candy IS A Critical Business Requirement

Which of these windows of closer to you? Why?

Page 30: Eye Candy IS A Critical Business Requirement

Which of these windows of closer to you? Why?

Page 31: Eye Candy IS A Critical Business Requirement

Can you spot the problem?

Page 32: Eye Candy IS A Critical Business Requirement

Can you spot the problem?

OR

Page 33: Eye Candy IS A Critical Business Requirement

Can you spot the problem?

OR

One of the Four Laws of Perception states ‘elements that are close to each other are related.’

Page 34: Eye Candy IS A Critical Business Requirement

“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

Page 35: Eye Candy IS A Critical Business Requirement

"the experience of feeling or emotion"

Aesthetics and...

Affect

Page 36: Eye Candy IS A Critical Business Requirement

"the experience of feeling or emotion"

Aesthetics and...

Affect

Page 37: Eye Candy IS A Critical Business Requirement

“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

Page 38: Eye Candy IS A Critical Business Requirement

Easy to Use

Efficient

Enjoyable

Page 39: Eye Candy IS A Critical Business Requirement

Easy to Use

Efficient

Enjoyable

+

=

?

Page 40: Eye Candy IS A Critical Business Requirement

Easy to Use

Efficient

Enjoyable

Page 41: Eye Candy IS A Critical Business Requirement

Easy to Use

Efficient

Enjoyable

Page 42: Eye Candy IS A Critical Business Requirement

Perception.

Page 43: Eye Candy IS A Critical Business Requirement

Load time is five seconds.

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

Page 44: Eye Candy IS A Critical Business Requirement

Load time is five seconds.

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

Speed is in

the Eye of

the Beholder.

Page 45: Eye Candy IS A Critical Business Requirement

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

Page 46: Eye Candy IS A Critical Business Requirement

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

“...something that takes longer but that is

perceived to be efficient is superior to something

that is shorter but perceived differently.”

-Don Norman

Page 47: Eye Candy IS A Critical Business Requirement

Personality.

http://www.affectivedesign.org/ http://iasummit.org/2006/conferencedescrip.htm#88

Page 48: Eye Candy IS A Critical Business Requirement

see the smile?

Page 49: Eye Candy IS A Critical Business Requirement

Which window is friendlier?

Page 50: Eye Candy IS A Critical Business Requirement

Which window is friendlier? Why?

Page 52: Eye Candy IS A Critical Business Requirement

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

Page 53: Eye Candy IS A Critical Business Requirement

Why did Sony make their robot a puppy?

Page 54: Eye Candy IS A Critical Business Requirement

Trust.

Page 55: Eye Candy IS A Critical Business Requirement

What’s the most frequently cited factor for evaluating the credibility of a Web site?

Page 56: Eye Candy IS A Critical Business Requirement

What’s the most frequently cited factor for evaluating the credibility of a Web site?

Page 57: Eye Candy IS A Critical Business Requirement

Trust?

Page 58: Eye Candy IS A Critical Business Requirement

Trust?

Page 59: Eye Candy IS A Critical Business Requirement
Page 60: Eye Candy IS A Critical Business Requirement
Page 61: Eye Candy IS A Critical Business Requirement

Can you spot the differences?

Page 62: Eye Candy IS A Critical Business Requirement

“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.”

Trust + Personality + Perception. . .

Page 63: Eye Candy IS A Critical Business Requirement
Page 64: Eye Candy IS A Critical Business Requirement

Why did the more attractive (but otherwise identical) ATM Machine perform better?

Page 65: Eye Candy IS A Critical Business Requirement

“Attractive things work

better.”

Page 66: Eye Candy IS A Critical Business Requirement

“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.”

from “Emotion as a Cognitive Artifact and the Design Implications for Products That

are Perceived As Pleasurable”

Page 67: Eye Candy IS A Critical Business Requirement

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’.

Page 68: Eye Candy IS A Critical Business Requirement

Affect

Cognition

Myth reality

How I ‘think’ cannot be

separated from how I ‘feel’

Page 69: Eye Candy IS A Critical Business Requirement

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

And consequently, you care about aesthetics.

Page 70: Eye Candy IS A Critical Business Requirement

“Look & Feel”

function

Page 71: Eye Candy IS A Critical Business Requirement

“Look & Feel”

functionXPretty is Not

decoration!

Pretty is Function.

Page 72: Eye Candy IS A Critical Business Requirement

“Attractive things work better.”

Page 73: Eye Candy IS A Critical Business Requirement

Aesthetics and...

Business Value

ROI. Easier Sales. Higher Margins. Brand Equity. Market Differentiation.

Page 74: Eye Candy IS A Critical Business Requirement

“Is it worth the investment?”

Page 75: Eye Candy IS A Critical Business Requirement

“Good [enough] is the enemy of great.”-Jim Collins

Page 76: Eye Candy IS A Critical Business Requirement

“Is it worth the investment?”

It’s not an option.

Page 77: Eye Candy IS A Critical Business Requirement

“Why not?”

Product Maturity.

Page 78: Eye Candy IS A Critical Business Requirement

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

-Don Norman

Page 79: Eye Candy IS A Critical Business Requirement

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

-Don Norman

Page 80: Eye Candy IS A Critical Business Requirement

Meaningful

Pleasurable

Convenient

Usable

Reliable

Functional (Useful)

Focused on

Experiences(People, Activities, Context)

Focused on

Tasks(Products, Features)

SUBJECTIVE / QUALITATIVE

OBJECTIVE / QUANTIFIABLE

Has personal significance

Memorable experience worth sharing

Super easy to use, works like I think

Can be used without di!culty

Is available and accurate

Works as programmed

THIS IS THE “CHASM” THAT IS REALLY, REALLY HARD FOR ORGANIZATIONS TO CROSS

http://www.poetpainter.com/thoughts/article/presentation-notes-slides-for-creating-pleasurable-interfaces

Page 81: Eye Candy IS A Critical Business Requirement

80 / 20You know, 80% of the project gets

completed in 20% of the time. ...the remaining 20% takes 80% of the time.

This is commodity

This is where you differentiate.

Page 82: Eye Candy IS A Critical Business Requirement

http://www.markboulton.co.uk/journal/comments/aesthetic_usability_effect/

“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

Page 83: Eye Candy IS A Critical Business Requirement

“Eye Candy is a Critical Business Requirement”

Page 84: Eye Candy IS A Critical Business Requirement

“Eye Candy is a Critical Business Requirement”

Aesthetics

Page 85: Eye Candy IS A Critical Business Requirement

Thanks!

Page 86: Eye Candy IS A Critical Business Requirement

MY PERSONAL SITEME

THE BEST WAY TO REACH ME