SlideShare a Scribd company logo
Deconstructing Delight

Pleasure, Flow,
& Meaning
Marketing
                         QA tester
           Call center


     UX designer

                                     Development




Product manager
Deconstructing delight
Deconstructing delight
Deconstructing delight
Deconstructing delight
EN
    OK C E
 BR IEN
 XPER
E
Usable = = no
Delightful yes

            Capital One
Delight
  Flow
 Meaning
 Pleasure
USAToday weather
Swackett.com
Swackett.com
iPhone version
of Swackett
Houdini’s
birthday
Anniversary of
the Eiffel Tower
Matt Groening’s
birthday
Swackett
extended
forecast
Pleasure
   •   Shows consideration
   •   Anticipates users’ needs
   •   Responsive to context
   •   Users feel it


   •   Much can come through
       visual design
Sharing

    Aware of user
                         Treats

Bits of thoughtfulness
Extra goodness



                         TripIt.com
Anticipates needs
Virgin America
Virgin America
in-flight
entertainment
system
Virgin America
safety video
If I were to take care of this
customer, how would I do it?
Evidence of Pleasure


✤   Smiling
✤   Exclamations, “Nice!” or “Got it!”
✤   Behaving with infatuation
Cautions of Pleasure
            Habituation
            decrease in response after
            repeated exposure
            Distraction
            dividing attention
            Disruption
            interrupting the user’s activity
            Don’t force it
Pleasure

Anticipates needs and wants
Produces positive affect
Uses visual design and voice
word processor
...sit down and start
making the clackity noise.
If I make the clackity noise
long enough every day,
the “writing” seems to take
care of itself.
   -- Merlin Mann
Ommwriter
Deconstructing delight
Flow
  •    Immersive
  •    Empowering
  •    Behavioral, automatic
  •    Plays on mastery and
       control
Flow
  •    Subtle motivation cues
  •    Psychological cues
  •    Language (or lack of)
  •    Social cues
  •    Reinforcement
Conversation



  Quora.com
Tags feed curiosity

                       Related
    Question
                      questions
                       support
                      serendipity


   Answers            Outlets
 demonstrate
  knowledge

                       People
36




Quora.com

 Smooth, frictionless
 Supports serendipity
 Tangents are useful, meaningful

 Feeds curiosity
 Users demonstrate knowledge
Heft.   Handling.   Fit for purpose.
Flow by design
✤   Affordances and feedback are
    clear, obvious, invisible
✤   IA matches users’ mental
    models
✤   Perception of responsiveness
✤   Clutter is minimized
✤   Appropriate for context
✤   Benefit to user is clear
Evidence of Flow
✤   Gratification
✤   Feeling productive
✤   Focused concentration
✤   Energized
✤   Empowered
✤   Stop talking
✤   Key strengths tapped
Cautions of Flow
            Could translate as either
            engagement or frustration
            Analytics data won’t reveal this
            User control is key
            Tangents must be useful acts of
            autonomy
Assessing flow
When you are using it, do you feel a greater
awareness?
How much does it increase your ability to
accomplish new things?
How much does it expand your own
capabilities?
How much do you feel you have a larger
perspective because of using it?
Flow

Immersive
Frictionless, essential
functionality
Uses subtlety in design
Zipcar.com
less waste
saving money
good for Earth
Zipcar.com

doing good
Zipcar.com
having fun
strengthening
community
46




Zipcar.com
Zipcar.com
attachment

responsibility

accountability
Meaning
  •   Flourish through purpose
  •   Connectedness
  •   Making a difference
  •   Belonging
  •   Virtuousness
Meaning
  •   Plan the emotional
      effects
  •   Plan the behavioral
      effects
  •   Clarity, simplicity,
      funneling, modeling
Wardrobe Refashion
Culture of
                   generosity
   After: Shorts




Before: Gauchos
52




Kiva.org
Authenticity


                  Effort confirmed




   Values supported
Meaning by design
✤   Effort is encouraged and
    confirmed
✤   Involvement subtly rewarded
    through support and values
✤   Site and interactions feel secure
    and safe
✤   Branding is authentic, built in to
    business model
Evidence of Meaning

