Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Design  Principles:The Philosophy of       UX    Whitney Hess          @whitneyhess     http://whitneyhess.com    whitney@...
Hi, I’m Whitney Hess User Experience Designer        Consultant        New Yorker      @whitneyhess
stakeholderweb analytics       storyboards         interviews  sketching             surveys           A/B testing        ...
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 ofVisual Design
Contrast
Emphasis
Variety
Balance
Proportion
Repetition
Movement
Texture
Harmony
Unity
Why principles?    Consistency.    Constraints.   Shared vision.Objective evaluation.
good design  goodexperience
L e t ’s         do t h                        good                       designt o ge           is         the r         ...
Principles of Experience   Design
Principles of Experience 1. Stay out of people’s way. 2. Create a hierarchy that matches people’s    needs. 3. Limit distr...
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 stronginformation scent
4. Provide stronginformation scent
4. Provide stronginformation scent
5. Provide signposts and
5. Provide signposts and
5. Provide signposts and
6. Provide context
6. Provide context
6. Provide context
7. Use constraints
7. Use constraints
7. Use constraints
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
10. Make a good first
10. Make a good first
Logos                     consistency, logic                     Persuasion  Ethos                                   Patho...
Knowledge                     consistency, logic                      Purpose                                          Emp...
Areuniversal principles     enough?
Design principles forcompanies you know
“Ten principles that        contributeFocus on people – their lives, their work, theirdreams.Every millisecond counts.Simp...
“Ten principles that        contributeFocus on people – their lives, their work, theirdreams.Every millisecond counts.Simp...
Facebook Design Principles          Universal.          Human.          Clean.          Consistent.          Useful.      ...
Facebook Design Principles          Universal.          Human.          Clean.          Consistent.          Useful.      ...
Windows User Experience   Design PrinciplesReduce concepts to increase confidence.Small things matter, good and bad.Be grea...
Windows User Experience   Design PrinciplesReduce concepts to increase confidence.Small things matter, good and bad.Be grea...
Burning ManKeep good company.Notice the ordinary.Preserve the ephemeral.Design not for the elite but for themasses.Explain...
Charles and RayKeep good company.Notice the ordinary.Preserve the ephemeral.Design not for the elite but for themasses.Exp...
Burning Man Radical Inclusion. Gifting. Decommodification. Radical Self-reliance. Radical Self- expression. Communal Effort...
Burning Man Radical Inclusion. Gifting. Decommodification. Radical Self-reliance. Radical Self- expression. Communal Effort...
The Starbucks  Make it your own.  Everything matters.  Surprise and delight.  Embrace resistance.  Leave your mark.
The Starbucks  Make it your own.  Everything matters.  Surprise and delight.  Embrace resistance.  Leave your mark.       ...
What areyour company’s  principles?
Steps to Crafting YourOwn Design Principles 1. Research available principles for    competitors and related organizations ...
1. Does it come directly from research?2. Does it help you say ‘No’ most of the time?3. Does it distinguish your design fr...
When to Use YourDesign Principles 1. During the project kickoff    meeting 2. When prioritizing features 3. Brainstorming ...
User Experience is the    establishment   of a philosophy    about how to     treat people
Bathroom mirrorSeaport Boston
Help peoplemake theirlives better
Thank you.      Whitney Hess      @whitneyhess http://whitneyhess.comwhitney@whitneyhess.com
Design Principles: The Philosophy of UX
Design Principles: The Philosophy of UX
Design Principles: The Philosophy of UX
Design Principles: The Philosophy of UX
Design Principles: The Philosophy of UX
Upcoming SlideShare
Loading in …5
×

Design Principles: The Philosophy of UX

164,550 views

Published on

The visual principles of harmony, unity, contrast, emphasis, variety, balance, proportion, repetition, texture and movement (and others) are widely recognized and practiced, even when they aren’t formally articulated. But creating a good design doesn’t automatically mean creating a good experience.

In order for us to cultivate positive experiences for our users, we need to establish a set of guiding principles for experience design. Guiding principles are the broad philosophy or fundamental beliefs that steer an organization, team or individual’s decision making, irrespective of the project goals, constraints, or resources.

