SlideShare a Scribd company logo
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
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
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
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
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

More Related Content

What's hot

Product Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product DevelopmentProduct Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product Development
Volodymyr Melnyk
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UX
Bart Van Hecke
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
Jasmine Phan
 
Introduction to UX Research
Introduction to UX ResearchIntroduction to UX Research
Introduction to UX Research
Josh (Adi Tedjasaputra)
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
CHI UX Indonesia
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
aayush_jain_87
 
UX/UI design
UX/UI designUX/UI design
UX/UI design
deorwine infotech
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience Workshop
Motivate Design
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
Joan Lumanauw
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
Bruno Mendes
 
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
Morgan McKeagney
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
DMI
 
What is UX Design?
What is UX Design?What is UX Design?
What is UX Design?
Baris Erkol
 
UX Lesson 4: Task & Feature Analysis
UX Lesson 4: Task & Feature AnalysisUX Lesson 4: Task & Feature Analysis
UX Lesson 4: Task & Feature Analysis
Joan Lumanauw
 
1. Design - Intro UIUX Design.pdf
1. Design - Intro UIUX Design.pdf1. Design - Intro UIUX Design.pdf
1. Design - Intro UIUX Design.pdf
JejeCans
 
A (Brief) History of User Experience
A (Brief) History of User ExperienceA (Brief) History of User Experience
A (Brief) History of User Experience
Chris Pallé
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
Inova LLC
 
Easy UX Process Steps Must follow by every UX Designer
Easy UX Process Steps Must follow by every UX Designer Easy UX Process Steps Must follow by every UX Designer
Easy UX Process Steps Must follow by every UX Designer
Think 360 Studio
 
UI / UX Design Processes
UI / UX Design ProcessesUI / UX Design Processes
UI / UX Design Processes
Muhammad Hijazi
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
Peeyush Sahu CAPM®
 

What's hot (20)

Product Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product DevelopmentProduct Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product Development
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UX
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
Introduction to UX Research
Introduction to UX ResearchIntroduction to UX Research
Introduction to UX Research
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
 
UX/UI design
UX/UI designUX/UI design
UX/UI design
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience Workshop
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not 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
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
What is UX Design?
What is UX Design?What is UX Design?
What is UX Design?
 
UX Lesson 4: Task & Feature Analysis
UX Lesson 4: Task & Feature AnalysisUX Lesson 4: Task & Feature Analysis
UX Lesson 4: Task & Feature Analysis
 
1. Design - Intro UIUX Design.pdf
1. Design - Intro UIUX Design.pdf1. Design - Intro UIUX Design.pdf
1. Design - Intro UIUX Design.pdf
 
A (Brief) History of User Experience
A (Brief) History of User ExperienceA (Brief) History of User Experience
A (Brief) History of User Experience
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
Easy UX Process Steps Must follow by every UX Designer
Easy UX Process Steps Must follow by every UX Designer Easy UX Process Steps Must follow by every UX Designer
Easy UX Process Steps Must follow by every UX Designer
 
UI / UX Design Processes
UI / UX Design ProcessesUI / UX Design Processes
UI / UX Design Processes
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 

Similar to Design Principles: The Philosophy of UX

Designprinciples
DesignprinciplesDesignprinciples
Designprinciples
Vera Kovaleva
 
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
Whitney 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 developers
Nick 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 thinking
Abhinav 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 agencies
Bruno 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 Playing
Joud 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: Wireframe
Gessica 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 Research
SolutionStream
 
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
Adam Connor
 
(Design) Principles To Build By
(Design) Principles To Build By(Design) Principles To Build By
(Design) Principles To Build By
Stephen Anderson
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
Ashwani Dhingra
 
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
Richard O'Brien
 
Startup Institute: UX & User-Centered Design
Startup Institute: UX & User-Centered DesignStartup Institute: UX & User-Centered Design
Startup Institute: UX & User-Centered Design
Conor Sheehan
 
International Innovation for AURA
International Innovation for AURAInternational Innovation for AURA
International Innovation for AURA
Nick Coates
 
Design Thinking as new strategic tool
Design Thinking as new strategic toolDesign Thinking as new strategic tool
Design Thinking as new strategic tool
Paula Buit
 

Similar to 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
 

More from Whitney Hess

Empathy is an Inside Job
Empathy is an Inside JobEmpathy is an Inside Job
Empathy is an Inside Job
Whitney 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 Relationships
Whitney Hess
 
The Integral Designer: Developing You
The Integral Designer: Developing YouThe Integral Designer: Developing You
The Integral Designer: Developing You
Whitney 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 Projects
Whitney Hess
 
DIY UX - Higher Ed
DIY UX - Higher EdDIY UX - Higher Ed
DIY UX - Higher Ed
Whitney Hess
 
Creating a Culture of UX
Creating a Culture of UXCreating a Culture of UX
Creating a Culture of UX
Whitney Hess
 
Transcending Our Tribe
Transcending Our TribeTranscending Our Tribe
Transcending Our Tribe
Whitney 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 Design
Whitney Hess
 
Boxee NYC Meetup
Boxee NYC MeetupBoxee NYC Meetup
Boxee NYC Meetup
Whitney Hess
 
Evangelizing Yourself
Evangelizing YourselfEvangelizing Yourself
Evangelizing Yourself
Whitney Hess
 
Twitter At Interaction09
Twitter At Interaction09Twitter At Interaction09
Twitter At Interaction09
Whitney Hess
 

More from 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
 

Recently uploaded

Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
MichaelKnudsen27
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
Zilliz
 
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
saastr
 
Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...
Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...
Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...
Tatiana Kojar
 
Serial Arm Control in Real Time Presentation
Serial Arm Control in Real Time PresentationSerial Arm Control in Real Time Presentation
Serial Arm Control in Real Time Presentation
tolgahangng
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Safe Software
 
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-EfficiencyFreshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
ScyllaDB
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
innovationoecd
 
JavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green MasterplanJavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green Masterplan
Miro Wengner
 
5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides
DanBrown980551
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
Zilliz
 
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
alexjohnson7307
 
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
Zilliz
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc
 
Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |
AstuteBusiness
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
shyamraj55
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
panagenda
 
AWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptxAWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptx
HarisZaheer8
 
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
Chart Kalyan
 
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process MiningTrusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
LucaBarbaro3
 

Recently uploaded (20)

Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
 
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
 
Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...
Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...
Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...
 
Serial Arm Control in Real Time Presentation
Serial Arm Control in Real Time PresentationSerial Arm Control in Real Time Presentation
Serial Arm Control in Real Time Presentation
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
 
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-EfficiencyFreshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
 
JavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green MasterplanJavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green Masterplan
 
5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
 
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
 
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
 
Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
 
AWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptxAWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptx
 
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
 
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process MiningTrusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
 

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
  • 19.
  • 20.
  • 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
  • 60.
  • 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
  • 63.
  • 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
  • 66.
  • 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

Editor's Notes

  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