✤   Connected, yet selfless
✤   Virtuous and altruistic
✤   Compassion and empathy
✤   Expansiveness, openness
✤   Devoted, engaged
Cautions in meaning

            Not just a tagline: must be
            authentic
            Must come from the business
            model, out
            Can’t be layered on
Meaning =
Engagement
Gallup Customer
Engagement
assessment CE11
Meaning

design with purpose,
from mission to fulfillment,
not just touch points,
but through culture
Meaning
Must be genuine, from the
mission, out
Purpose comes through on all
channels
Results in belonging,
generosity
Delight




Pleasure     Flow    Meaning
Where does
  your design
      fit into a
beautiful day?
Where to learn more about the
psychology of happiness
 TED Talks: The psychology of happiness - Martin Seligman

 TED Talks: Play is more than fun - Stuart Brown

 TED Talks : Happy design - Stefan Sagmeister

 Flow: The Psychology of Optimal Experience, by Mihaly
 Csikszentmihalyi
 Emotional Design: Why We Love (or Hate) Everyday Things, by
 Donald Norman

 Happiness: A History, by Darrin M. McMahon

 Enchantment, by Guy Kawasaki
Where to learn more about the
psychology of happiness

 Anything written by all of these people:

 Aaron Walter

 Stephen Anderson

 Nathan Shedroff

 Bill Scott

 Jane McGonigal

 Clay Shirky
64




Where to learn more


   Dana’s blog: http://
   usabilitytestinghowto.blogspot.com/

   Download templates, examples, and
   links to other resources from
   www.wiley.com/go/usabilitytesting
Thank
You.



Dana Chisnell

dana@usabilityworks.net

www.usabilityworks.net

@danachis

More Related Content

PDF
全角チルダ問題
PPTX
DevOpsって何?
PPTX
Definition of "Lean" - Part 2
PDF
Head First Inception Deck
PDF
UnFIX, l’anti framework d’agilité à l’échelle ?
PDF
[Cloud OnAir] Anthosで実現するハイブリッドクラウド 〜 GKE On-Prem編 〜 2019年8月29日 放送
PDF
TPM 設備保全 生産効率の個別改善 | 機械保全 | 予防保全
PDF
DDDを実践できるエンジニアを育成するための取り組みについて
全角チルダ問題
DevOpsって何?
Definition of "Lean" - Part 2
Head First Inception Deck
UnFIX, l’anti framework d’agilité à l’échelle ?
[Cloud OnAir] Anthosで実現するハイブリッドクラウド 〜 GKE On-Prem編 〜 2019年8月29日 放送
TPM 設備保全 生産効率の個別改善 | 機械保全 | 予防保全
DDDを実践できるエンジニアを育成するための取り組みについて

What's hot (20)

PDF
それはYAGNIか? それとも思考停止か?
PDF
設計してますか?
PDF
PHPの戻り値型宣言でselfを使ってみよう
PDF
eBPFは何が嬉しいのか
PPTX
シェーダーグラフで作るヒットエフェクト
PPTX
メトリクスによる「見える化」のススメ: エッセンシャル・リーン
PDF
VRモーキャプツール『VR Motion Recorder』の使い方
PDF
漫談重構
PPTX
FRESH LIVEへのSRT導入
PDF
React Hooksでカスタムフックをつくろう
PDF
ゲーム業界から見たアジャイル開発
PDF
【CEDEC2017】Unityを使ったNintendo Switch™向けのタイトル開発・移植テクニック!!
PPTX
5 steps to Automated Network Operations (NetOps)
PDF
アプリケーションコードにおける技術的負債について考える
PPTX
What Kills Our Curiosity?
PPT
Digital Six Sigma vs Directed Innovation
PDF
次の世代のインタラクティブレンダリング5つの挑戦と10の滅ぶべき技術
PPTX
スマホもゲーム機も!CRIWARE×UE4 最新機能紹介 - 株式会社CRI・ミドルウェア - GTMF 2018 TOKYO
PPTX
GTMF 2016:Perforce HelixによるGit環境の改善と拡張 株式会社東陽テクニカ(Perforce Helix)
PPTX
テストコードの DRY と DAMP
それはYAGNIか? それとも思考停止か?
設計してますか?
PHPの戻り値型宣言でselfを使ってみよう
eBPFは何が嬉しいのか
シェーダーグラフで作るヒットエフェクト
メトリクスによる「見える化」のススメ: エッセンシャル・リーン
VRモーキャプツール『VR Motion Recorder』の使い方
漫談重構
FRESH LIVEへのSRT導入
React Hooksでカスタムフックをつくろう
ゲーム業界から見たアジャイル開発
【CEDEC2017】Unityを使ったNintendo Switch™向けのタイトル開発・移植テクニック!!
5 steps to Automated Network Operations (NetOps)
アプリケーションコードにおける技術的負債について考える
What Kills Our Curiosity?
Digital Six Sigma vs Directed Innovation
次の世代のインタラクティブレンダリング5つの挑戦と10の滅ぶべき技術
スマホもゲーム機も!CRIWARE×UE4 最新機能紹介 - 株式会社CRI・ミドルウェア - GTMF 2018 TOKYO
GTMF 2016:Perforce HelixによるGit環境の改善と拡張 株式会社東陽テクニカ(Perforce Helix)
テストコードの DRY と DAMP
Ad

