Interaction Designers need to focus on creating cultural patterns, not screens. How do we do this? We have to understand how meaning gets made in a world of device fragmentation and
9. MEANING-ORIENTED DESIGN
USER MAPS CONTENT MODELING,STORIES SKETCHING, BUILDING, TESTING
1. CUSTOMER JOURNEY 2. STRUCTURE CONTENT & TASKS 3. EXPRESS SOLUTIONS
TO FIND OPPORTUNITIES
FOR CREATING MEANING TO EXPLORE MEANING TO ARTICULATE MEANING
Friday, August 24, 12
10. MEANING-ORIENTED DESIGN
USER MAPS CONTENT MODELING,STORIES SKETCHING, BUILDING, TESTING
1. CUSTOMER JOURNEY 2. STRUCTURE CONTENT & TASKS 3. EXPRESS SOLUTIONS
TO FIND OPPORTUNITIES
FOR CREATING MEANING TO EXPLORE MEANING TO ARTICULATE MEANING
THE STATE OF THE WORLD WHAT IT COULD BE WHAT IT MUST BE
Friday, August 24, 12
22. mind
USER MAPS CONTENT MODELING,STORIES SKETCHING, BUILDING, TESTING
1. CUSTOMER JOURNEY 2. STRUCTURE CONTENT TASKS 3. EXPRESS SOLUTIONS
TO FIND OPPORTUNITIES
FOR CREATING MEANING TO EXPLORE MEANING TO ARTICULATE MEANING
THE STATE OF THE WORLD WHAT IT COULD BE WHAT IT MUST BE
Friday, August 24, 12
23. DE.VICE (DIH.VAHYS)
NOUN
1. A THING MADE FOR A PARTICULAR PURPOSE
2. TO AROUSE A DESIRED REACTION
Friday, August 24, 12
24. PUR.POSE (PUR.PUHS)
NOUN
1. THE REASON FOR WHICH SOMETHING EXISTS
Friday, August 24, 12
27. THE THING IS,
NEEDS DON’T
REALLY CHANGE
—OUR
EXPECTATIONS
DO
Friday, August 24, 12
28. another definition of a
mental model: An
expectation of how
something works to
serve a particular need
Friday, August 24, 12
29. BUT, WE’RE
NOT
ALWAYS
CONSCIOUS
OF OUR
NEEDS
Friday, August 24, 12
30. TR
AD
IT
IO
NA
LU CONSCIOUS NEEDS
ME CD
AN
IN
G
OR
IE
NT
ED MENTAL MODELS
DE
SI
STABLE
GN
FLUID
NO MENTAL MODELS
UNCONSCIOUS NEEDS
Friday, August 24, 12
31. ULTIMATELY, WE NEED TO TRANSFORM NEEDS INTO CULTURE
CULTURE
MEANING CONTEXT
EXPECTATIONS
NEEDS
Friday, August 24, 12
33. A RELENTLESS FOCUS
ON CREATING MEANING
TRANSCENDS THE
CONSTRAINT OF THE
DEVICE
Friday, August 24, 12
34. BE THE CREATORS OF
BE THE CREATORS OF CULTURAL PATTERNS, NOT
SCREENS
CULTURAL PATTERNS
NOT SCREENS
Friday, August 24, 12
35. 2. START WITH THE CUSTOMER JOURNEY
Friday, August 24, 12
36. MARKETING IS DEAD
“BUYERS ARE NO LONGER PAYING ATTENTION. SEVERAL
STUDIES HAVE CONFIRMED THAT IN THE ‘BUYERS
DECISION JOURNEY,’ TRADITIONAL MARKETING
COMMUNICATIONS JUST AREN’T RELEVANT. BUYERS ARE
CHECKING OUT INFORMATION IN THEIR OWN WAY, OFTEN
THROUGH SOURCES SUCH AS WORD-OF-MOUTH AND
CUSTOMER REVIEWS” —HARVARD BUSINESS REVIEW
Friday, August 24, 12
37. THE OLD WAY
AWARENESS FAMILIARITY CONSIDERATION PURCHASE LOYALTY
LINEAR
Friday, August 24, 12
38. THE NEW WAY MAJORITY MINORITY
LIFE
UNCONSCIOUS
SENSING + TRIGGERS ACTIVE
EVALUATION
WORD
OF
MOUTH
CIRCULAR
ACTIVE
PURCHASE LOYALTY
PASSIVE
LOYALTY
Friday, August 24, 12
39. HOW DO YOU MOVE TO
ACTIVE LOYALTY?
SERVE PEOPLE MORE
MEANINGFULLY
Friday, August 24, 12
46. CONTEXT
conscious?
need?
Friday, August 24, 12
47. CONTEXT
conscious?
need?
unconscious?
Friday, August 24, 12
48. KNOWING CONSCIOUS
AND UNCONSCIOUS
NEEDS IS NOT ENOUGH
Friday, August 24, 12
49. THE KANO MODEL—3 NEED TYPES
HIGH
ONE-
ATTRACTIVE
DIMENSIONAL
CUSTOMER
SATISFACTION
MUST
BE
LOW
FULLY
ABSENT CHARACTERISTIC
IMPLEMENTED
MUST BE CUSTOMER ASSUMES SOLUTIONS ARE FULLY IN PLACE. IF NOT THEY WILL BE UNHAPPY
ONE-DIMENSIONAL CUSTOMER DESIRES SOLUTIONS BUT THEY DON’T EXPECT THEM TO BE FULLY IN PLACE
ATTRACTIVE
CUSTOMERS DO NOT EXPECT FEATURES BUT ARE HAPPY WHEN THEY’RE IN PLACE
SOURCE: FORRESTER
Friday, August 24, 12
50. MAKING MEANING ISN’T EASY
GET
INFERENCE FILTERS
HOME
FAST
CLASSIFICATION INTERESTS FUTURE JUDGEMENT
SENSING NEED MEANING
BASIC
RELEVANCE EXPECTATION EVALUATION
RECOGNITION
SUCCESS
CONTEXT THREAT TRUST
CRITERIA
NEEDS * GOALS * VALUES * BELIEFS * MEMORY
Friday, August 24, 12
51. MAKING MEANING ISN’T EASY what’s it got to do
with me?
Surprise or
delight? Is this
ethical?
GET
INFERENCE FILTERS
HOME
FAST
CLASSIFICATION INTERESTS FUTURE JUDGEMENT
SENSING NEED MEANING
BASIC
RELEVANCE EXPECTATION EVALUATION
RECOGNITION
what is it?
CONTEXT
SUCCESS
THREAT TRUST
Should I
CRITERIA
repeat this?
where is
it?
is this
dangerous?
NEEDS * GOALS * VALUES * BELIEFS * MEMORY
Friday, August 24, 12
52. MAKING MEANING ISN’T EASY what’s it got to do
with me?
Surprise or
delight? Is this
ethical?
GET
INFERENCE FILTERS
HOME
FAST
CLASSIFICATION INTERESTS FUTURE JUDGEMENT
SENSING NEED MEANING
BASIC
RELEVANCE EXPECTATION EVALUATION
RECOGNITION
what is it?
CONTEXT
SUCCESS
THREAT TRUST
Should I
CRITERIA
repeat this?
where is
it?
is this
dangerous?
NEEDS * GOALS * VALUES * BELIEFS * MEMORY
Friday, August 24, 12
53. Q: WHAT DESIGN SOLUTION WOULD MAKE
“GET HOME FAST” THE MOST MEANINGFUL?
GET
HOME
INFERENCE FILTERS
FAST
CLASSIFICATION INTERESTS FUTURE JUDGEMENT
SENSING NEED MEANING
BASIC
RELEVANCE FORECAST EVALUATION
RECOGNITION
SUCCESS
CONTEXT THREAT TRUST
CRITERIA
A: PASSING*THE TRUSTMEMORY
NEEDS * GOALS VALUES * BELIEFS * FILTER
Friday, August 24, 12
54. DO YOU NEED AN INTERMISSION?
Friday, August 24, 12
55. MEANING-ORIENTED DESIGN
USER MAPS CONTENT MODELING,STORIES SKETCHING, BUILDING, TESTING
1. CUSTOMER JOURNEY 2. STRUCTURE CONTENT TASKS 3. EXPRESS SOLUTIONS
TO FIND OPPORTUNITIES TO EXPLORE MEANING TO ARTICULATE MEANING
FOR CREATING MEANING
THE STATE OF THE WORLD WHAT IT COULD BE WHAT IT MUST BE
Friday, August 24, 12
58. WHICH IS REALLY TO SAY...
GREAT LESS
TASTE! FILLING!
Friday, August 24, 12
59. LONG LIVE THE M.SITE!
“Desktop computers and mobile devices are so different that
the only way to offer a great user experience is to create two
seperate designs”
—Jacob Nielsen, Usability Guru
Friday, August 24, 12
61. CONTENT FIRST TASKS FIRST
“There is no mobile web. We should be
platform-agnostic for content and platform-aware for “There is a case to be made for content to
user experience.” —Stephen Hay not simply shift or hide, but to change
altogether. For it to change based on certain
“There’s a general agreement that the “mobile” contexts; based on use cases. Top tasks
user is not to be trifled with; give them the dictate use cases, and use cases dictate
content they want as quickly as possible ‘cause content.”
they’re in a hurry. But the corollary does not
hold true. Why do we think that the “desktop” “I believe there is a case to be made that
user is more willing to put up with having top tasks are different when the user’s
unnecessary crap thrown at them?” —Jeremy circumstances are different. The
Keith circumstances in question aren't the type
of device the user has, but his location, his
situation, and his need for certain
“The future of adaptive content is having a information” —Christian Lustig
clean base of structure to work with. [...] One
well-structured flexible reusable set of
content that can be published to many “All websites have a very small set of killer
places. This isn’t writing for one medium and tasks that really matter to the customer. Web
shifting it to others. We need to write management is about perfecting the
platform-agnostic content.” —Karen McGrane completion of these killer tasks—the 25:5 rule
states that 5 percent of the content is read by
25% of the peoople.” —Gerry McGovern
“Content out, not canvas in” —Mark Boulton
Friday, August 24, 12
67. IT’S A QUESTION OF EMPHASIS
PASSIVE ENGAGEMENT ACTIVE ENGAGEMENT
CONTENT FIRST WHEN TASKS FIRST WHEN
CREATING CONTENT- CREATING APPLICATION-
CENTRIC EXPERIENCES CENTRIC EXPERIENCES
—NOT, OF COURSE, AT —NOT, OF COURSE, AT
THE EXPENSE OF ANALYZING THE EXPENSE OF
TASKS ANALYZING CONTENT
Friday, August 24, 12
68. NEITHER APPROACH
WILL LIKELY DISRUPT
INTERACTION
PARADIGMS—THEY ARE
TACTICAL BEST
PRACTICES
Friday, August 24, 12
69. MEANING FIRST
PERCEPTION
4 TYPES OF ENGAGEMENT
COGNITION
EMOTION
A MEANINGFUL DESIGN
SOLUTION WILL FIND A
WAY TO RESONATE
THROUGH THE FOUR
TYPES OF ENGAGEMENT
ACTION
SOURCE: JJG
Friday, August 24, 12
70. MEANING FIRST
Information Design
PERCEPTION
4 TYPES OF ENGAGEMENT
COGNITION
EMOTION
A MEANINGFUL DESIGN
SOLUTION WILL FIND A
WAY TO RESONATE
THROUGH THE FOUR
TYPES OF ENGAGEMENT
ACTION
Information Architecture
SOURCE: JJG
Friday, August 24, 12
71. MEANING FIRST
Information Design
Visual Design
PERCEPTION
Navigation Design
4 TYPES OF ENGAGEMENT
COGNITION
EMOTION
A MEANINGFUL DESIGN
SOLUTION WILL FIND A
WAY TO RESONATE
THROUGH THE FOUR
TYPES OF ENGAGEMENT
ACTION
Information Architecture
SOURCE: JJG
Friday, August 24, 12
72. MEANING FIRST
Information Design
Visual Design
PERCEPTION
Navigation Design
4 TYPES OF ENGAGEMENT
COGNITION
EMOTION
A MEANINGFUL DESIGN
SOLUTION WILL FIND A
WAY TO RESONATE
THROUGH THE FOUR
TYPES OF ENGAGEMENT
Interface Design
ACTION
Information Architecture
Interaction Design
SOURCE: JJG
Friday, August 24, 12
73. MEANING FIRST
PERCEPTION
4 TYPES OF ENGAGEMENT
The Final Frontier
COGNITION
EMOTION
A MEANINGFUL DESIGN
EMOTION
SOLUTION WILL FIND A
WAY TO RESONATE
THROUGH THE FOUR
TYPES OF ENGAGEMENT
ACTION
SOURCE: JJG
Friday, August 24, 12
74. MEANING-ORIENTED DESIGN
USER MAPS CONTENT MODELING,STORIES SKETCHING, BUILDING, TESTING
1. CUSTOMER JOURNEY 2. STRUCTURE CONTENT TASKS 3. EXPRESS SOLUTIONS
TO FIND OPPORTUNITIES TO EXPLORE MEANING TO ARTICULATE MEANING
FOR CREATING MEANING
Friday, August 24, 12
75. MEANING-ORIENTED DESIGN
USER MAPS CONTENT MODELING,STORIES SKETCHING, BUILDING, TESTING
1. CUSTOMER JOURNEY 2. STRUCTURE CONTENT TASKS 3. EXPRESS SOLUTIONS
TO FIND OPPORTUNITIES TO EXPLORE MEANING TO ARTICULATE MEANING
FOR CREATING MEANING
THE STATE OF THE WORLD WHAT IT COULD BE WHAT IT MUST BE
Friday, August 24, 12
77. WHAT’S WRONG WITH THIS PICTURE?
t
uc
prod
industrial designers interaction designers
PRODUCT MARKETING
Friday, August 24, 12
78. WHAT’S RIGHT WITH THIS PICTURE?
t
uc
prod
industrial designers industrial designers
interaction designers interaction designers
PRODUCT MARKETING
Friday, August 24, 12
79. WHAT’S WRONG WITH THIS PICTURE?
http://bit.ly/O2uUj1
Friday, August 24, 12
80. BRET VICTOR’S RANT
“My problem is — this vision, from an interaction perspective, is not visionary. It's a timid
increment from the status quo, and the status quo, from an interaction perspective, is
actually rather terrible.
I call this technology Pictures Under Glass. Pictures Under Glass sacrifice all the tactile
richness of working with our hands, offering instead a hokey visual facade.
Pictures Under Glass is an interaction paradigm of permanent numbness. It's a Novocaine drip to the
wrist. It denies our hands what they do best. And yet, it's the star player in every Vision Of The
Future.
And this is my plea — be inspired by the untapped potential of human capabilities. Don't
just extrapolate yesterday's technology and then cram people into it.” —BRET VICTOR
Friday, August 24, 12