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

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

Post on 17-Aug-2014

16.106 views

Category:

Design

1 download

Embed Size (px)

DESCRIPTION

 

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
  • stakeholder interviewsweb analytics storyboards sketching surveys A/B testing prototyping ow diagrams What 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
  • goodL e t s design do t ht o ge is the r = ! good experience
  • Principles ofExperience Design
  • Principles of Experience Design 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
  • 1. Stay out of peoples way
  • 2. Create a hierarchy thatmatches peoples needs
  • 2. Create a hierarchy thatmatches peoples needs
  • 2. Create a hierarchy thatmatches peoples needs
  • 2. Create a hierarchy thatmatches peoples needs
  • 3. Limit distractions
  • 3. Limit distractions
  • 3. Limit distractions
  • 3. Limit distractions
  • 4. Provide stronginformation scent
  • 4. Provide stronginformation scent
  • 4. Provide stronginformation scent
  • 4. Provide stronginformation scent
  • 5. Provide signposts and cues
  • 5. Provide signposts and cues
  • 5. Provide signposts and cues
  • 5. Provide signposts and cues
  • 6. Provide context
  • 6. Provide context
  • 6. Provide context
  • 6. Provide context
  • 7. Use constraints appropriately
  • 7. Use constraints appropriately
  • 7. Use constraints appropriately
  • 7. Use constraints appropriately
  • 8. Make actions reversible
  • 8. Make actions reversible
  • 8. Make actions reversible
  • 8. Make actions reversible
  • 9. Provide feedback
  • 9. Provide feedback
  • 9. Provide feedback
  • 9. Provide feedback
  • 10. Make a good rst impression
  • 10. Make a good rst impression
  • 10. Make a good rst impression
  • 10. Make a good rst impression
  • Logos consistency, logic Persuasion Ethos Pathoscredibility, trust emotions, imagination
  • Knowledge consistency, logic Purpose Ethics Empathycredibility, trust emotions, imagination
  • Areuniversal principles enough?
  • Design principles forcompanies you know
  • 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 todays and tomorrows business. Delight the eye without distracting the mind. Be worthy of peoples trust. Add a human touch.
  • 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 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 go.
  • 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 go. http://msdn.microso.com/en-us/library/dd834141.aspx
  • 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.
  • 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/Fieen-ings-Charles-Ray-Teach/dp/193031700X
  • Burning Man Radical Inclusion. Giing. Decommodication. Radical Self-reliance. Radical Self-expression. Communal Eort. Civic Responsibility. Leaving No Trace. Participation. Immediacy.
  • Burning Man Radical Inclusion. Giing. Decommodication. Radical Self-reliance. Radical Self-expression. Communal Eort. 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
  • Guiding principles for universities
  • University of ColoradoEncourage and provide access to the Encourage and support innovation anduniversity for all qualied students within entrepreneurship at all levels of thethe universitys 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.universitys human, physical, nancial, 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 stadiversity 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
  • University of PortlandA strategic means for providing a Enable administrators, faculty, students, andcommunications environment that enables open sta to execute appropriate administrativeand participatory relationships among all processes and generate strategic informationUniversity constituencies, both internal and more directly and more eectively.external. Promote user self-suciency and supportEnhance education and the personally ecient University operations to enable morebroadening benets of a University of Portland eective 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...