Viewers also liked (20)

PDF
Rethinking user research for social web
PDF
Gaining design insight through recruiting research participants
PDF
Next generation of civic designers
PDF
Collaborative analysis techniques for user reseaerch
PPTX
Essential User Experience Skills
PDF
Guerilla UX Testing Live! 4YFN
PDF
Iterations paper prototype
PDF
Character creator
PDF
Virtual Reality - Usability Testing
PPTX
Service Design: Beyond Customer Journey Mapping
PDF
A hand kano-model-boston_upa_may-12-2004
KEY
Dana Chisnell: Designing for Delightful Interfaces (Webdagene 2011)
PDF
CSS3: Using media queries to improve the web site experience
PDF
Hacking the next
PDF
The Kano Model with Jared Spool
PPT
Customer centricite
PDF
Validating Ideas Through Prototyping
PDF
Context Design (beta2) World IA Day 2013
DOC
Educação enquanto práxis: Na contramão do capital
PDF
Final Destination: Creating a better afterlife for our digital treasures.
Rethinking user research for social web
Gaining design insight through recruiting research participants
Next generation of civic designers
Collaborative analysis techniques for user reseaerch
Essential User Experience Skills
Guerilla UX Testing Live! 4YFN
Iterations paper prototype
Character creator
Virtual Reality - Usability Testing
Service Design: Beyond Customer Journey Mapping
A hand kano-model-boston_upa_may-12-2004
Dana Chisnell: Designing for Delightful Interfaces (Webdagene 2011)
CSS3: Using media queries to improve the web site experience
Hacking the next
The Kano Model with Jared Spool
Customer centricite
Validating Ideas Through Prototyping
Context Design (beta2) World IA Day 2013
Educação enquanto práxis: Na contramão do capital
Final Destination: Creating a better afterlife for our digital treasures.
Ad

Similar to Deconstructing delight (20)

PDF
Marketing the CPA 2011
PDF
SearchLove Boston 2013_Abby Covert_Search is the Front Door to UX
PPT
Social Business
PDF
Design Principles: The Philosophy of UX
PDF
Design principles philopsohy of ux -Whitney Hess
PDF
Search is the Front Door to UX
PPTX
Crowdsourcing A Fashion Empire
KEY
The Live Experience
PDF
Community management, social media week Glasgow 2012 - Emma Ramsay
PPT
Creating, Curating and Cultivating the Social Web - By Esteban Contreras - Pr...
PDF
User Experience Doesn’t Happen on a Screen - It Happens in the Mind. Introduc...
PDF
Putting the t in team
PPT
Creating and Building Your Virtual Image
PPT
Personal branding
PDF
Seven cs for growing your own community 12 pg ebook 27.11.11
PDF
Beth Kanter - The Networked Nonprofit: Using Social Media Effectively to Powe...
PDF
Design Thinking Seattle: Empathy Extravaganza
PPTX
Boiled Eggs & Brands - March 2012
PDF
Tireless and Talkable Campaigns
PDF
Communicating Vision and Value
Marketing the CPA 2011
SearchLove Boston 2013_Abby Covert_Search is the Front Door to UX
Social Business
Design Principles: The Philosophy of UX
Design principles philopsohy of ux -Whitney Hess
Search is the Front Door to UX
Crowdsourcing A Fashion Empire
The Live Experience
Community management, social media week Glasgow 2012 - Emma Ramsay
Creating, Curating and Cultivating the Social Web - By Esteban Contreras - Pr...
User Experience Doesn’t Happen on a Screen - It Happens in the Mind. Introduc...
Putting the t in team
Creating and Building Your Virtual Image
Personal branding
Seven cs for growing your own community 12 pg ebook 27.11.11
Beth Kanter - The Networked Nonprofit: Using Social Media Effectively to Powe...
Design Thinking Seattle: Empathy Extravaganza
Boiled Eggs & Brands - March 2012
Tireless and Talkable Campaigns
Communicating Vision and Value

