SlideShare ist ein Scribd-Unternehmen logo
1 von 80
Downloaden Sie, um offline zu lesen
Design Principles:
The Philosophy of UX


     Whitney Hess
           @whitneyhess
      http://whitneyhess.com
     whitney@whitneyhess.com
Hi, I’m Whitney Hess

 User Experience Designer
        Consultant
        New Yorker


      @whitneyhess
stakeholder interviews
web analytics       storyboards
  sketching                surveys            A/B testing
           prototyping               flow diagrams


 What we usually talk about
  when we talk about UX
 wireframes                                     scenarios
                               sitemaps
                personas                    card sorts
                    heuristic evaluation
usability testing
                                        user research
User Experience is the
   establishment
   of a philosophy
    about how to
     treat people
Visual Design is the
   establishment
  of a philosophy
    about how to
  make an impact
Principles of
Visual Design
Contrast
Emphasis
Variety
Balance
Proportion
Repetition
Movement
Texture
Harmony
Unity
Why principles?
    Consistency.
    Constraints.
   Shared vision.
Objective evaluation.
good
  design




   good
experience
Design Principles: The Philosophy of UX
Design Principles: The Philosophy of UX
good
L e t ’s
                        design
         do t h
t o ge           is
         the r




                        =
               !




                         good
                      experience
Principles of
Experience Design
Principles of Experience Design
   1. Stay out of people’s way.
   2. Create a hierarchy that matches people’s needs.
   3. Limit distractions.
   4. Provide strong information scent.
   5. Provide signposts and cues.
   6. Provide context.
   7. Use constraints appropriately.
   8. Make actions reversible.
   9. Provide feedback.
   10. Make a good first impression.
1. Stay out of people’s way
1. Stay out of people’s way
1. Stay out of people’s way
2. Create a hierarchy that
matches people’s needs
2. Create a hierarchy that
matches people’s needs
2. Create a hierarchy that
matches people’s needs
3. Limit distractions
3. Limit distractions
3. Limit distractions
4. Provide strong
information scent
4. Provide strong
information scent
4. Provide strong
information scent
5. Provide signposts and cues
5. Provide signposts and cues
5. Provide signposts and cues
6. Provide context
6. Provide context
6. Provide context
7. Use constraints appropriately
7. Use constraints appropriately
7. Use constraints appropriately
8. Make actions reversible
8. Make actions reversible
8. Make actions reversible
9. Provide feedback
9. Provide feedback
9. Provide feedback
10. Make a good first impression
10. Make a good first impression
10. Make a good first impression
Logos
                      consistency, logic




                     Persuasion


  Ethos                                       Pathos
credibility, trust                         emotions, imagination
Knowledge
                     consistency, logic




                      Purpose


 Ethics                                      Empathy
credibility, trust                        emotions, imagination
Are
universal principles
     enough?
Design principles for
companies you know
“Ten principles that contribute
to a Googley user experience”
 Focus on people – their lives, their work, their dreams.
 Every millisecond counts.
 Simplicity is powerful.
 Engage beginners and attract experts.
 Dare to innovate.
 Design for the world.
 Plan for today’s and tomorrow’s business.
 Delight the eye without distracting the mind.
 Be worthy of people‘s trust.
 Add a human touch.
“Ten principles that contribute
to a Googley user experience”
 Focus on people – their lives, their work, their dreams.
 Every millisecond counts.
 Simplicity is powerful.
 Engage beginners and attract experts.
 Dare to innovate.
 Design for the world.
 Plan for today’s and tomorrow’s business.
 Delight the eye without distracting the mind.
 Be worthy of people’s trust.
 Add a human touch.                              http://www.google.com/corporate/ux.html
Design Principles: The Philosophy of UX
Facebook Design Principles

          Universal.
          Human.
          Clean.
          Consistent.
          Useful.
          Fast.
          Transparent.
Facebook Design Principles

          Universal.
          Human.
          Clean.
          Consistent.
          Useful.
          Fast.
          Transparent.

                         http://www.facebook.com/note.php?note_id=118951047792
Design Principles: The Philosophy of UX
Windows User Experience
   Design Principles
Reduce concepts to increase confidence.
Small things matter, good and bad.
Be great at “look” and “do”.
Solve distractions, not discoverability.
UX before knobs and questions.
Personalization, not customization.
Value the life cycle of the experience.
Time matters, so build for people on the go.
Windows User Experience
   Design Principles
Reduce concepts to increase confidence.
Small things matter, good and bad.
Be great at “look” and “do”.
Solve distractions, not discoverability.
UX before knobs and questions.
Personalization, not customization.
Value the life cycle of the experience.
Time matters, so build for people on the go.
                                    http://msdn.microso.com/en-us/library/dd834141.aspx
Design Principles: The Philosophy of UX
Burning Man
Keep good company.
Notice the ordinary.
Preserve the ephemeral.
Design not for the elite but for the masses.
Explain it to a child.
Get lost in the content.
Get to the heart of the matter.
Never tolerate “OK anything.”
Remember your responsibility as a storyteller.
Zoom out.
Switch.
Prototype it.
Pun.
Make design your life… and life, your design.
Leave something behind.
Charles and Ray Eames
  Keep good company.
  Notice the ordinary.
  Preserve the ephemeral.
  Design not for the elite but for the masses.
  Explain it to a child.
  Get lost in the content.
  Get to the heart of the matter.
  Never tolerate “OK anything.”
  Remember your responsibility as a storyteller.
  Zoom out.
  Switch.
  Prototype it.
  Pun.
  Make design your life… and life, your design.
  Leave something behind. http://www.amazon.com/Fieen-ﬔings-Charles-Ray-Teach/dp/193031700X
