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

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 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

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 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 ﬁrst impression.

1. Stay out of people’s way

2. Create a hierarchy thatmatches people’s needs

3. Limit distractions

4. Provide stronginformation 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

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 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 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

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 conﬁdence.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 conﬁdence.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/Fieen-ﬔings-Charles-Ray-Teach/dp/193031700X

Burning Man Radical Inclusion. Giing. Decommodiﬁcation. Radical Self-reliance. Radical Self-expression. Communal Eﬀort. Civic Responsibility. Leaving No Trace. Participation. Immediacy.

Burning Man Radical Inclusion. Giing. Decommodiﬁcation. Radical Self-reliance. Radical Self-expression. Communal Eﬀort. 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 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

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

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

What areyour organization’s principles?

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 conﬂict or overlap6. 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 YourDesign Principles1. During the project kickoﬀ meeting2. When prioritizing features3. Brainstorming sessions4. Design critiques5. Stakeholder presentations6. Resolving conﬂict7. Postmortems8. Web metrics analysis

User Experience is the establishment of a philosophy about how to treat people

Bathroom mirrorSeaport Boston Hotel

Help peoplemake theirlives better

ﬔank you. Whitney Hess @whitneyhess http://whitneyhess.comwhitney@whitneyhess.com

http://uxi.org.il	2505
http://pierg.wordpress.com	177
http://ayudamutuapadresenprocesodeduelo.blogspot.com	35
http://lonewolflibrarian.wordpress.com	33
http://www.mariatsciarrino.com	31
http://www.linkedin.com	30
http://paper.li	17
http://herjazz.org	15
http://lanyrd.com	12
http://twitter.com	11
http://feeds.feedburner.com	7
http://www.slideshare.net	5
https://twitter.com	3
http://mariatsciarrino.com	2
http://posterous.com	2
http://unitseven.com.au	1
http://www.twylah.com	1
http://translate.googleusercontent.com	1
http://tweetedtimes.com	1
http://tweetree.com	1
http://goodlookingdigital.posterous.com	1
http://feeds2.feedburner.com	1
https://madonna.blackboard.com	1

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

by Whitney Hess

Accessibility

Categories

Upload Details

Usage Rights

23 Embeds 2,893

Statistics

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