• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Guiding UX Principles 3/20/12
 

Guiding UX Principles 3/20/12

on

  • 785 views

 

Statistics

Views

Total Views
785
Views on SlideShare
774
Embed Views
11

Actions

Likes
1
Downloads
0
Comments
0

1 Embed 11

http://www.linkedin.com 11

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Guiding UX Principles 3/20/12 Guiding UX Principles 3/20/12 Presentation Transcript

    • GUIDING UX PRINCIPLES March 20, 2012
    • WHO ARE WE?Carl Nelson Jonathan Hung Robert Surrency
    • THANK YOU.
    • WHAT IS USER EXPERIENCE?
    • “ ‘User experience’ encompasses all aspects of the end-user’s interaction with the company, its services, and its products. The first requirement for an exemplary user experience is to meet the exact needs of the customer, without fuss or bother. Next comes simplicity and elegance that produce products that are a joy to own, a joy to use. True user experience goes far beyond giving customers what they say they want, or providing checklist features. In order to achieve high-quality user experience in a company’s offerings there must be a seamless merging of the services of multiple “ disciplines, including engineering, marketing, graphical and industrial design, and interface design. Neilson Norman Group
    • PRINCIPLES
    • No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10USER-CENTRICTHINKINGPut yourself in someone else’s shoes.• Who is the audience?• Is this really a good experience for the end user?• Have I considered the entire experience, not just what’s in front of me? (Not just digitally, but in the real world as well)• Even though it “works”, is there anything that can be improved to better the experience?
    • No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10CONTENT MATTERSContent is the heart of your experience.• Do you know what content you have?• Is the content redundant, outdated, trivial?• Is your content static or will it change over time?• Do you have an overall content strategy?
    • No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10CLEAR WORKFLOWSA path! A path!• Can users get from A to B...easily?• Is it easy to move forward and back?• Is there too many steps or too few?• Can you tell where you are?
    • No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10SIMPLIFYLess is more.• What can I remove from this screen, interaction, or page, so that the most important functionality is prominent? Remember 80/20.• Can you explain why it really needs to be there?• Is the purpose and function of this page convoluted by too many visual elements, buttons, form fields?• Can you say the same thing with less words or accomplish the goal in less steps?
    • No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10CONSISTENCYJust make the links blue, dammit.• Are you creating a style guide or using design patterns?• Are you maintaining expectations around interface patterns? Would interacting with anything in this system surprise a user?• Are similar tasks completed in the same way throughout the system?• When you update your product, is the functionality & content in the locations people expect?
    • No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10PATTERNS &MODELSDon’t need to reinvent the wheel.• Are well known patterns and models that people are used to, difficult to use or interact with?• Are there opportunities to standardize specific patterns or models to be more consistent with what people are used to?
    • Cover FlowPagination Checkout Workflow
    • No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10DON’T MAKEME THINKMake it easy and clear.• Are there clear signs for what to do and where to go?• Do you know what the primary goals for the user are?• Are you thinking in terms of features or needs?• Could your grandmother do the basics?
    • No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10HONESTY &TRANSPARENCYAlways the best policy.• Is it clear why they are collecting sensitive information?• Can you find help or contact resources easily?• Do they provide a secure environment?• Are instructions and directions clearly explained?
    • Facebook Privacy Settings Page (2010)
    • Definition ZUCKERING“ The act of creating deliberately confusing jargon and user-interfaces which trick “ your users into sharing more info about themselves than they really want to. Tim Jones Electronic Frontier Foundation
    • No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10DESIGN PRINCIPLESIt’s still design, not science.• Does it include basic design principles? (Balance, proportion, rhythm, emphasis, color, texture & lines)• Does it use layout grids?• Do components have enough spacing?• Is there a visual and information hierarchy?• Is there a consistent visual language throughout?
    • No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10ASK FOR FEEDBACKPractice good listening skills.• Turn opinion to fact: how do you know that your design is going to be usable and useful for the user?• What questions do you have about the design that a user might answer?• Do you have places on the site that can solicit feedback?• Do you consider communication with customers a core value?
    • RecapGUIDING UX PRINCIPLES 1 User-Centric Thinking 6 Patterns & Models 2 Content Matters 7 Don’t Make Me Think 3 Clear Workflows 8 Honesty & Transparency 4 Simplify 9 Design Principles 5 Consistency 10 Ask for Feedback
    • WORKSHOP
    • The ScenarioRe-imagine how you would find a class on SkillShare
    • Breakdown 10 GROUPS 10 PRINCIPLES3 PEOPLE PER GROUP 30 MINUTES
    • Process THE APPROACH1 Ideation 3 Sketch • Individual brainstorm • Converge ideas • Anything goes – no critique • Sketch your idea • Use the assigned UX Principle • Come up with a short description as a lens2 Refine 4 Present • Regroup • Pick a speaker • Pick 2-3 ideas • Tell us about your group’s idea • Explore combinations & best traits
    • Reference CLASS NOTEShttp://www.rsurrency.com/classnotes.html
    • QUESTIONS?
    • THANK YOU.Carl Nelson Jonathan Hung Robert Surrencye: carl@carlrnelson.com e: jonathan.a.hung@gmail.com e: hello@rsurrency.comt: @CarlNelson t: @JonathanHung t: @RobSurrency