Whitney will share a universally-applicable set of experience design principles that we should all strive to follow, and will explore how you can create and use your own guiding principles to take your site or product to the next level.

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. stakeholderweb analytics storyboards interviews sketching surveys A/B testing prototyping flow diagramsWhat we usually talk about when we talk about UX wireframes scenarios sitemaps personas card sorts heuristic evaluationusability 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
  6. Principles ofVisual Design
  7. Contrast
  8. Emphasis
  9. Variety
  10. Balance
  11. Proportion
  12. Repetition
  13. Movement
  14. Texture
  15. Harmony
  16. Unity
  17. Why principles? Consistency. Constraints. Shared vision.Objective evaluation.
  18. good design goodexperience
  19. L e t ’s do t h good designt o ge is the r ! =good experience
  20. Principles of Experience Design
  21. Principles of Experience 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.
  22. 1. Stay out of people’s way
  23. 1. Stay out of people’s way
  24. 1. Stay out of people’s way
  25. 2. Create a hierarchy that matches people’s needs
  26. 2. Create a hierarchy that matches people’s needs
  27. 2. Create a hierarchy that matches people’s needs
  28. 3. Limit distractions
  29. 3. Limit distractions
  30. 3. Limit distractions
  31. 4. Provide stronginformation scent
  32. 4. Provide stronginformation scent
  33. 4. Provide stronginformation scent
  34. 5. Provide signposts and
  35. 5. Provide signposts and
  36. 5. Provide signposts and
  37. 6. Provide context
  38. 6. Provide context
  39. 6. Provide context
  40. 7. Use constraints
  41. 7. Use constraints
  42. 7. Use constraints
  43. 8. Make actions reversible
  44. 8. Make actions reversible
  45. 8. Make actions reversible
  46. 9. Provide feedback
  47. 9. Provide feedback
  48. 9. Provide feedback
  49. 10. Make a good first
  50. 10. Make a good first
  51. 10. Make a good first
  52. Logos consistency, logic Persuasion Ethos Pathos emotions,credibility, trust imagination
  53. Knowledge consistency, logic Purpose Empath Ethicscredibility, trust yemotions, imagination
  54. Areuniversal principles enough?
  55. Design principles forcompanies you know
  56. “Ten principles that contributeFocus on people – their lives, their work, theirdreams.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.
  57. “Ten principles that contributeFocus on people – their lives, their work, theirdreams.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
  58. Facebook Design Principles Universal. Human. Clean. Consistent. Useful. Fast. Transparent.
  59. Facebook Design Principles Universal. Human. Clean. Consistent. Useful. Fast. Transparent. http://www.facebook.com/note.php?note_id=118951047792
  60. Windows User Experience Design PrinciplesReduce 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
  61. Windows User Experience Design PrinciplesReduce 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 http://msdn.microsoft.com/en-us/library/dd834141.aspx
  62. Burning ManKeep good company.Notice the ordinary.Preserve the ephemeral.Design not for the elite but for themasses.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 astoryteller.Zoom out.Switch.Prototype it.Pun.Make design your life… and life, your
  63. Charles and RayKeep good company.Notice the ordinary.Preserve the ephemeral.Design not for the elite but for themasses.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 astoryteller.Zoom out.Switch.Prototype it.Pun.Make design your life… and life, your http://www.amazon.com/Fifteen-Things-Charles-Ray-Teach/dp/193031700X
  64. Burning Man Radical Inclusion. Gifting. Decommodification. Radical Self-reliance. Radical Self- expression. Communal Effort. Civic Responsibility. Leaving No Trace. Participation. Immediacy.
  65. Burning Man Radical Inclusion. Gifting. 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
  66. The Starbucks Make it your own. Everything matters. Surprise and delight. Embrace resistance. Leave your mark.
  67. The Starbucks Make it your own. Everything matters. Surprise and delight. Embrace resistance. Leave your mark. http://www.starbucksexperience.net/excerpts.html
  68. What areyour company’s principles?
  69. Steps to Crafting YourOwn 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
  70. 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? http://www.uie.com/articles/creating-design-principles/
  71. When to Use YourDesign 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
  72. User Experience is the establishment of a philosophy about how to treat people
  73. Bathroom mirrorSeaport Boston
  74. Help peoplemake theirlives better
  75. Thank you. Whitney Hess @whitneyhess http://whitneyhess.comwhitney@whitneyhess.com

×