SlideShare une entreprise Scribd logo
1  sur  45
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 / 10



USER-CENTRIC
THINKING
Put 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 / 10



CONTENT MATTERS
Content 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 / 10



CLEAR WORKFLOWS
A 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 / 10



SIMPLIFY
Less 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 / 10



CONSISTENCY
Just 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 / 10



PATTERNS &
MODELS
Don’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 Flow




Pagination




             Checkout Workflow
No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10



DON’T MAKE
ME THINK
Make 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 / 10



HONESTY &
TRANSPARENCY
Always 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 / 10



DESIGN PRINCIPLES
It’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 / 10



ASK FOR FEEDBACK
Practice 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?
Recap



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




Re-imagine how you would
 find a class on SkillShare
Breakdown



    10 GROUPS
   10 PRINCIPLES
3 PEOPLE PER GROUP
    30 MINUTES
Process



           THE APPROACH
1 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 lens


2 Refine                                     4 Present
 • Regroup                                    • Pick a speaker
 • Pick 2-3 ideas                             • Tell us about your group’s idea
 • Explore combinations & best traits
Reference



     CLASS NOTES
http://www.rsurrency.com/classnotes.html
QUESTIONS?
THANK YOU.
Carl Nelson                Jonathan Hung                  Robert Surrency
e: carl@carlrnelson.com    e: jonathan.a.hung@gmail.com   e: hello@rsurrency.com
t: @CarlNelson             t: @JonathanHung               t: @RobSurrency

Contenu connexe

Tendances

Agile design thinking and you... ux australia2011
Agile design thinking and you... ux australia2011Agile design thinking and you... ux australia2011
Agile design thinking and you... ux australia2011
Jason Furnell
 

Tendances (19)

The visual interface is now your brand
The visual interface is now your brandThe visual interface is now your brand
The visual interface is now your brand
 
Tell Me What You Do: How Storytelling Makes You a Better Designer
Tell Me What You Do: How Storytelling Makes You a Better DesignerTell Me What You Do: How Storytelling Makes You a Better Designer
Tell Me What You Do: How Storytelling Makes You a Better Designer
 
SXSW 2012: The visual interface is now your brand
SXSW 2012: The visual interface is now your brandSXSW 2012: The visual interface is now your brand
SXSW 2012: The visual interface is now your brand
 
5 Strategies to Maximize your UX Influence
5 Strategies to Maximize your UX Influence5 Strategies to Maximize your UX Influence
5 Strategies to Maximize your UX Influence
 
How to supervise your supervisor?
How to supervise your supervisor?How to supervise your supervisor?
How to supervise your supervisor?
 
UX Design: An Introduction
UX Design: An IntroductionUX Design: An Introduction
UX Design: An Introduction
 
Critical Thinking for UX Designers (Or Anyone, Really)
Critical Thinking for UX Designers (Or Anyone, Really)Critical Thinking for UX Designers (Or Anyone, Really)
Critical Thinking for UX Designers (Or Anyone, Really)
 
User-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design ProcessUser-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design Process
 
Tips for talking about visual design for UX - ConveyUX
Tips for talking about visual design for UX - ConveyUXTips for talking about visual design for UX - ConveyUX
Tips for talking about visual design for UX - ConveyUX
 
IA basics
IA basicsIA basics
IA basics
 
(Design) Principles To Build By
(Design) Principles To Build By(Design) Principles To Build By
(Design) Principles To Build By
 
UX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dustUX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dust
 
Developers, you're designing experiences (and you didn't even know it)
Developers, you're designing experiences (and you didn't even know it)Developers, you're designing experiences (and you didn't even know it)
Developers, you're designing experiences (and you didn't even know it)
 
Agile design thinking and you... ux australia2011
Agile design thinking and you... ux australia2011Agile design thinking and you... ux australia2011
Agile design thinking and you... ux australia2011
 
ePortfolio Forum: Badge (l)Earner Journey Mapping #eportforum
ePortfolio Forum: Badge (l)Earner Journey Mapping #eportforumePortfolio Forum: Badge (l)Earner Journey Mapping #eportforum
ePortfolio Forum: Badge (l)Earner Journey Mapping #eportforum
 
LX Journey Mapping Workshop
LX Journey Mapping WorkshopLX Journey Mapping Workshop
LX Journey Mapping Workshop
 
Design process
Design processDesign process
Design process
 
DIY UX - Higher Ed
DIY UX - Higher EdDIY UX - Higher Ed
DIY UX - Higher Ed
 
Tokyo-Tech 2017 EDP-A #1 Team Building
Tokyo-Tech 2017 EDP-A #1 Team BuildingTokyo-Tech 2017 EDP-A #1 Team Building
Tokyo-Tech 2017 EDP-A #1 Team Building
 

Similaire à Guiding UX Principles 3/20/12

User Experience Design: 5 Techniques for Creating Better Websites and Applica...
User Experience Design: 5 Techniques for Creating Better Websites and Applica...User Experience Design: 5 Techniques for Creating Better Websites and Applica...
User Experience Design: 5 Techniques for Creating Better Websites and Applica...
nForm User Experience
 
Design Thinking Frameworks Reference Guide
Design Thinking Frameworks Reference GuideDesign Thinking Frameworks Reference Guide
Design Thinking Frameworks Reference Guide
Operational Excellence Consulting
 

Similaire à Guiding UX Principles 3/20/12 (20)

Basic Principles of Interface design
Basic Principles of Interface designBasic Principles of Interface design
Basic Principles of Interface design
 