More from Dana Chisnell (20)

PDF
Making Voting Accessible
PDF
Answering voters' questions at county election websites
PDF
Fooled by best practice
PDF
Don't make me read! Less is more in information for voters
PDF
I can't find what i'm looking for
PDF
Usability and security in future voting systems
PPT
Looking across the voter experience
PPT
Anywhere Ballot iterations
PDF
Rethinking user research for social web
PDF
Persona modeler
PDF
Usability of County Election Websites
PDF
Usability and security in future voting systems
PDF
Making sense of the data
PDF
The users at the end of the mouse - using the 3As to model personas
PDF
Democracy is a design problem
PDF
Counter to intent: Voters' mental models of alternative counting methods
PDF
California's top lessons learned in design and language
PDF
Using voter personas to understand who is coming to your election department ...
PDF
Users at the end of the mouse - Persona modeler
PDF
Pleasure, Flow, and Meaning in Design
Making Voting Accessible
Answering voters' questions at county election websites
Fooled by best practice
Don't make me read! Less is more in information for voters
I can't find what i'm looking for
Usability and security in future voting systems
Looking across the voter experience
Anywhere Ballot iterations
Rethinking user research for social web
Persona modeler
Usability of County Election Websites
Usability and security in future voting systems
Making sense of the data
The users at the end of the mouse - using the 3As to model personas
Democracy is a design problem
Counter to intent: Voters' mental models of alternative counting methods
California's top lessons learned in design and language
Using voter personas to understand who is coming to your election department ...
Users at the end of the mouse - Persona modeler
Pleasure, Flow, and Meaning in Design

Recently uploaded (20)

PPTX
artificialintelligencedata driven analytics23.pptx
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PDF
SEVA- Fashion designing-Presentation.pdf
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PPT
unit 1 ppt.ppthhhhhhhhhhhhhhhhhhhhhhhhhh
PPTX
Fundamental Principles of Visual Graphic Design.pptx
PPTX
Implications Existing phase plan and its feasibility.pptx
DOCX
actividad 20% informatica microsoft project
PDF
Benefits_of_Cast_Aluminium_Doors_Presentation.pdf
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PDF
Phone away, tabs closed: No multitasking
PPTX
building Planning Overview for step wise design.pptx
PPTX
12. Community Pharmacy and How to organize it
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
artificialintelligencedata driven analytics23.pptx
Wisp Textiles: Where Comfort Meets Everyday Style
SEVA- Fashion designing-Presentation.pdf
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
YOW2022-BNE-MinimalViableArchitecture.pdf
YV PROFILE PROJECTS PROFILE PRES. DESIGN
unit 1 ppt.ppthhhhhhhhhhhhhhhhhhhhhhhhhh
Fundamental Principles of Visual Graphic Design.pptx
Implications Existing phase plan and its feasibility.pptx
actividad 20% informatica microsoft project
Benefits_of_Cast_Aluminium_Doors_Presentation.pdf
mahatma gandhi bus terminal in india Case Study.pptx
Phone away, tabs closed: No multitasking
building Planning Overview for step wise design.pptx
12. Community Pharmacy and How to organize it
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"

Deconstructing delight