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?

UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for StartupsRichard Fang
 
Why You Need Someone Like me on Your Project
Why You Need Someone Like me on Your ProjectWhy You Need Someone Like me on Your Project
Why You Need Someone Like me on Your ProjectÉtienne Garbugli
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESJeremy Robinson
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignKoombea
 
Service Design Workshop: Designing the Customer Experience
Service Design Workshop: Designing the Customer ExperienceService Design Workshop: Designing the Customer Experience
Service Design Workshop: Designing the Customer ExperienceIngjerd Straand Jevnaker
 
Customer Journey Mapping and CX Research
Customer Journey Mapping and CX ResearchCustomer Journey Mapping and CX Research
Customer Journey Mapping and CX ResearchMarc Stickdorn
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience DesignRavi Bhadauria
 
How to Integrate UX and Agile
How to Integrate UX and AgileHow to Integrate UX and Agile
How to Integrate UX and AgileUserZoom
 
Designing and Driving UX Careers: A Framework for Empowering UX Teams (Ian Sw...
Designing and Driving UX Careers: A Framework for Empowering UX Teams (Ian Sw...Designing and Driving UX Careers: A Framework for Empowering UX Teams (Ian Sw...
Designing and Driving UX Careers: A Framework for Empowering UX Teams (Ian Sw...Rosenfeld Media
 
How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)Emerentiana Meicy
 
Design in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction designDesign in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction designAntonio De Pasquale
 
Personas Bootcamp - Where Product Meets User Needs
Personas Bootcamp - Where Product Meets User NeedsPersonas Bootcamp - Where Product Meets User Needs
Personas Bootcamp - Where Product Meets User NeedsMauricio Perez
 
Persona storytelling
Persona storytellingPersona storytelling
Persona storytellingDara Pressley
 

Was ist angesagt? (20)

UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
UI UX Design Presentation
UI UX Design Presentation UI UX Design Presentation
UI UX Design Presentation
 
Why You Need Someone Like me on Your Project
Why You Need Someone Like me on Your ProjectWhy You Need Someone Like me on Your Project
Why You Need Someone Like me on Your Project
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
 
UX and UI
UX and UIUX and UI
UX and UI
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
 
Service Design Workshop: Designing the Customer Experience
Service Design Workshop: Designing the Customer ExperienceService Design Workshop: Designing the Customer Experience
Service Design Workshop: Designing the Customer Experience
 
Customer Journey Mapping and CX Research
Customer Journey Mapping and CX ResearchCustomer Journey Mapping and CX Research
Customer Journey Mapping and CX Research
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
 
How to Integrate UX and Agile
How to Integrate UX and AgileHow to Integrate UX and Agile
How to Integrate UX and Agile
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
 
Designing and Driving UX Careers: A Framework for Empowering UX Teams (Ian Sw...
Designing and Driving UX Careers: A Framework for Empowering UX Teams (Ian Sw...Designing and Driving UX Careers: A Framework for Empowering UX Teams (Ian Sw...
Designing and Driving UX Careers: A Framework for Empowering UX Teams (Ian Sw...
 
How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)
 
Design in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction designDesign in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction design
 
Personas Bootcamp - Where Product Meets User Needs
Personas Bootcamp - Where Product Meets User NeedsPersonas Bootcamp - Where Product Meets User Needs
Personas Bootcamp - Where Product Meets User Needs
 
Persona storytelling
Persona storytellingPersona storytelling
Persona storytelling
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
UX Strategy Part-1
UX Strategy Part-1UX Strategy Part-1
UX Strategy Part-1
 

Ä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

How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimization100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimizationarrow10202532yuvraj
 
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdfPaige Cruz
 
UiPath Studio Web workshop series - Day 5
UiPath Studio Web workshop series - Day 5UiPath Studio Web workshop series - Day 5
UiPath Studio Web workshop series - Day 5DianaGray10
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
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
 
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
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
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
 
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
 
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
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?Juan Carlos Gonzalez
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 

Kürzlich hochgeladen (20)

How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimization100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimization
 
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
 
UiPath Studio Web workshop series - Day 5
UiPath Studio Web workshop series - Day 5UiPath Studio Web workshop series - Day 5
UiPath Studio Web workshop series - Day 5
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
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
 
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
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
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™
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
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)
 
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
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 

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