Hooked on a Feeling
-
Upload
stephen-anderson -
Category
Design
-
view
34.324 -
download
2
Transcript of Hooked on a Feeling
![Page 1: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/1.jpg)
Stephen P. Anderson @stephenanderson #ISA15t
Awesome artwork by
CappO
![Page 2: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/2.jpg)
We make things that are:
usable
attractive
responsive
reliable
user tested
aligned with business goals
delivered on time
etc.
![Page 3: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/3.jpg)
We make things that are:
usable
attractive
responsive
reliable
user tested
aligned with business goals
delivered on time
etc.
And yet...
I feel like there’s something missing.
![Page 4: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/4.jpg)
We make things that are:
usable
attractive
responsive
reliable
user tested
aligned with business goals
delivered on time
etc.
And yet...
I feel like there’s something missing.
Something intangible…
![Page 5: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/5.jpg)
We make things that are:
usable
attractive
responsive
reliable
user tested
aligned with business goals
delivered on time
etc.
And yet...
I feel like there’s something missing.
Something intangible…
![Page 6: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/6.jpg)
WHAT MIGHT BE
MISSING?ACT I:
![Page 7: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/7.jpg)
EXHIBIT #1: Movie Animations
![Page 8: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/8.jpg)
![Page 9: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/9.jpg)
If an animator does their job right, animations not only move the story along but visually display a character’s personality. These Big Hero 6 test animations of the characters performing what is superficially the same action show just how much depth Disney’s animators brought to each of them.
Commentary from The Mary Sue:
“
![Page 10: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/10.jpg)
depth
If an animator does their job right, animations not only move the story along but visually display a character’s personality. These Big Hero 6 test animations of the characters performing what is superficially the same action show just how much depth Disney’s animators brought to each of them.
“
![Page 11: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/11.jpg)
?What kind of depth do we bring to our experiences?
![Page 12: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/12.jpg)
EXHIBIT #2: Board Game Design
![Page 13: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/13.jpg)
http://www.leagueofgamemakers.com/the-themes-they-are-a-changing/
![Page 14: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/14.jpg)
The key was to go down a level deeper. At work, we were doing a branding exercise for a product, and we listed off the adjectives we wanted to describe the product. I realized that a similar exercise would work here…
I mulled over all the feedback on the mechanics: what type of experience were they creating on their own? What adjectives did players use to talk about the mechanics? Players described the game as simple and elegant. It was calming and relaxing to play. They were surprised and delighted by the richness of the decisions. They said it flowed smoothly, that they could play it over and over again.”
— R A N D Y H O Y T , G A M E D E S I G N E R / P U B L I S H E R
http://www.leagueofgamemakers.com/the-themes-they-are-a-changing/
“
![Page 15: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/15.jpg)
The key was to go down a level deeper. At work, we were doing a branding exercise for a product, and we listed off the adjectives we wanted to describe the product. I realized that a similar exercise would work here…
I mulled over all the feedback on the mechanics: what type of experience were they creating on their own? What adjectives did players use to talk about the mechanics? Players described the game as simple and elegant. It was calming and relaxing to play. They were surprised and delighted by the richness of the decisions. They said it flowed smoothly, that they could play it over and over again.”
— R A N D Y H O Y T , G A M E D E S I G N E R / P U B L I S H E R
“
![Page 16: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/16.jpg)
This image captured perfectly the feeling that the playing the game produced, and I knew a theme and narrative woven around this could work to produce a great experience.
http://www.leagueofgamemakers.com/the-themes-they-are-a-changing/
![Page 17: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/17.jpg)
![Page 18: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/18.jpg)
http://www.leagueofgamemakers.com/the-themes-they-are-a-changing/
![Page 19: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/19.jpg)
![Page 20: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/20.jpg)
![Page 21: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/21.jpg)
?How often do we really let design principles drive every product decision?
![Page 22: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/22.jpg)
?How often do we really let design principles drive every product decision?
adding features
pushing back on customer requestsprioritizing the backlog
how we design a familiar feature
eliminating features
![Page 23: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/23.jpg)
EXHIBIT #3: “The Carousel”
![Page 24: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/24.jpg)
![Page 25: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/25.jpg)
“…a time machine. It goes backwards, forwards. Takes us to a place where we ache to go again.”
![Page 26: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/26.jpg)
?How often do we focus on the soul of a thing?
![Page 27: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/27.jpg)
Don’t take these similarities too literally.
Big Hero 6 Character Studies
“Let’s focus on better UI animations”
“In what nuanced ways do we evoke
aesthetic reactions?”
![Page 28: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/28.jpg)
Don’t take these similarities too literally.
Big Hero 6 Character Studies
Board Game Design
“Let’s focus on better UI animations”
“Let’s create a narrative, entertainment-like,
emotional experience!”
“In what nuanced ways do we evoke
aesthetic reactions?”
“Is there a cohesive set of emotions that
anchor all of our product decisions?”
![Page 29: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/29.jpg)
Don’t take these similarities too literally.
Big Hero 6 Character Studies
Board Game Design
“The Carousel”Clip
“Let’s focus on better UI animations”
“Let’s create a narrative, entertainment-like,
emotional experience!”
“Let’s figure out how to sell our stuff, like
Don Draper!”
“In what nuanced ways do we evoke
aesthetic reactions?”
“Is there a cohesive set of emotions that
anchor all of our product decisions?”
“Focus on the experience, not the
features”
![Page 30: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/30.jpg)
deeper
depth
experience
soul
theme
narrative
nuance
richness
emotion
detail
craftsmanship
![Page 31: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/31.jpg)
deeper
depth
experience
soul
theme
narrative
nuance
richness
emotion
detail
How do we craft an experience?craftsmanship
![Page 32: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/32.jpg)
IS CRAFTING
EXPERIENCE?THINGS THAT MAKE US
A GREAT
WHAT ARE SOME GOOD EXAMPLES OF WELL-CRAFTED EXPERIENCES…
FEEL?
ACT II:
WHO
![Page 33: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/33.jpg)
![Page 34: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/34.jpg)
![Page 35: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/35.jpg)
![Page 36: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/36.jpg)
Medium???
![Page 37: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/37.jpg)
It’s 2012…
![Page 38: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/38.jpg)
“a publishing platform…”
It’s 2012…
![Page 39: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/39.jpg)
you can write and publish online articles
other people can comment on your articles
you can share articles
bookmark articles
It’s 2012…“a publishing platform…”
![Page 40: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/40.jpg)
you can write and publish online articles
other people can comment on your articles
you can share articles
bookmark articles
It’s 2012…“a publishing platform…”
?
![Page 41: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/41.jpg)
you can write and publish online articles
other people can comment on your articles
you can share articles
bookmark articles
It’s 2012…“a publishing platform…”
! no customization options
! no custom domains
! royalty-free access to all content
?
![Page 42: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/42.jpg)
you can write and publish online articles
other people can comment on your articles
you can share articles
bookmark articles
! no customization options
! no custom domains
! royalty-free access to all content
“a publishing platform…”
?
It’s 2012……a new place on the Internet where people share ideas
and stories that are longer than 140 characters and not
just for friends. It’s designed for little stories that make
your day better and manifestos that change the world.
It’s used by everyone from professional journalists to
amateur cooks. It’s simple, beautiful, collaborative,
and it helps you find the right audience for whatever
you have to say.”
“
![Page 43: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/43.jpg)
![Page 44: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/44.jpg)
“Everything changed for me over the weekend when I took the time to write a blog post on Medium.”
“As someone who writes a lot of stuff and has used a lot of different writing software, I'm telling you that I was blown away by the quality
of the product as a writing tool.”
“The entire process is a breeze. And once published, the article looks pretty good too in terms of typography and appearance.”
“Intuitive enough to seem psychic.”
“Because it is such a pleasure to work with, Medium has become something of a fetish object for writers.”
“It does not take a user experience designer to publish a professional story.”
“A joy to use!”
“It’s so damn beautiful. Medium has removed all the cruft that gets between the reader and the message…”
“Clean design, great concept, full of potential treasures to be read.”
“The best writing tool on the web.”
![Page 45: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/45.jpg)
But here’s the thing: I feel as if the service looks so good that it invites only the best content that I—or anyone—can write before actually hitting publish.
Let’s put it another way: If I’m going to write a post on Medium, I don’t want to let Medium down. (“It’s not you, it’s me.”)
“Part of the reason I haven’t published to Medium is because I’m slightly intimidated. I know that is illogical and insane on the surface, but I feel intimidated and almost as if I have to rise to a higher standard on Medium.” —Christina Warren, senior tech analyst at Mashable
![Page 46: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/46.jpg)
But here’s the thing: I feel as if the service looks so good that it invites only the best content that I—or anyone—can write before actually hitting publish.
Let’s put it another way: If I’m going to write a post on Medium, I don’t want to let Medium down. (“It’s not you, it’s me.”)
“Part of the reason I haven’t published to Medium is because I’m slightly intimidated. I know that is illogical and insane on the surface, but I feel intimidated and almost as if I have to rise to a higher standard on Medium.” —Christina Warren, senior tech analyst at Mashable
![Page 47: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/47.jpg)
A different experience!
![Page 48: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/48.jpg)
• you can write and publish online articles
• other people can comment on your articles
• you can share articles
• bookmark articles
The obvious “what to build”
features & functionality
![Page 49: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/49.jpg)
• Designed more like a magazine.
• Designed a social system to create a built-in audience for new authors
• Launched with published authors (which set really high bar for content)
• Hired former Wired.com editor Evan Hansen as an editor for the site
• Bought he long-form journalism startup Matter
• Created what is arguably the best writing tool on the planet
• Promoted contextual comments
• Focused on typographic UI details that compete w/ centuries of print (vs other web platforms)
• Focused A LOT on quality content
• Offered pre-publishing feedback
• you can write and publish online articles
• other people can comment on your articles
• you can share articles
• bookmark articles
The obvious “what to build”
features & functionality
The not so obvious “how to build” (& launch)
experience details
![Page 50: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/50.jpg)
• Designed more like a magazine.
• Designed a social system to create a built-in audience for new authors
• Launched with published authors (which set really high bar for content)
• Hired former Wired.com editor Evan Hansen as an editor for the site
• Bought he long-form journalism startup Matter
• Created what is arguably the best writing tool on the planet
• Promoted contextual comments
• Focused on typographic UI details that compete w/ centuries of print (vs other web platforms)
• Focused A LOT on quality content
• Offered pre-publishing feedback
• you can write and publish online articles
• other people can comment on your articles
• you can share articles
• bookmark articles
The obvious “what to build”
features & functionality
The not so obvious “how to build” (& launch)
experience details
Product
![Page 51: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/51.jpg)
• Designed more like a magazine.
• Designed a social system to create a built-in audience for new authors
• Launched with published authors (which set really high bar for content)
• Hired former Wired.com editor Evan Hansen as an editor for the site
• Bought he long-form journalism startup Matter
• Created what is arguably the best writing tool on the planet
• Promoted contextual comments
• Focused on typographic UI details that compete w/ centuries of print (vs other web platforms)
• Focused A LOT on quality content
• Offered pre-publishing feedback
• you can write and publish online articles
• other people can comment on your articles
• you can share articles
• bookmark articles
The obvious “what to build”
features & functionality
The not so obvious “how to build” (& launch)
experience details
Experiences
Product
![Page 52: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/52.jpg)
![Page 53: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/53.jpg)
![Page 54: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/54.jpg)
“Still amazed by how much @SlackHQ reduced the number of unnecessary emails I could have on a normal workday. #slack”
“Added my entire cohort at @bitmakerlabs to @SlackHQ. Great way to get tons of valuable feedback considered too informal for email.”
“@SlackHQ is already the glue of our remote team. Can't believe we lived without it.”
“The UI in @SlackHQ is SO well considered. Full of helpful surprises.”
“I have to say, @SlackHQ + @appear_in is a game changer for easy video conferencing. By far the lowest friction solution I've seen.”
“Just discovered @slackHQ, which lets us see all our updates from trello, sourcetree and drive in one stream! We're in love :D and it's free!”
“Loving the @SlackHQ experience. Looks like it'll join #Evernote & #Wunderlist as another daily productivity app I can't live without”
“@SlackHQ this may be the best piece of software I found in years #inlove”
"With @SlackHQ, the world of business software is edging into consumer tech. And it's surprisingly good fun."
“Started using @SlackHQ for the first time in a while at work and it has been one of the happiest days I've had! Thanks!”
![Page 55: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/55.jpg)
![Page 56: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/56.jpg)
![Page 57: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/57.jpg)
![Page 58: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/58.jpg)
• You can create a room
• add people
• share files
• chat as a group, or
• direct message one another
The obvious “what to build”
features & functionality
![Page 59: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/59.jpg)
• You can create a room
• add people
• share files
• chat as a group, or
• direct message one another
The obvious “what to build”
features & functionality
![Page 60: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/60.jpg)
• Went after individuals and product teams (vs entire companies)
• Focused on a differentiated brand
• Hyper-focused on onboarding experience
• WOM marketing
• Laser focus on quality and responsiveness, taking longer than normal to iterate the preview version
• Positioned themselves against email and mailing lists (not the “chat room” category)
• TONS of integrations (more of a glue between existing services, than a competing service)
• Super-frictionless tool, available for nearly every platform!!
• Solid team
• You can create a room
• add people
• share files
• chat as a group, or
• direct message one another
The obvious “what to build”
features & functionality
The not so obvious “how to build” (& launch)
experience details
![Page 61: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/61.jpg)
![Page 62: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/62.jpg)
WHAT’S REQUIRED
EXPERIENCE?A GREAT
ACT III:
TO CRAFT
![Page 63: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/63.jpg)
TO CRAFT A GREAT EXPERIENCE…
![Page 64: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/64.jpg)
ALIGN AROUND THE EXPERIENCE1
TO CRAFT A GREAT EXPERIENCE…
![Page 65: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/65.jpg)
Meaningful
Pleasurable
Convenient
Usable
Reliable
Functional (Useful)
Focused on
Experiences(People, Activities, Context)
Focused on
Tasks(Products, Features)
© 2006 Stephen P. Anderson | poetpainter.com
SUBJECTIVE / QUALITATIVE
OBJECTIVE / QUANTIFIABLE
Has personal significance
Memorable experience worth sharing
Super easy to use, works like I think
Can be used without difficulty
Is available and accurate
Works as programmed
Prioritize Aesthetics (no, not Graphic Design) (visual, behaviors, sounds, psychology)
Design for FLOW (boredom vs anxiety)
Leverage Game Mechanics/Learning Theory (completeness)
Have a Personality
Create conversational and context aware interactions (“Adaptive Interfaces”; narrative IA structures)
Elicit Desire (Limited availability, limited access, curious and seductive experiences)Simplify, organize, and clarify
Display information visually
Reduce features and complexity
Use language for more natural
Add features that support desired ine browsing)
Have a believable story
Co-create value with customers
Connect people in community
Are part of a bigger system
Appeal to emotional, spiritual, and
Create a tolerance for faults at
Are tied to a person’s self-image, highly personal
Creating Pleasurable Interfaces: Getting fom Tasks to Experiencespresented by Stephen P. Anderson | Nov 8, 2006
“It is not enough that we build products that function, that are understandable and usable -we also need to build products that bring joy and excitement, pleasure and fun, and yes, beauty, to people’s lives.”
THIS IS THE “CHASM” THAT IS REALLY, REALLY HARD FOR ORGANIZATIONS TO CROSS
![Page 66: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/66.jpg)
Experience Focus
Product Focus
![Page 67: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/67.jpg)
Experience Focus
Product Focus
![Page 68: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/68.jpg)
Experience Focus
Product Focus
people, activities & context
tasks & features
![Page 69: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/69.jpg)
Experience Focus
Product Focus
people, activities & context
tasks & features
outcomes and experiences
output and functionality
![Page 70: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/70.jpg)
Experience Focus
Product Focus
people, activities & context
tasks & features
outcomes and experiences
output and functionality
perceptions, emotions, attention, memory…
interfaces, interactions, usability,
etc.
![Page 71: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/71.jpg)
“do” needs
“be” needs
![Page 72: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/72.jpg)
“do” needs
“be” needs
Autonomy-Independence
Competence-effectance
Relatedness-belongingness
Influence-popularity
Pleasure-stimulation
Security-control
Physical Thriving-bodily
Self-actualizing-meaning
Self-esteem-self-respect
Money-luxury
![Page 73: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/73.jpg)
https://medium.com/the-job-to-be-done/replacing-the-user-story-with-the-job-story-af7cdee10c27
![Page 74: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/74.jpg)
https://medium.com/the-job-to-be-done/replacing-the-user-story-with-the-job-story-af7cdee10c27
![Page 75: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/75.jpg)
A teenage girl with a bleak outlook needs to feel more socially accepted when eating healthy food, because in her hood a social risk is more dangerous than a health risk
![Page 76: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/76.jpg)
When a product team is not aligned…
![Page 77: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/77.jpg)
![Page 78: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/78.jpg)
![Page 79: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/79.jpg)
“MIND-MELDING”
![Page 80: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/80.jpg)
“MIND-MELDING”What it is…
How it feels…What values should constrain decisions…
What it’s like / not likeThe experience of using it…
![Page 81: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/81.jpg)
Vision Statement.
Design Tenets
Prototype.
Anything needed to mind-meld across the entire team!
Future Press Release
Concept Models
(and so on)
![Page 82: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/82.jpg)
ALIGN AROUND THE EXPERIENCE
2 OBSESS OVER THE DETAILS
1
TO CRAFT A GREAT EXPERIENCE…
![Page 83: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/83.jpg)
With animations, you speed up, slow down, change they style…
![Page 84: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/84.jpg)
“…until it feels right”
With animations, you speed up, slow down, change they style…
![Page 85: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/85.jpg)
With board games, you endlessly playtest…
With animations, you speed up, slow down, change they style…
![Page 86: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/86.jpg)
With board games, you endlessly playtest…
With animations, you speed up, slow down, change they style…
“…until it feels right”
![Page 87: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/87.jpg)
With board games, you endlessly playtest…
With animations, you speed up, slow down, change they style…
With presentations you rehearse and adjust things…
![Page 88: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/88.jpg)
With board games, you endlessly playtest…
With animations, you speed up, slow down, change they style…
With presentations you rehearse and adjust things…
“…until it feels right”
![Page 89: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/89.jpg)
With board games, you endlessly playtest…
With animations, you speed up, slow down, change they style…
With presentations you rehearse and adjust things…
With film editing, you cut, recut, change the sequence…
![Page 90: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/90.jpg)
With board games, you endlessly playtest…
With animations, you speed up, slow down, change they style…
With presentations you rehearse and adjust things…
With film editing, you cut, recut, change the sequence…
“…until it feels right”
![Page 91: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/91.jpg)
http://www.westword.com/restaurants/meet-the-man-behind-the-music-at-more-than-1-400-chipotles-5121272
It's hard to put my finger on exactly what song makes it and what song doesn’t… We're trying to find emerging stars. Emerging artists have this certain feel to their music.”— C H R I S T O P H E R G O L U B
“
![Page 92: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/92.jpg)
“…until it feels right”
…REQUIRES AN INTIMACY WITH THE MATERIAL(S) OF YOUR CRAFT.
TO ITERATE…
![Page 93: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/93.jpg)
http://www.westword.com/restaurants/meet-the-man-behind-the-music-at-more-than-1-400-chipotles-5121272
It is very difficult to approach Slack with beginner’s mind. But we have to, all of us, and we have to do it every day, over and over and polish every rough edge off until this product is as smooth as lacquered mahogany.
Each of you knows “really good”. Each of you is able to see when things are not done well. Certainly we all complain enough about other people’s software, and we all know how important first impressions are in our own judgements. That is exactly how others will evaluate us.
Look at it hard, and find the things that do not work. Be harsh, in the interest of being excellent.
— S T E W A R T B U T T E R F I E L D
“
![Page 94: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/94.jpg)
ALIGN AROUND THE EXPERIENCE
2 OBSESS OVER THE DETAILS
FOCUS ON THE WHOLE
1
3
TO CRAFT A GREAT EXPERIENCE…
![Page 95: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/95.jpg)
![Page 96: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/96.jpg)
![Page 97: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/97.jpg)
“The Whole is Other than the Sum of the Parts”
![Page 98: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/98.jpg)
“An Experience is Other than the Sum of the Parts”
![Page 99: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/99.jpg)
![Page 100: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/100.jpg)
![Page 101: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/101.jpg)
The pieces are the same…
…but the final experience here is just WRONG!
![Page 102: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/102.jpg)
!=
The pieces are the same…
…but the final experience here is just WRONG!
![Page 103: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/103.jpg)
Product
![Page 104: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/104.jpg)
Experiences Product
![Page 105: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/105.jpg)
Production. Direction. Balance. Orchestration. Choreography.
![Page 106: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/106.jpg)
[Avengers] was very difficult to make it flow and cohere in terms of all the changing perspectives and characters, all these movie stars, all these beats to hit. It's a ridiculously complex puzzle. But once you’ve got the puzzle, and you’re just filling in the voices and coming up with the moments, that’s what’s fun”— J O S S W H E D O N
“
![Page 107: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/107.jpg)
![Page 108: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/108.jpg)
![Page 109: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/109.jpg)
Surprise and delight are the high-fructose corn syrup of the experience economy”“
![Page 110: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/110.jpg)
ALIGN AROUND THE EXPERIENCE
2 OBSESS OVER THE DETAILS
FOCUS ON THE WHOLE
FOCUS ON AWESOME USERS
1
3
4
TO CRAFT A GREAT EXPERIENCE…
![Page 111: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/111.jpg)
We tend to focus on…
![Page 112: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/112.jpg)
We tend to focus on…
➡ making awesome products
➡ making an awesome service
➡ making an awesome company
![Page 113: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/113.jpg)
We tend to focus on…
➡ making awesome products
➡ making an awesome service
➡ making an awesome company
…but what if we focused on making awesome users?
![Page 114: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/114.jpg)
We tend to focus on…
➡ making awesome products
➡ making an awesome service
➡ making an awesome company
…but what if we focused on making awesome users?
![Page 115: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/115.jpg)
Example of User Awesome:
I find the clean organization of Ulysses gets out of my way, and when I’m writing—it’s as smooth as silk. In a subtle way, I feel inspired by Ulysses and consequentially, I end up spending more time with my butt in the chair, actually writing because I’m enjoying myself.”
—Micah Moss, Screenwriter and Novelist
“
![Page 116: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/116.jpg)
2 OBSESS OVER THE DETAILS
ALIGN AROUND THE EXPERIENCE1
FOCUS ON THE WHOLE3
FOCUS ON AWESOME USERS4
TO CRAFT A GREAT EXPERIENCE…
![Page 117: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/117.jpg)
2 OBSESS OVER THE DETAILS
ALIGN AROUND THE EXPERIENCE1
FOCUS ON THE WHOLE3
FOCUS ON AWESOME USERS4
TO CRAFT A GREAT EXPERIENCE…
Look for needs (the why & when)
Align the entire team around the desired outcome
Let the desired experience to drive all product (+ business) decisions
Look for opportunities to create transformative experiences
…not just the parts
Keep iterating, until it feels just right
…not just a few playful moments
![Page 118: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/118.jpg)
And if we succeed…
![Page 119: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/119.jpg)
![Page 120: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/120.jpg)
I’m convinced that it is feelings, and feelings alone, that account for the success of the Virgin brand and all its myriad forms.”— S I R R I C H A R D B R A N S O N
“
![Page 121: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/121.jpg)
People will forget what you said,people will forget what you did,but they’ll never forget how you made them feel.”— M A Y A A N G E L O U
“
![Page 122: Hooked on a Feeling](https://reader034.fdocuments.net/reader034/viewer/2022051007/586fbae31a28abe57d8b88bf/html5/thumbnails/122.jpg)
Thank you!
getmentalnotes.com
Design for Understanding
Stephen P. [email protected] | www.slideshare.net/stephenpa