Burning Man
 Radical Inclusion.
 Giing.
 Decommodification.
 Radical Self-reliance.
 Radical Self-expression.
 Communal Effort.
 Civic Responsibility.
 Leaving No Trace.
 Participation.
 Immediacy.
Burning Man
 Radical Inclusion.
 Giing.
 Decommodification.
 Radical Self-reliance.
 Radical Self-expression.
 Communal Effort.
 Civic Responsibility.
 Leaving No Trace.
 Participation.
 Immediacy.
              http://www.burningman.com/whatisburningman/about_burningman/principles.html
ﬔe Starbucks Experience


       Make it your own.
       Everything matters.
       Surprise and delight.
       Embrace resistance.
       Leave your mark.
ﬔe Starbucks Experience


       Make it your own.
       Everything matters.
       Surprise and delight.
       Embrace resistance.
       Leave your mark.




                               http://www.starbucksexperience.net/excerpts.html
What are
your company’s
  principles?
Steps to Craing Your
Own Design Principles
1. Research available principles for competitors
   and related organizations (even aspirational)
2. Gather, list and print out the business goals,
   user needs and brand attributes
3. Brainstorm with key collaborators across
   capabilities and functions
4. Narrow down to no more than 10, preferably 7
5. Ensure they don’t conflict or overlap
6. Ensure they’re pithy and memorable
1. Does it come directly from research?
2. Does it help you say ‘No’ most of the time?
3. Does it distinguish your design from your competitors’?
4. Is it something you might reverse in a future release?
5. Have you evaluated it for this project?
6. Is its meaning constantly tested?

                                                            http://www.uie.com/articles/creating-design-principles/
When to Use Your
Design Principles
1. During the project kickoff meeting
2. When prioritizing features
3. Brainstorming sessions
4. Design critiques
5. Stakeholder presentations
6. Resolving conflict
7. Postmortems
8. Web metrics analysis
User Experience is the
   establishment
   of a philosophy
    about how to
     treat people
Bathroom mirror
Seaport Boston Hotel
Help people
make their
lives better
ﬔank you.
      Whitney Hess
      @whitneyhess
 http://whitneyhess.com
whitney@whitneyhess.com

Weitere ähnliche Inhalte

Was ist angesagt?

Design with IDEO: Designing Sustainable Human Centered Business Models
Design with IDEO: Designing Sustainable Human Centered Business ModelsDesign with IDEO: Designing Sustainable Human Centered Business Models
Design with IDEO: Designing Sustainable Human Centered Business ModelsPemo Theodore
 
UI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionUI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionProttay Karim
 
How to be a Web 2.0 Metrics Jedi (Web 2.0 Expo, April 2009)
How to be a Web 2.0 Metrics Jedi  (Web 2.0 Expo, April 2009)How to be a Web 2.0 Metrics Jedi  (Web 2.0 Expo, April 2009)
How to be a Web 2.0 Metrics Jedi (Web 2.0 Expo, April 2009)Dan Olsen
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshopInova LLC
 
UX design, service design and design thinking
UX design, service design and design thinkingUX design, service design and design thinking
UX design, service design and design thinkingSylvain Cottong
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for StartupsRichard Fang
 
User Insights Start the Design Process
User Insights Start the Design ProcessUser Insights Start the Design Process
User Insights Start the Design ProcessSteve Portigal
 
World-Class Web Metrics by Dan Olsen
World-Class Web Metrics by Dan OlsenWorld-Class Web Metrics by Dan Olsen
World-Class Web Metrics by Dan OlsenDan Olsen
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UXBart Van Hecke
 
A guide to service blueprinting by Adaptive Path
A guide to service blueprinting by Adaptive PathA guide to service blueprinting by Adaptive Path
A guide to service blueprinting by Adaptive PathNewflux UX/UI News
 
User Experience : Ux versus UI
User Experience : Ux versus UIUser Experience : Ux versus UI
User Experience : Ux versus UIPatrice Lelaisant
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designMorgan McKeagney
 
[메조미디어] 2030세대 투자 트렌드 리포트
[메조미디어] 2030세대 투자 트렌드 리포트[메조미디어] 2030세대 투자 트렌드 리포트
[메조미디어] 2030세대 투자 트렌드 리포트MezzoMedia
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESJeremy Robinson
 

Was ist angesagt? (20)

Design with IDEO: Designing Sustainable Human Centered Business Models
Design with IDEO: Designing Sustainable Human Centered Business ModelsDesign with IDEO: Designing Sustainable Human Centered Business Models
Design with IDEO: Designing Sustainable Human Centered Business Models
 
UI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionUI/UX Workshop - Hackvision
UI/UX Workshop - Hackvision
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
How to be a Web 2.0 Metrics Jedi (Web 2.0 Expo, April 2009)
How to be a Web 2.0 Metrics Jedi  (Web 2.0 Expo, April 2009)How to be a Web 2.0 Metrics Jedi  (Web 2.0 Expo, April 2009)
How to be a Web 2.0 Metrics Jedi (Web 2.0 Expo, April 2009)
 
Fundamentals of UX Design
Fundamentals of UX DesignFundamentals of UX Design
Fundamentals of UX Design
 
What is UX?
What is UX?What is UX?
What is UX?
 
UX/UI design
UX/UI designUX/UI design
UX/UI design
 
