Design Principles: The Philosophy of UX

Download Design Principles: The Philosophy of UX

Post on 16-Aug-2014

79.073 views

Category:

Technology

25 download

DESCRIPTION

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 arent formally articulated. But creating a good design doesnt 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 individuals 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.

TRANSCRIPT

Design Principles:The Philosophy of UX Whitney Hess @whitneyhess http://whitneyhess.com whitney@whitneyhess.com Hi, Im Whitney Hess User Experience Designer Consultant New Yorker @whitneyhess stakeholderweb analytics storyboards interviews sketching surveys A/B testing prototyping ow diagramsWhat we usually talk about when we talk about UX wireframes scenarios sitemaps personas card sorts heuristic evaluationusability 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 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 ! =good experience Principles of Experience Design Principles of Experience 1. Stay out of peoples way. 2. Create a hierarchy that matches peoples 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 rst impression. 1. Stay out of peoples way 1. Stay out of peoples way 1. Stay out of peoples way 2. Create a hierarchy that matches peoples needs 2. Create a hierarchy that matches peoples needs 2. Create a hierarchy that matches peoples 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 rst 10. Make a good rst 10. Make a good rst Logos consistency, logic Persuasion Ethos Pathos emotions,credibility, trust imagination Knowledge consistency, logic Purpose Empath Ethicscredibility, trust yemotions, imagination Areuniversal principles enough? Design principles forcompanies you know 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 todays and tomorrows business.Delight the eye without distracting the mind.Be worthy of peoples trust.Add a human touch. 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 todays and tomorrows business.Delight the eye without distracting the mind.Be worthy of peoples 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 PrinciplesReduce concepts to increase condence.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 Windows User Experience Design PrinciplesReduce concepts to increase condence.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 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 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 Burning Man Radical Inclusion. Gifting. Decommodication. Radical Self-reliance. Radical Self- expression. Communal Effort. Civic Responsibility. Leaving No Trace. Participation. Immediacy. Burning Man Radical Inclusion. Gifting. Decommodication. Radical Self-reliance. Radical Self- expression. Communal Effort. Civic Responsibility. Leaving No Trace. Participation. Immediacy. http://www.burningman.com/whatisburningman/about_burningman/principles.html 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. http://www.starbucksexperience.net/excerpts.html What areyour companys principles? 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 dont conict or overlap 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/ 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 conict 7. Postmortems 8. Web metrics analysis 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