Design Principles: The Philosophy of UX

Download Design Principles: The Philosophy of UX

Post on 21-Apr-2017

142.372 views

Category:

Technology

1 download

TRANSCRIPT

  • Whitney Hess @whitneyhess

    http://whitneyhess.comwhitney@whitneyhess.com

    Design Principles:The Philosophy of UX

    http://whitneyhess.comhttp://whitneyhess.commailto:whitney@whitneyhess.commailto:whitney@whitneyhess.com

  • Hi, Im 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

    =Lets do thistogether!

  • 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 first impression.

    Principles of Experience Design

  • 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 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 todays and tomorrows business.

    Delight the eye without distracting the mind.

    Be worthy of peoples 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 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

    http://www.burningman.com/whatisburningman/about_burningman/principles.htmlhttp://www.burningman.com/whatisburningman/about_burningman/principles.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

    http://www.burningman.com/whatisburningman/about_burningman/principles.htmlhttp://www.burningman.com/whatisburningman/about_burningman/principles.html

  • 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

    http://www.burningman.com/whatisburningman/about_burningman/principles.htmlhttp://www.burningman.com/whatisburningman/about_burningman/principles.html

  • 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

    http://www.burningman.com/whatisburningman/about_burningman/principles.htmlhttp://www.burningman.com/whatisburningman/about_burningman/principles.html

  • 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

    http://www.burningman.com/whatisburningman/about_burningman/principles.htmlhttp://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

    http://www.burningman.com/whatisburningman/about_burningman/principles.htmlhttp://www.burningman.com/whatisburningman/about_burningman/principles.html

  • What are your companys

    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 dont conflict or overlap

    6. Ensure theyre 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/

    http://www.burningman.com/whatisburningman/about_burningman/principles.htmlhttp://www.burningman.com/whatisburningman/about_burningman/principles.html

  • 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

  • ank you.Whitney Hess @whitneyhess

    http://whitneyhess.comwhitney@whitneyhess.com

    http://whitneyhess.comhttp://whitneyhess.commailto:whitney@whitneyhess.commailto:whitney@whitneyhess.com