Mobile UX-COE
Mobile UX-COEMobile UX-COE
Mobile UX-COE
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
UX design, service design and design thinking
UX design, service design and design thinkingUX design, service design and design thinking
UX design, service design and design thinking
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
User Insights Start the Design Process
User Insights Start the Design ProcessUser Insights Start the Design Process
User Insights Start the Design Process
 
World-Class Web Metrics by Dan Olsen
World-Class Web Metrics by Dan OlsenWorld-Class Web Metrics by Dan Olsen
World-Class Web Metrics by Dan Olsen
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UX
 
A guide to service blueprinting by Adaptive Path
A guide to service blueprinting by Adaptive PathA guide to service blueprinting by Adaptive Path
A guide to service blueprinting by Adaptive Path
 
User Experience : Ux versus UI
User Experience : Ux versus UIUser Experience : Ux versus UI
User Experience : Ux versus UI
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
[메조미디어] 2030세대 투자 트렌드 리포트
[메조미디어] 2030세대 투자 트렌드 리포트[메조미디어] 2030세대 투자 트렌드 리포트
[메조미디어] 2030세대 투자 트렌드 리포트
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 

Ähnlich wie Design Principles: The Philosophy of UX

Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed EditionDesign Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed EditionWhitney Hess
 
The elements of product success for designers and developers
The elements of product success for designers and developersThe elements of product success for designers and developers
The elements of product success for designers and developersNick Myers
 
Design Thinking for Startups - Are You Design Driven?
Design Thinking for Startups - Are You Design Driven?Design Thinking for Startups - Are You Design Driven?
Design Thinking for Startups - Are You Design Driven?Amir Khella
 
Building Character: Creating Consistent Experiences With Design Principles- ...
Building Character: Creating Consistent Experiences With Design Principles-  ...Building Character: Creating Consistent Experiences With Design Principles-  ...
Building Character: Creating Consistent Experiences With Design Principles- ...Mad*Pow
 
A conversation about Design thinking
A conversation about Design thinkingA conversation about Design thinking
A conversation about Design thinkingAbhinav Soni
 
Design Thinking for people that work in ad agencies
Design Thinking for people that work in ad agenciesDesign Thinking for people that work in ad agencies
Design Thinking for people that work in ad agenciesBruno Araldi
 
User Experience Doesn’t Happen on a Screen - It Happens in the Mind. Introduc...
User Experience Doesn’t Happen on a Screen - It Happens in the Mind. Introduc...User Experience Doesn’t Happen on a Screen - It Happens in the Mind. Introduc...
User Experience Doesn’t Happen on a Screen - It Happens in the Mind. Introduc...UXPA International
 
Anyone can be a ux designer: Not everyone IS one.
Anyone can be a ux designer: Not everyone IS one.Anyone can be a ux designer: Not everyone IS one.
Anyone can be a ux designer: Not everyone IS one.Dave Malouf
 
Ready to be a Design Thinking Supa' Star?!
Ready to be a Design Thinking Supa' Star?!Ready to be a Design Thinking Supa' Star?!
Ready to be a Design Thinking Supa' Star?!Dr. Melissa Sassi
 
Design thinking and Role Playing
Design thinking and Role PlayingDesign thinking and Role Playing
Design thinking and Role PlayingJoud Khattab
 
Design Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: WireframeDesign Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: WireframeGessica Puri
 
What I learned at Cooper U about Design Research
What I learned at Cooper U about Design ResearchWhat I learned at Cooper U about Design Research
What I learned at Cooper U about Design ResearchSolutionStream
 
Design Thinking: Finding Problems Worth Solving In Health
Design Thinking: Finding Problems Worth Solving In HealthDesign Thinking: Finding Problems Worth Solving In Health
Design Thinking: Finding Problems Worth Solving In HealthAdam Connor
 
(Design) Principles To Build By
(Design) Principles To Build By(Design) Principles To Build By
(Design) Principles To Build ByStephen Anderson
 
Designing for Customer needs: A UX Perspective
Designing for Customer needs: A UX PerspectiveDesigning for Customer needs: A UX Perspective
Designing for Customer needs: A UX PerspectiveRichard O'Brien
 
Startup Institute: UX & User-Centered Design
Startup Institute: UX & User-Centered DesignStartup Institute: UX & User-Centered Design
Startup Institute: UX & User-Centered DesignConor Sheehan
 
International Innovation for AURA
International Innovation for AURAInternational Innovation for AURA
International Innovation for AURANick Coates
 
Design Thinking as new strategic tool
Design Thinking as new strategic toolDesign Thinking as new strategic tool
Design Thinking as new strategic toolPaula Buit
 

Ähnlich wie Design Principles: The Philosophy of UX (20)

Designprinciples
DesignprinciplesDesignprinciples
Designprinciples
 
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed EditionDesign Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
 
The elements of product success for designers and developers
The elements of product success for designers and developersThe elements of product success for designers and developers
The elements of product success for designers and developers
 
Design Thinking for Startups - Are You Design Driven?
Design Thinking for Startups - Are You Design Driven?Design Thinking for Startups - Are You Design Driven?
Design Thinking for Startups - Are You Design Driven?
 
Building Character: Creating Consistent Experiences With Design Principles- ...
Building Character: Creating Consistent Experiences With Design Principles-  ...Building Character: Creating Consistent Experiences With Design Principles-  ...
Building Character: Creating Consistent Experiences With Design Principles- ...
 
A conversation about Design thinking
A conversation about Design thinkingA conversation about Design thinking
A conversation about Design thinking
 
Design Thinking for people that work in ad agencies
Design Thinking for people that work in ad agenciesDesign Thinking for people that work in ad agencies
Design Thinking for people that work in ad agencies
 
