Your SlideShare is downloading. ×
0
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Design Principles: The Philopsohy of UX –- Higher Ed Edition

16,218

Published on

4 Comments
63 Likes
Statistics
Notes
No Downloads
Views
Total Views
16,218
On Slideshare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
413
Comments
4
Likes
63
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  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 interviewsweb 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 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. goodL e t ’s design do t ht o ge is the r = ! good experience
  20. Principles ofExperience Design
  21. 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.
  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. 1. Stay out of people’s way
  26. 2. Create a hierarchy thatmatches people’s needs
  27. 2. Create a hierarchy thatmatches people’s needs
  28. 2. Create a hierarchy thatmatches people’s needs
  29. 2. Create a hierarchy thatmatches people’s needs
  30. 3. Limit distractions
  31. 3. Limit distractions
  32. 3. Limit distractions
  33. 3. Limit distractions
  34. 4. Provide stronginformation scent
  35. 4. Provide stronginformation scent
  36. 4. Provide stronginformation scent
  37. 4. Provide stronginformation scent
  38. 5. Provide signposts and cues
  39. 5. Provide signposts and cues
  40. 5. Provide signposts and cues
  41. 5. Provide signposts and cues
  42. 6. Provide context
  43. 6. Provide context
  44. 6. Provide context
  45. 6. Provide context
  46. 7. Use constraints appropriately
  47. 7. Use constraints appropriately
  48. 7. Use constraints appropriately
  49. 7. Use constraints appropriately
  50. 8. Make actions reversible
  51. 8. Make actions reversible
  52. 8. Make actions reversible
  53. 8. Make actions reversible
  54. 9. Provide feedback
  55. 9. Provide feedback
  56. 9. Provide feedback
  57. 9. Provide feedback
  58. 10. Make a good first impression
  59. 10. Make a good first impression
  60. 10. Make a good first impression
  61. 10. Make a good first impression
  62. Logos consistency, logic Persuasion Ethos Pathoscredibility, trust emotions, imagination
  63. Knowledge consistency, logic Purpose Ethics Empathycredibility, trust emotions, imagination
  64. Areuniversal principles enough?
  65. Design principles forcompanies you know
  66. “Ten principles that contributeto 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.
  67. “Ten principles that contributeto 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
  68. Facebook Design Principles Universal. Human. Clean. Consistent. Useful. Fast. Transparent.
  69. Facebook Design Principles Universal. Human. Clean. Consistent. Useful. Fast. Transparent. http://www.facebook.com/note.php?note_id=118951047792
  70. 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 go.
  71. 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 go. http://msdn.microso.com/en-us/library/dd834141.aspx
  72. Burning ManKeep 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.
  73. 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
  74. Burning Man Radical Inclusion. Giing. Decommodification. Radical Self-reliance. Radical Self-expression. Communal Effort. Civic Responsibility. Leaving No Trace. Participation. Immediacy.
  75. 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
  76. ﬔe Starbucks Experience Make it your own. Everything matters. Surprise and delight. Embrace resistance. Leave your mark.
  77. ﬔe Starbucks Experience Make it your own. Everything matters. Surprise and delight. Embrace resistance. Leave your mark. http://www.starbucksexperience.net/excerpts.html
  78. Guiding principles for universities
  79. University of ColoradoEncourage and provide access to the Encourage and support innovation anduniversity for all qualified students within entrepreneurship at all levels of thethe university’s capacity. university including research and creative activities.Maintain a commitment to excellence. Strive to meet the needs of the State ofPromote and uphold the principles of Colorado, including health care,ethics, integrity, transparency, and technology, work force training, and civicaccountability. literacy. Ensure that the university is anBe conscientious stewards of the economic, social, and cultural catalyst.university’s human, physical, financial, Support and encourage collaborationinformation, and natural resources. amongst departments and campuses, andEncourage, honor, and respect teaching, between the university and otherlearning, and academic culture. educational institutions to improve our communities.Promote faculty, student, and staffdiversity to ensure the rich interchange Provide an outstanding, respectful, andof ideas in the pursuit of truth and responsive living, learning, teaching, andlearning, including diversity of political, working environment.geographic, cultural, intellectual, and Focus on meaningful measurable results.philosophical perspectives. https://www.cu.edu/content/missionandguidingprinciplesuniversitycolorado
  80. University of PortlandA strategic means for providing a Enable administrators, faculty, students, andcommunications environment that enables open staff to execute appropriate administrativeand participatory relationships among all processes and generate strategic informationUniversity constituencies, both internal and more directly and more effectively.external. Promote user self-sufficiency and supportEnhance education and the personally efficient University operations to enable morebroadening benefits of a University of Portland effective use of resources.education. Amplify avenues of instruction in all aspectsContribute to achieving balanced social, of teaching and learning.personal, and cognitive development. Community members should adhere to aPromote and support an environment that standards-based technology environment forencourages teamwork among all constituencies. non-specialized academic and administrative needs.Governance structure that involves theUniversity’s executive leadership, provides for Standards-based environment should beongoing academic and administrative ownership systematically enhanced, supported,of technology issues, and that is charged with maintained, and assessed.overseeing the continued alignment of Capture University generated learning,information technology with institutional goals, is research, scholarship and team projects.vital to the success of a strategic plan forinformation technology. http://www.up.edu/is/default.aspx?cid=3534&pid=249
  81. Towson University Create and serve… An engine of change… Responsible growth… Strength within… An institution of unlimited boundaries… A timeless experience... A sharing partner… Diverse and inclusive… Able to meet the future… http://www.towson.edu/main/abouttu/strategic/guidingprinciples.asp
  82. What areyour organization’s principles?
  83. Steps to Craing YourOwn Design Principles1. Research available principles for competitors and related organizations (even aspirational)2. Gather, list and print out the business goals, user needs and brand attributes3. Brainstorm with key collaborators across capabilities and functions4. Narrow down to no more than 10, preferably 75. Ensure they don’t conflict or overlap6. Ensure they’re pithy and memorable
  84. 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/
  85. When to Use YourDesign Principles1. During the project kickoff meeting2. When prioritizing features3. Brainstorming sessions4. Design critiques5. Stakeholder presentations6. Resolving conflict7. Postmortems8. Web metrics analysis
  86. User Experience is the establishment of a philosophy about how to treat people
  87. Bathroom mirrorSeaport Boston Hotel
  88. Help peoplemake theirlives better
  89. ﬔank you. Whitney Hess @whitneyhess http://whitneyhess.comwhitney@whitneyhess.com

×