More Than Usability
More Than UsabilityMore Than Usability
More Than Usability
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an Overview
 
Design Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: WireframeDesign Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: Wireframe
 
Collaboration Within A Multidisciplinary Team
Collaboration Within A Multidisciplinary Team Collaboration Within A Multidisciplinary Team
Collaboration Within A Multidisciplinary Team
 
UX principles for co-founders
UX principles for co-foundersUX principles for co-founders
UX principles for co-founders
 
Intro to Lean UX with UserTesting
Intro to Lean UX with UserTestingIntro to Lean UX with UserTesting
Intro to Lean UX with UserTesting
 
The 360 Developer
The 360 DeveloperThe 360 Developer
The 360 Developer
 
501 Talks Tech: Design Thinking Workshop by Dupla Studios
501 Talks Tech: Design Thinking Workshop by Dupla Studios501 Talks Tech: Design Thinking Workshop by Dupla Studios
501 Talks Tech: Design Thinking Workshop by Dupla Studios
 
User Experience Design: 5 Techniques for Creating Better Websites and Applica...
User Experience Design: 5 Techniques for Creating Better Websites and Applica...User Experience Design: 5 Techniques for Creating Better Websites and Applica...
User Experience Design: 5 Techniques for Creating Better Websites and Applica...
 
User Interface Design- Module 2 Uid Process
User Interface Design- Module 2 Uid ProcessUser Interface Design- Module 2 Uid Process
User Interface Design- Module 2 Uid Process
 
Conversion Day 2015 - Usability Best Practices - Johan Verhaegen
Conversion Day 2015 - Usability Best Practices - Johan VerhaegenConversion Day 2015 - Usability Best Practices - Johan Verhaegen
Conversion Day 2015 - Usability Best Practices - Johan Verhaegen
 
Design Thinking Frameworks Reference Guide
Design Thinking Frameworks Reference GuideDesign Thinking Frameworks Reference Guide
Design Thinking Frameworks Reference Guide
 
Ux, UI and US v1.2
Ux, UI and US v1.2Ux, UI and US v1.2
Ux, UI and US v1.2
 
10 Learner Experience Powers from Experience Girl - #imoot16 Agents of Change
10 Learner Experience Powers from Experience Girl - #imoot16 Agents of Change10 Learner Experience Powers from Experience Girl - #imoot16 Agents of Change
10 Learner Experience Powers from Experience Girl - #imoot16 Agents of Change
 
Design Thinking Simplified -The Entrepreneur's Toolkit Series
Design Thinking Simplified  -The Entrepreneur's Toolkit SeriesDesign Thinking Simplified  -The Entrepreneur's Toolkit Series
Design Thinking Simplified -The Entrepreneur's Toolkit Series
 
Intro to ux and how to design a thoughtful ui
Intro to ux and how to design a thoughtful uiIntro to ux and how to design a thoughtful ui
Intro to ux and how to design a thoughtful ui
 
Great UX Portfolios
Great UX PortfoliosGreat UX Portfolios
Great UX Portfolios
 
UX Without Documentation
UX Without DocumentationUX Without Documentation
UX Without Documentation
 
Workshop: The craft of creating delightful experiences: User Centred Problem ...
Workshop: The craft of creating delightful experiences: User Centred Problem ...Workshop: The craft of creating delightful experiences: User Centred Problem ...
Workshop: The craft of creating delightful experiences: User Centred Problem ...
 

Dernier

CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Dernier (20)

The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 

Guiding UX Principles 3/20/12

  • 1. GUIDING UX PRINCIPLES March 20, 2012
  • 2. WHO ARE WE? Carl Nelson Jonathan Hung Robert Surrency
  • 4. WHAT IS USER EXPERIENCE?
  • 5. ‘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
  • 7. No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10 USER-CENTRIC THINKING Put 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?
  • 8.
  • 9.
  • 10. No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10 CONTENT MATTERS Content 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?
  • 11.
  • 12.
  • 13. No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10 CLEAR WORKFLOWS A 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?
  • 14.
  • 15.
  • 16. No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10 SIMPLIFY Less 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?
  • 17.
  • 18.
  • 19. No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10 CONSISTENCY Just 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?
  • 20.
  • 21. No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10 PATTERNS & MODELS Don’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?
  • 22. Cover Flow Pagination Checkout Workflow
  • 23.
  • 24. No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10 DON’T MAKE ME THINK Make 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?
  • 25.
  • 26.
  • 27. No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10 HONESTY & TRANSPARENCY Always 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?
  • 28.
  • 29.
  • 31. 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
  • 32. No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10 DESIGN PRINCIPLES It’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?
  • 33.
  • 34.
  • 35.
  • 36. No. 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10 ASK FOR FEEDBACK Practice 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?
  • 37.
  • 38. Recap GUIDING 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
  • 40. The Scenario Re-imagine how you would find a class on SkillShare
  • 41. Breakdown 10 GROUPS 10 PRINCIPLES 3 PEOPLE PER GROUP 30 MINUTES
  • 42. Process THE APPROACH 1 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 lens 2 Refine 4 Present • Regroup • Pick a speaker • Pick 2-3 ideas • Tell us about your group’s idea • Explore combinations & best traits
  • 43. Reference CLASS NOTES http://www.rsurrency.com/classnotes.html
  • 45. THANK YOU. Carl Nelson Jonathan Hung Robert Surrency e: carl@carlrnelson.com e: jonathan.a.hung@gmail.com e: hello@rsurrency.com t: @CarlNelson t: @JonathanHung t: @RobSurrency