SlideShare uma empresa Scribd logo
1 de 57
Cenergy Interactive: Designing with Usability in Mind
What is usability? ,[object Object]
The 5 E’s Usability Effective Easy to Learn Error Tolerant Engaging Efficient [1] “Using the 5 E’s to Understand Users” Whitney Quesenbery   2002-2004
how the heck do we  do all that?
Define Objectives ,[object Object],[object Object],[object Object]
Know the User ,[object Object],[object Object],[object Object]
Who is your primary audience?
Audiences have different needs
A design for all
Gathering Data: Field Research ,[object Object],[object Object],[object Object],[object Object],[object Object]
Personas ,[object Object],[object Object],[object Object]
Why Personas? ,[object Object],[object Object],[object Object],[object Object]
Developing a Persona ,[object Object],[object Object],[object Object],[object Object]
Map against variables Tech savvy       Tech Unskilled High Brand Consciousness  Low Brand Consciousness  Info Only       Entertainment User 1,3,4  User 2 User 1, 2, 3  User 4 User 1, 2  User 4  User 3
What’s next? ,[object Object]
Why is navigation important? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Step 1: Identify your audience ,[object Object],[object Object],[object Object]
Step 2: Gather Resources and Tasks ,[object Object],[object Object],[object Object],[object Object]
Step 3: Choose a Grouping Strategy ,[object Object]
Grouping Strategies ,[object Object],[object Object],[object Object],[object Object]
Best Practices ,[object Object],[object Object],[object Object],[object Object]
Navigational Hazards ,[object Object],[object Object],[object Object]
What’s next? ,[object Object]
A Designer’s Guidelines ,[object Object],[object Object],[object Object],[object Object]
Visual Design ,[object Object]
Content ,[object Object],[object Object]
Content tips ,[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
Content  ,[object Object],[object Object],[object Object],[object Object],[object Object]
Content ,[object Object],[object Object],[object Object]
 
Interactivity/Functionality ,[object Object],[object Object],[object Object]
 
 
 
Page Layout ,[object Object],[object Object]
 
 
 
Visual Design: Be Consistent ,[object Object],[object Object],[object Object],[object Object]
 
 
 
Visual Design: Consistency ,[object Object],[object Object],[object Object],[object Object]
Visual Design: Imagery ,[object Object],[object Object]
Visual Design: Imagery ,[object Object]
 
Visual Design: Imagery ,[object Object]
 
 
Performance ,[object Object],[object Object]
[object Object]
The 5 E’s Usability Effective Easy to Learn Error Tolerant Engaging Efficient [1] “Using the 5 E’s to Understand Users” Whitney Quesenbery   2002-2004
Why test? ,[object Object],[object Object],[object Object]
Some testing better than none ,[object Object]
Thank you ,[object Object]

Mais conteúdo relacionado

Mais procurados

The Psychology of Good Web Design
The Psychology of Good Web DesignThe Psychology of Good Web Design
The Psychology of Good Web Design
olindgallet
 
Why User Experience Matters | By UX Professionals from Centerline Digital
Why User Experience Matters | By UX Professionals from Centerline DigitalWhy User Experience Matters | By UX Professionals from Centerline Digital
Why User Experience Matters | By UX Professionals from Centerline Digital
Centerline Digital
 

Mais procurados (20)

Visual interface design and design for scan
Visual interface design and design for scanVisual interface design and design for scan
Visual interface design and design for scan
 
The building blocks of visual hierarchy
The building blocks of visual hierarchyThe building blocks of visual hierarchy
The building blocks of visual hierarchy
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014
 
The 8 Principles of Design – How to Leverage the Power of Design and Turn Con...
The 8 Principles of Design – How to Leverage the Power of Design and Turn Con...The 8 Principles of Design – How to Leverage the Power of Design and Turn Con...
The 8 Principles of Design – How to Leverage the Power of Design and Turn Con...
 
Just Make Me a Dashboard!
Just Make Me a Dashboard!Just Make Me a Dashboard!
Just Make Me a Dashboard!
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
 
The Psychology of Good Web Design
The Psychology of Good Web DesignThe Psychology of Good Web Design
The Psychology of Good Web Design
 
Uxpin mastering the_power_of_nothing
Uxpin mastering the_power_of_nothingUxpin mastering the_power_of_nothing
Uxpin mastering the_power_of_nothing
 
Art Center Interactive Design 4 - #1 Intro to UX
Art Center Interactive Design 4 - #1 Intro to UXArt Center Interactive Design 4 - #1 Intro to UX
Art Center Interactive Design 4 - #1 Intro to UX
 
Designing The Interface For Use
Designing The Interface For UseDesigning The Interface For Use
Designing The Interface For Use
 
[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction
 
The 7 most common usability issues by UserTesting
The 7 most common usability issues by UserTestingThe 7 most common usability issues by UserTesting
The 7 most common usability issues by UserTesting
 
10 principles of effective web design
10 principles of effective web design10 principles of effective web design
10 principles of effective web design
 
Best UX Quotes!
Best UX Quotes!Best UX Quotes!
Best UX Quotes!
 
UX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureUX Lesson 5: Information Architecture
UX Lesson 5: Information Architecture
 
UX Fundamentals for Startups
UX Fundamentals for StartupsUX Fundamentals for Startups
UX Fundamentals for Startups
 
Good UX Karma: Guiding Principles to Simpler, Easier and Happier UI Design
Good UX Karma: Guiding Principles to Simpler, Easier and Happier UI DesignGood UX Karma: Guiding Principles to Simpler, Easier and Happier UI Design
Good UX Karma: Guiding Principles to Simpler, Easier and Happier UI Design
 
UXPA Lean UX Bridging the gap between UX and Developers
UXPA Lean UX Bridging the gap between UX and DevelopersUXPA Lean UX Bridging the gap between UX and Developers
UXPA Lean UX Bridging the gap between UX and Developers
 
Why User Experience Matters | By UX Professionals from Centerline Digital
Why User Experience Matters | By UX Professionals from Centerline DigitalWhy User Experience Matters | By UX Professionals from Centerline Digital
Why User Experience Matters | By UX Professionals from Centerline Digital
 
flat design and colors
flat design and colorsflat design and colors
flat design and colors
 

Semelhante a Designing With Usability In Mind

25 march introducing design methods
25 march introducing design methods25 march introducing design methods
25 march introducing design methods
Abhishek Sagar
 
NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2
studiokandm
 

Semelhante a Designing With Usability In Mind (20)

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
 
Engaging Users in Design
Engaging Users in DesignEngaging Users in Design
Engaging Users in Design
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basics
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an Overview
 
Teaching UX to Your Team
Teaching UX to Your TeamTeaching UX to Your Team
Teaching UX to Your Team
 
Understanding User Experience Workshop - Interlink Conference 2012
Understanding User Experience Workshop - Interlink Conference 2012Understanding User Experience Workshop - Interlink Conference 2012
Understanding User Experience Workshop - Interlink Conference 2012
 
Things you should know before you build your site
Things you should know before you build your siteThings you should know before you build your site
Things you should know before you build your site
 
Improving your site's usability - what users really want
Improving your site's usability - what users really wantImproving your site's usability - what users really want
Improving your site's usability - what users really want
 
Ni week no designer, no problem
Ni week no designer, no problem Ni week no designer, no problem
Ni week no designer, no problem
 
Design process
Design processDesign process
Design process
 
Usability Tips And Tricks For Beginners Experience Dynamics Web Seminar
Usability Tips And Tricks For Beginners   Experience Dynamics Web SeminarUsability Tips And Tricks For Beginners   Experience Dynamics Web Seminar
Usability Tips And Tricks For Beginners Experience Dynamics Web Seminar
 
Designing the user experience
Designing the user experienceDesigning the user experience
Designing the user experience
 
UXBC #26: Lean UX
UXBC #26: Lean UXUXBC #26: Lean UX
UXBC #26: Lean UX
 
VIGC Academy
VIGC AcademyVIGC Academy
VIGC Academy
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for Developers
 
Website Usability & User Experience: Veel bezoekers, weinig klanten?
Website Usability & User Experience: Veel bezoekers, weinig klanten?Website Usability & User Experience: Veel bezoekers, weinig klanten?
Website Usability & User Experience: Veel bezoekers, weinig klanten?
 
25 march introducing design methods
25 march introducing design methods25 march introducing design methods
25 march introducing design methods
 
25 march introducing design methods
25 march introducing design methods25 march introducing design methods
25 march introducing design methods
 
NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2
 
UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015
 

Último

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Último (20)

GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
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...
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
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
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
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...
 
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)
 
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
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 

Designing With Usability In Mind

  • 1. Cenergy Interactive: Designing with Usability in Mind
  • 2.
  • 3. The 5 E’s Usability Effective Easy to Learn Error Tolerant Engaging Efficient [1] “Using the 5 E’s to Understand Users” Whitney Quesenbery  2002-2004
  • 4. how the heck do we do all that?
  • 5.
  • 6.
  • 7. Who is your primary audience?
  • 10.
  • 11.
  • 12.
  • 13.
  • 14. Map against variables Tech savvy Tech Unskilled High Brand Consciousness Low Brand Consciousness Info Only Entertainment User 1,3,4 User 2 User 1, 2, 3 User 4 User 1, 2 User 4 User 3
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.  
  • 29.  
  • 30.
  • 31.
  • 32.  
  • 33.
  • 34.  
  • 35.  
  • 36.  
  • 37.
  • 38.  
  • 39.  
  • 40.  
  • 41.
  • 42.  
  • 43.  
  • 44.  
  • 45.
  • 46.
  • 47.
  • 48.  
  • 49.
  • 50.  
  • 51.  
  • 52.
  • 53.
  • 54. The 5 E’s Usability Effective Easy to Learn Error Tolerant Engaging Efficient [1] “Using the 5 E’s to Understand Users” Whitney Quesenbery  2002-2004
  • 55.
  • 56.
  • 57.

Notas do Editor

  1. Francis Drucker