User Experience Doesn’t Happen on a Screen - It Happens in the Mind. Introduc...
User Experience Doesn’t Happen on a Screen - It Happens in the Mind. Introduc...User Experience Doesn’t Happen on a Screen - It Happens in the Mind. Introduc...
User Experience Doesn’t Happen on a Screen - It Happens in the Mind. Introduc...
 
Anyone can be a ux designer: Not everyone IS one.
Anyone can be a ux designer: Not everyone IS one.Anyone can be a ux designer: Not everyone IS one.
Anyone can be a ux designer: Not everyone IS one.
 
Ready to be a Design Thinking Supa' Star?!
Ready to be a Design Thinking Supa' Star?!Ready to be a Design Thinking Supa' Star?!
Ready to be a Design Thinking Supa' Star?!
 
Design thinking and Role Playing
Design thinking and Role PlayingDesign thinking and Role Playing
Design thinking and Role Playing
 
Design Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: WireframeDesign Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: Wireframe
 
What I learned at Cooper U about Design Research
What I learned at Cooper U about Design ResearchWhat I learned at Cooper U about Design Research
What I learned at Cooper U about Design Research
 
Design Thinking: Finding Problems Worth Solving In Health
Design Thinking: Finding Problems Worth Solving In HealthDesign Thinking: Finding Problems Worth Solving In Health
Design Thinking: Finding Problems Worth Solving In Health
 
(Design) Principles To Build By
(Design) Principles To Build By(Design) Principles To Build By
(Design) Principles To Build By
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
Designing for Customer needs: A UX Perspective
Designing for Customer needs: A UX PerspectiveDesigning for Customer needs: A UX Perspective
Designing for Customer needs: A UX Perspective
 
Startup Institute: UX & User-Centered Design
Startup Institute: UX & User-Centered DesignStartup Institute: UX & User-Centered Design
Startup Institute: UX & User-Centered Design
 
International Innovation for AURA
International Innovation for AURAInternational Innovation for AURA
International Innovation for AURA
 
Design Thinking as new strategic tool
Design Thinking as new strategic toolDesign Thinking as new strategic tool
Design Thinking as new strategic tool
 

Mehr von Whitney Hess

Empathy is an Inside Job
Empathy is an Inside JobEmpathy is an Inside Job
Empathy is an Inside JobWhitney Hess
 
Do You Speak Jackal or Giraffe? Designing Sustainable Relationships
Do You Speak Jackal or Giraffe? Designing Sustainable RelationshipsDo You Speak Jackal or Giraffe? Designing Sustainable Relationships
Do You Speak Jackal or Giraffe? Designing Sustainable RelationshipsWhitney Hess
 
The Integral Designer: Developing You
The Integral Designer: Developing YouThe Integral Designer: Developing You
The Integral Designer: Developing YouWhitney Hess
 
What's Your Problem? Putting Purpose Back into Your Projects
What's Your Problem? Putting Purpose Back into Your ProjectsWhat's Your Problem? Putting Purpose Back into Your Projects
What's Your Problem? Putting Purpose Back into Your ProjectsWhitney Hess
 
DIY UX - Higher Ed
DIY UX - Higher EdDIY UX - Higher Ed
DIY UX - Higher EdWhitney Hess
 
Creating a Culture of UX
Creating a Culture of UXCreating a Culture of UX
Creating a Culture of UXWhitney Hess
 
Transcending Our Tribe
Transcending Our TribeTranscending Our Tribe
Transcending Our TribeWhitney Hess
 
DIY UX: Give Your Users an Upgrade (Without Calling In a Pro)
DIY UX: Give Your Users an Upgrade (Without Calling In a Pro)DIY UX: Give Your Users an Upgrade (Without Calling In a Pro)
DIY UX: Give Your Users an Upgrade (Without Calling In a Pro)Whitney Hess
 
10 Most Common Misconceptions About User Experience Design
10 Most Common Misconceptions About User Experience Design10 Most Common Misconceptions About User Experience Design
10 Most Common Misconceptions About User Experience DesignWhitney Hess
 
Evangelizing Yourself
Evangelizing YourselfEvangelizing Yourself
Evangelizing YourselfWhitney Hess
 
Twitter At Interaction09
Twitter At Interaction09Twitter At Interaction09
Twitter At Interaction09Whitney Hess
 

Mehr von Whitney Hess (12)

Empathy is an Inside Job
Empathy is an Inside JobEmpathy is an Inside Job
Empathy is an Inside Job
 
Do You Speak Jackal or Giraffe? Designing Sustainable Relationships
Do You Speak Jackal or Giraffe? Designing Sustainable RelationshipsDo You Speak Jackal or Giraffe? Designing Sustainable Relationships
Do You Speak Jackal or Giraffe? Designing Sustainable Relationships
 
The Integral Designer: Developing You
The Integral Designer: Developing YouThe Integral Designer: Developing You
The Integral Designer: Developing You
 
What's Your Problem? Putting Purpose Back into Your Projects
What's Your Problem? Putting Purpose Back into Your ProjectsWhat's Your Problem? Putting Purpose Back into Your Projects
What's Your Problem? Putting Purpose Back into Your Projects
 
DIY UX - Higher Ed
DIY UX - Higher EdDIY UX - Higher Ed
DIY UX - Higher Ed
 
Creating a Culture of UX
Creating a Culture of UXCreating a Culture of UX
Creating a Culture of UX
 
Transcending Our Tribe
Transcending Our TribeTranscending Our Tribe
Transcending Our Tribe
 
