design principles: the philosophy of ux
TRANSCRIPT
Hi, I’m Whitney Hess
User Experience DesignerConsultantNew Yorker
@whitneyhess
What we usually talk about when we talk about UX
usability testing user research
stakeholder interviewsweb analytics
personas
scenarioswireframes
flow diagrams
storyboards
sitemaps
sketching A/B testing
heuristic evaluation
prototyping
card sorts
surveys
User Experience is the establishmentof a philosophyabout how totreat people
Visual Design is the establishmentof a philosophyabout how to
make an impact
Principles of Visual Design
Contrast
Emphasis
Variety
Balance
Proportion
Repetition
Movement
Texture
Harmony
Unity
Why principles?Consistency.Constraints.
Shared vision.Objective evaluation.
good design
good experience
good design
good experience
=Let’s do thistogether!
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.
Principles of Experience Design
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 strong information scent
4. Provide strong information scent
4. Provide strong information scent
5. Provide signposts and cues
5. Provide signposts and cues
5. Provide signposts and cues
6. Provide context
6. Provide context
6. Provide context
7. Use constraints appropriately
7. Use constraints appropriately
7. Use constraints appropriately
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 impression
10. Make a good first impression
10. Make a good first impression
Logos
Ethos Pathos
consistency, logic
credibility, trust emotions, imagination
Persuasion
Knowledge
Ethics Empathy
consistency, logic
credibility, trust emotions, imagination
Purpose
Are universal principles
enough?
Design principles forcompanies you know
“Ten principles that contribute to 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 contribute to 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 Principles
Reduce 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.
Windows User Experience Design Principles
Reduce 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
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 EamesKeep 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 ManRadical Inclusion.
Giing.
Decommodification.
Radical Self-reliance.
Radical Self-expression.
Communal Effort.
Civic Responsibility.
Leaving No Trace.
Participation.
Immediacy.
Burning ManRadical Inclusion.
Giing.
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
մե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
What are your company’s
principles?
Steps to Craing Your Own 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 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
6. 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 Your Design Principles1. 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
User Experience is the establishmentof a philosophyabout how totreat people
Bathroom mirror Seaport Boston Hotel
Help people make their lives better