DIY UX: Give Your Users an Upgrade (Without Calling In a Pro)
DIY UX: Give Your Users an Upgrade (Without Calling In a Pro)DIY UX: Give Your Users an Upgrade (Without Calling In a Pro)
DIY UX: Give Your Users an Upgrade (Without Calling In a Pro)
 
10 Most Common Misconceptions About User Experience Design
10 Most Common Misconceptions About User Experience Design10 Most Common Misconceptions About User Experience Design
10 Most Common Misconceptions About User Experience Design
 
Boxee NYC Meetup
Boxee NYC MeetupBoxee NYC Meetup
Boxee NYC Meetup
 
Evangelizing Yourself
Evangelizing YourselfEvangelizing Yourself
Evangelizing Yourself
 
Twitter At Interaction09
Twitter At Interaction09Twitter At Interaction09
Twitter At Interaction09
 

Kürzlich hochgeladen

20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 

Kürzlich hochgeladen (20)

20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 

Design Principles: The Philosophy of UX

  • 1. Design Principles: The Philosophy of UX Whitney Hess @whitneyhess http://whitneyhess.com whitney@whitneyhess.com
  • 2. Hi, I’m Whitney Hess User Experience Designer Consultant New Yorker @whitneyhess
  • 3. stakeholder interviews web analytics storyboards sketching surveys A/B testing prototyping flow diagrams What we usually talk about when we talk about UX wireframes scenarios sitemaps personas card sorts heuristic evaluation usability testing user research
  • 4. User Experience is the establishment of a philosophy about how to treat people
  • 5. Visual Design is the establishment of a philosophy about how to make an impact
  • 16. Unity
  • 17. Why principles? Consistency. Constraints. Shared vision. Objective evaluation.
  • 18. good design good experience
  • 21. good L e t ’s design do t h t o ge is the r = ! good experience
  • 23. Principles of Experience Design 1. Stay out of people’s way. 2. Create a hierarchy that matches people’s needs. 3. Limit distractions. 4. Provide strong information scent. 5. Provide signposts and cues. 6. Provide context. 7. Use constraints appropriately. 8. Make actions reversible. 9. Provide feedback. 10. Make a good first impression.
  • 24. 1. Stay out of people’s way
  • 25. 1. Stay out of people’s way
  • 26. 1. Stay out of people’s way
  • 27. 2. Create a hierarchy that matches people’s needs
  • 28. 2. Create a hierarchy that matches people’s needs
  • 29. 2. Create a hierarchy that matches people’s needs
  • 42. 7. Use constraints appropriately
  • 43. 7. Use constraints appropriately
  • 44. 7. Use constraints appropriately
  • 45. 8. Make actions reversible
  • 46. 8. Make actions reversible
  • 47. 8. Make actions reversible
  • 51. 10. Make a good first impression
  • 52. 10. Make a good first impression
  • 53. 10. Make a good first impression
  • 54. Logos consistency, logic Persuasion Ethos Pathos credibility, trust emotions, imagination
  • 55. Knowledge consistency, logic Purpose Ethics Empathy credibility, trust emotions, imagination
  • 58. “Ten principles that contribute to a Googley user experience” Focus on people – their lives, their work, their dreams. Every millisecond counts. Simplicity is powerful. Engage beginners and attract experts. Dare to innovate. Design for the world. Plan for today’s and tomorrow’s business. Delight the eye without distracting the mind. Be worthy of people‘s trust. Add a human touch.
  • 59. “Ten principles that contribute to a Googley user experience” Focus on people – their lives, their work, their dreams. Every millisecond counts. Simplicity is powerful. Engage beginners and attract experts. Dare to innovate. Design for the world. Plan for today’s and tomorrow’s business. Delight the eye without distracting the mind. Be worthy of people’s trust. Add a human touch. http://www.google.com/corporate/ux.html
  • 61. Facebook Design Principles Universal. Human. Clean. Consistent. Useful. Fast. Transparent.
  • 62. Facebook Design Principles Universal. Human. Clean. Consistent. Useful. Fast. Transparent. http://www.facebook.com/note.php?note_id=118951047792
  • 64. Windows User Experience Design Principles Reduce concepts to increase confidence. Small things matter, good and bad. Be great at “look” and “do”. Solve distractions, not discoverability. UX before knobs and questions. Personalization, not customization. Value the life cycle of the experience. Time matters, so build for people on the go.
  • 65. Windows User Experience Design Principles Reduce concepts to increase confidence. Small things matter, good and bad. Be great at “look” and “do”. Solve distractions, not discoverability. UX before knobs and questions. Personalization, not customization. Value the life cycle of the experience. Time matters, so build for people on the go. http://msdn.microso.com/en-us/library/dd834141.aspx
  • 67. Burning Man Keep good company. Notice the ordinary. Preserve the ephemeral. Design not for the elite but for the masses. Explain it to a child. Get lost in the content. Get to the heart of the matter. Never tolerate “OK anything.” Remember your responsibility as a storyteller. Zoom out. Switch. Prototype it. Pun. Make design your life… and life, your design. Leave something behind.
  • 68. Charles and Ray Eames Keep good company. Notice the ordinary. Preserve the ephemeral. Design not for the elite but for the masses. Explain it to a child. Get lost in the content. Get to the heart of the matter. Never tolerate “OK anything.” Remember your responsibility as a storyteller. Zoom out. Switch. Prototype it. Pun. Make design your life… and life, your design. Leave something behind. http://www.amazon.com/Fieen-ﬔings-Charles-Ray-Teach/dp/193031700X
  • 69. Burning Man Radical Inclusion. Giing. Decommodification. Radical Self-reliance. Radical Self-expression. Communal Effort. Civic Responsibility. Leaving No Trace. Participation. Immediacy.
  • 70. Burning Man Radical Inclusion. Giing. Decommodification. Radical Self-reliance. Radical Self-expression. Communal Effort. Civic Responsibility. Leaving No Trace. Participation. Immediacy. http://www.burningman.com/whatisburningman/about_burningman/principles.html
  • 71. ﬔe Starbucks Experience Make it your own. Everything matters. Surprise and delight. Embrace resistance. Leave your mark.
  • 72. ﬔe Starbucks Experience Make it your own. Everything matters. Surprise and delight. Embrace resistance. Leave your mark. http://www.starbucksexperience.net/excerpts.html
  • 74. Steps to Craing Your Own Design Principles 1. Research available principles for competitors and related organizations (even aspirational) 2. Gather, list and print out the business goals, user needs and brand attributes 3. Brainstorm with key collaborators across capabilities and functions 4. Narrow down to no more than 10, preferably 7 5. Ensure they don’t conflict or overlap 6. Ensure they’re pithy and memorable
  • 75. 1. Does it come directly from research? 2. Does it help you say ‘No’ most of the time? 3. Does it distinguish your design from your competitors’? 4. Is it something you might reverse in a future release? 5. Have you evaluated it for this project? 6. Is its meaning constantly tested? http://www.uie.com/articles/creating-design-principles/
  • 76. When to Use Your Design Principles 1. During the project kickoff meeting 2. When prioritizing features 3. Brainstorming sessions 4. Design critiques 5. Stakeholder presentations 6. Resolving conflict 7. Postmortems 8. Web metrics analysis
  • 77. User Experience is the establishment of a philosophy about how to treat people
  • 80. ﬔank you. Whitney Hess @whitneyhess http://whitneyhess.com whitney@whitneyhess.com

Hinweis der Redaktion

  1. I’ve got a lot I want to talk about today, so let’s jump in.\n
  2. If you want to tweet at me, I’m @whitneyhess\n\nAs a consultant, I spend a lot of time thinking about UX, talking about UX, teaching my clients what I know and trying to learn more to do the best job for them that I can.\n
  3. Methods. Deliverables. Process.\n
  4. A way of behaving as an organization and a vision for how your constituents should be treated\n
  5. Now what that impact is naturally varies from situation to situation.\n\nBut there’s a fairly commonly known set of principles about how to create impactful designs.\n
  6. They might not be things we commonly discuss or critique on, and we may not formally articulate what they are at all. But they are defined standards, or principles.\n\nPrinciple: a rule or belief governing our behavior. It’s the foundation of a philosophy for creating impact.\n\nContrast. Emphasis. Variety. Balance. Proportion. Repetition. Movement. Texture. Harmony. Unity.\n
  7. Contrast occurs when two elements are different, using size, value, color, and type.\n\nWork at Play\n
  8. Emphasis provides the focal point for the piece.\n\nJason Santa Maria\n
  9. The complement to unity and is needed to create visual interest.\n\nGirl Scouts of Middle Tennessee by James Mathias\n
  10. The psychological sense of equilibrium, distributing weighs in the space\n
  11. The relationship between sizes - scale.\n\nComplete Washroom Solutions\n
  12. Sometimes called Rhythm. Repetition or alternation of elements, often with defined intervals between them.\n\nAdaptd\n
  13. Give the feeling of action to guide the viewer's eyes.\n\nNew Deal Festival\n
  14. It defines the surface of objects. While in Web design, texture is purely visual, it can imply a tactile sensation as well.\n\nDesign Sponge\n
  15. Using similar elements throughout the work. All parts relate to and complement each other.\n\nNeutron Creations by Elliot Jay Stocks\n
  16. All components of a layout work as a single piece. Tie the composition together, to give it a sense of wholeness\n\nTypographica\n
  17. The purpose of agreed upon principles is to have some basis for your design decisions. \n\nAre our designs successful? Do they communicate well? Are they telling the story we want them to tell of our brand or organizations. Ultimately: is the design good?\n\n
  18. But a good design does not automatically equal a good experience. \n\nWhat we consider to be beautiful or well composed or visually impactful doesn’t always work, or help people do better work, or live better, or make them happy.\n\nWe create designs that are meant to be used over time, that real people interact with in real time. I think we spend an inordinate amount of time concerned with the quality of our designs but not with the quality of the experiences they create.\n\nFor example...[next]\n
  19. The Power Mac G4 Cube. It was beautiful. It was innovative. It was a space saver. It was chic. It was silent, because it didn’t have a cooling fan. \n\nBut because it didn’t have a fan, you couldn’t put it up against the wall; it had to sit in the middle of your desk. The power switch was on the top of the Cube. \n\nSwipe it by accident and the Cube would shut down. If you set it down the wrong way, the case cracked at the screws. Not a good experience after all.\n\nAnother example of good design not equalling good experience... \n
  20. How do we measure the effectiveness of our designs over the passage of time, BEYOND their initial impact?\n\n
  21. Good design CAN equal good experience. My determination to make this a reality is the reason I get up every morning. But I need your help.\n
  22. I want to propose a set of principles for designing experiences that I consider to be universally applicable.\n\nThis is my personal mantra for all of the work that I do, and I hope you can make it yours as well.\n
  23. I’ll go one by one to show where these principles ARE and are NOT being followed to explain them in further detail.\n
  24. I collect photos of experience fails, and a friend sent this to me from a parking garage. Yes, fire safety is important. Crucial even. But 99.99% of the time, people are just trying to go upstairs.\n\n
  25. Now on the other hand, here’s a win...this is at the amazing Stone Brewery just outside San Diego. They have reserved parking for common activities that they know don’t take much time, so why waste your time looking for a parking spot -- the place is always packed.\n\nAnd at the same time they’re giving you a cue as to how long to expect either of these to take.\n
  26. On the web.... Tumblr -- get in, get out, get going. If you’re looking for education, you can go get it, but it doesn’t assume you need it so it isn’t thrust in your face. Additionally, the whole page layout adjusts as the user resizes the browser window. It’s listening.\n\nWhen someone is trying to get something done, they’re on a mission. Don’t interrupt them unnecessarily, don’t set up obstacles for them to overcome, just pave the road for an easy ride. Your designs should have intentional and obvious paths, and should allow people to complete tasks quickly and freely.\n
  27. I suppose you can take solace in the fact that American Airlines creates as poor an experience for their staff as they do their customers.\n\n
  28. Now on the other hand... I spotted this at a nursing home. It’s the Honeywell Easy-to-See Thermostat. It’s just a plate that pops on top of the thermostat to make the numbers easier to read.\n\n
  29. On the web....Dramatic difference in font sizes around the page, highlights behind the most crucial piece of information -- the amount of money saved. Icons at the top are in order of frequency of use, from left to right. In the filters on the left, APR is prioritized above Reward Type, or Issuer.\n\n…by giving the most crucial elements the greatest prominence. Hierarchy is a combination of several dimensions to aid in the processing of information, such as color, size, position, contrast, shape, proximity to like items, etc. Not only must a page be well organized so that it’s easy to scan, but the prioritization of information and functionality ought to mimic real world usage scenarios. Don’t make the most commonly used items the furthest out of reach.\n
  30. People shopping for condoms don't need to spoil the mood by seeing a pregnancy test. and people shopping for a pregnancy test don't need to be reminded that they didn't use a condom. and worst of all, the feminine deodorant spray at the bottom.\n\n
  31. Now on the other hand... I passed by a pharmacy in Paris that was closed on a Sunday.... and they’re smart enough to offer a condom vending machine OUTSIDE the store.\n\n
  32. Wanderfly so gets this right. You go there to book travel, and they take you down one simple path. It’s totally self-contained.\n\nIt’s a myth that people can multitask. They end up giving less attention to both tasks and the quality of the interaction suffers. An effective design allows people to focus on the task at hand without having their attention diverted to less critical tasks. Design for tasks to be carried out consecutively instead of concurrently in order to keep people in the moment.\n
  33. How many types of orange juice do you see in this picture?\n\nTHERE ARE 5 DIFFERENT VARIATIONS HERE. \n\n
  34. I passed by this store, never having heard of it before, and noticed that the essentially have their entire inventory pasted up on their window. Given that the store is very minimalistic, this really catches the eye and helps to explain what’s available there without having to go in.\n
  35. Quora does a great job of this with their suggestive search. It’s got apples and oranges in there, but it shows an avatar for a profile, and tags for the question. Actively helping you to choose the right one.\n\nPeople don’t like to guess. When they click around your site or product, they aren’t doing so haphazardly; they’re trying to follow their nose. If what they find when they get there isn’t close to what they predicted, chances are they’re going to give up and go elsewhere. Make sure that you use clear language and properly set expectations so that you don’t lead people down the wrong path.\n
  36. Near my old apartment, I used to walk past this building every day. This is on the outside of the building, and each bell rings a different apartment. I am not shitting you, this is real. West Broadway between Murray St and Warren St, you can go see for yourself.\n
  37. This is the very first Barnes & Noble in NYC, on 18th St and Fifth Avenue. There’s a guy at the front of the store behind an information booth. You tell him what you’re looking for, and he tells you which line to follow. It’s particularly helpful because it isn’t like the newer Barnes & Nobles that are all open, this store is actually quite a maze.\n
  38. Just a basic ecommerce site that’s doing this world’s better than most. Everything is appropriately highlighted. Top nav item.....[point]... I mean, it’s 2011. This should be standard, but it isn’t.\n\nNever let people get lost. Signposts are one of the most important elements of any experience, especially one on the web where there are an infinite number of paths leading in all directions. The design should keep people aware of where they are within the overall experience at all times in a consistent and clear fashion. If you show them where they came from and where they’re going, they’ll have the confidence to sit back and relax and enjoy the ride.\n
  39. Left Happy Cog office in Philly with Ethan Marcotte after a full-day meeting. Had 5 minutes to make my train, but I was starving. Should I wait?\n\n
  40. Pret A Manger in London Healthrow Airport. They’re being upfront about the extra fee they’re required to charge you, and displaying it in the most appropriate context possible -- on the register.\n
  41. This is Airbnb, one of my latest obsessions. Everything you need to know about a listing is all here in one snapshot.\n\nContext sets the stage for a successful delivery. By communicating how everything interrelates, people are much more likely to understand the importance of what they’re looking at. Ensure that the design is self-contained and doesn’t break people out of the experience except for when it’s entirely necessary to communicate purpose.\n
  42. I don’t know about you, but once I’ve used the toilet paper, I flush it down the toilet it. If their toilets can’t handle such things, they need to get new toilets, not try to encourage me do something else with the toilet paper. Like...take it out of the stall with me and throw it out?\n
  43. We’ve got a bathroom theme going here. You can’t really see from this image what’s so great about this design and how it fulfills the principle. But I’m assuming you’ve all been in an airplane lavatory at some point? The lock also turns the light on, thus ensuring that you’ll remember to lock the door and save you from the embarrassment of someone walking in on you -- and it prevents you from not turning the light off when you leave.\n
  44. Also on an airplane... I just love this. It isn’t pretty, but it’s refreshingly helpful. Don’t you hate when the plane lands before you find out who did it?\n\nPreventing error is a lot better than just recovering from it. If you know ahead of time that there are certain restrictions on data inputs or potential dead ends, stop people from going down the wrong road. By proactively indicating what is not possible, you help to establish what is possible, and guide people to successful interactions. But make sure the constraints are worthwhile — don’t be overly cautious or limiting when it’s just to make things easier for the machine.\n
  45. Do we have any Glee fans in the house?\n\nI’m pretty much giddy that I got a Glee reference in this presentation. For those of who who don’t watch, the character’s name is Sue SYLVESTER.\n
  46. Where are my New Yorkers at? We’re the last state in the union to still use a lever voting machine. They’re taking them away from us and the new ballots are PAPER and they’re ATROCIOUS. Ask Dana Chisnell for more info.\n\nIn any case, even though there are plenty of problems with the lever machines -- like no paper trail -- the best thing about them is you can take your time to decide. You turn the knobs and when you’re sure you’re done, you flip the lever. On the paper one...\n
  47. Remember the Milk... my lifesaver. Any time you complete or edit or delete a task, it shows you this confirmation message and lets you Undo.\n\nThere is no such thing as a perfect design. No one and nothing can prevent all errors, so you’re going to need a contingency plan. Ensure that if people make mistakes (either because they misunderstood the directions or mistyped or were misled by you), they are able to easily fix them. Undo is probably the most powerful control you can give a person — if only we had an undo button in life.\n
  48. Anyone here with asthma or use an inhaler? How do you know when it’s empty? .... You often find out it’s empty at the worst possible time.\n
  49. I was baking cookies and tore a sheet of wax paper out of its carton, and this was on it.\n
  50. On Hipmunk, when you’re waiting for your flights to load, you get a notification that it’s working as well as a tip on how to better use the interface to meet your needs.\n\n…tell them why they’re waiting. Tell them that you’re working. Tell them you heard them and offer the next step along their path. Design is not a monologue, it’s a conversation.\n
  51. This doesn’t exactly inspire confidence. The doors swing in different directions despite having the same exact handles. Oh, and I love that they’re open at 11am every 3rd Thursday. Who the hell knows when it’s the 3rd Thursday of the month? Because I don’t.\n
  52. This is at the train station in Philadelphia again. I’d never seen a restroom with a mission statement before -- or since. [READ IT] Now, I have to admit that it wasn’t exactly clean in there. But they really WANTED IT to be. So I was more tolerant of it. And really who wants to use a restroom at a train station? I know I don’t. But this made me feel like it would be okay.\n
  53. Vimeo has one of the best first time user experiences I know. It’s just so simple: “Welcome, you’re new, aren’t you?” But how good does it make you feel that they noticed?\n\nYou don’t get a second chance! Designing a digital experience is really no different than establishing a set of rules for how to conduct yourself in a relationship. You want to make people feel comfortable when you first meet them, you want to set clear expectations about what you can and can’t offer, you want to ease them into the process, you want to be attractive and appealing and strong and sensible. Ultimately you want to ensure that they can see themselves with you for a long time.\n.........So these are my 10 principles for experience design....\n
  54. The basis for all of my principles is essentially Aristotle’s modes of persuasion -- though I didn’t realize it until after the fact. Sometimes this is called the Rhetorical Triangle.\n
  55. Or put another way....\n
  56. Are universal principles enough to achieve that purpose? Since all of our companies have different purposes, probably not.\n\nEvery project has its own goals -- whether you’re clear on what they are or not -- and these 10 principles might not get you all of the way there.\n\nYou can create your own.\n
  57. There are a few companies out there who have done the work to define their principles and publish them publicly as a means to differentiate themselves in the market.\n\nI’ll show you the principles and see if you can guess who the company is.\n
  58. [READ THE PRINCIPLES]\nAsk: Does anyone know what company this is?\n
  59. \n
  60. How are they doing at designing to their principles?\n\nI see speed. Beginner vs. expert. Little distraction. Trustworthiness. I’m not sure what else.\n
  61. Does anyone know whose these are?\n
  62. How do you think they’re doing at them?\n
  63. Do you see those principles enacted here?\n
  64. This is a doozy.\n\nWho is it?\n
  65. How are they doing?\n
  66. I’d argue that they probably don’t have their principles posted up in their cubicles.\n
  67. Now....Guiding Principles aren’t only for tech companies. Can you guess whose principles these are?\n
  68. Arguably the most famous designers of the 20th century had their own principles to measure against.\n
  69. Can you guess what organization this is?\n
  70. They’re clear on the kind of experience they’re trying to create, and anyone who has been would say that there’s very much a shared experience there year after year.\n
  71. This company teaches the leaders at its outposts that this is how they should approach designing experiences for their customers...\n
  72. Embrace resistance... Don’t you love that one? I would’ve loved to have been in the boardroom for that one.\n
  73. Without principles we don't know what we're trying to achieve, and how we'll know when we achieved it.\n
  74. [Read]\n
  75. Jared Spool at UIE recently published his tips for pressure testing your design principles\n
  76. Once you have them, when should you use them? In short, always. But more specifically...\n
  77. Design principles are the definition of our philosophy about how we as a company, and as a community, want to treat people.\n
  78. This says everything about how they want to treat their customers\n
  79. This is what I hope we’re all really doing here.\n
  80. Thank you for listening\n