how to give good ui!?

Download How to Give Good UI!?

Post on 05-Feb-2016

27 views

Category:

Documents

0 download

Embed Size (px)

DESCRIPTION

How to Give Good UI!?. Wayne Weibel Interface/Web/Drupal Developer LII / Legal Information Institute. Why Another Usability Talk?. Debunk the Buzz Words “This is not good enough: we need the USP for the UX not the UI” - PowerPoint PPT Presentation

TRANSCRIPT

  • How to Give Good UI!?Wayne Weibel

    Interface/Web/Drupal DeveloperLII / Legal Information Institute

  • Why Another Usability Talk?Debunk the Buzz WordsThis is not good enough: we need the USP for the UX not the UIThe user experience of the site is increasing the usability of users to interact through our interface

  • Why Another Usability Talk?Debunk the Buzz WordsUI vs. UX vs. Usability

  • Why Another Usability Talk?Debunk the Buzz WordsUI vs. UX vs. UsabilityInterface [ UI ]

  • Why Another Usability Talk?Debunk the Buzz WordsUI vs. UX vs. UsabilityInterface [ UI ]Experience [ UX ]

    theoatmeal.comtheoatmeal.com

    Jim Crow Museumtheoatmeal.comtheoatmeal.com

  • Why Another Usability Talk?Debunk the Buzz WordsUI vs. UX vs. UsabilityInterface [ UI ]Experience [ UX ]Usability

  • Usability is NOT ...Design

  • Usability is NOT ...DesignProgramming

  • Usability is NOT ...DesignProgrammingAccessibility}affectsUsability

  • Usability is NOT ...DesignProgrammingAccessibilityMarketing}affectsUsability

  • Usability is NOT ...DesignProgrammingAccessibilityMarketingMarketing}affectsUsability

  • Usability is NOT ...DesignProgrammingAccessibilityMarketingMarketingdid I mention ... Marketing}affectsUsability

  • Usability IS ...Make everything as simple as possible, but not simpler - EinsteinWhenever possible, substitute constructions out of known entities for inferences to unknown entities. - Bertrand Russel, Occams razorK.I.S.S

  • Usability IS ...Make everything as simple as possible, but not simpler - EinsteinWhenever possible, substitute constructions out of known entities for inferences to unknown entities. - Bertrand Russel, Occams razorK.I.S.S = Keep It Simple Stupid ... optimizing a users ability to complete a task

  • How about some examples:University of Chicago - Flu Vaccination Malcolm Gladwells Tipping PointNASA Space Pen 10 years and $12 Billion dollars

  • How about some examples:University of Chicago - Flu Vaccination Malcolm Gladwells Tipping PointNASA Space Pen 10 years and $12 Billion dollarsThe MOST usable interface:

    theoatmeal.com

  • Rules of ThumbJakob Nielsen - useit.comDon Norman => Nielsen/Norman Group - nngroup.com10 Heuristics for Usability with Rolf Molich

  • Rules of ThumbJakob Nielsen - useit.comDon Norman => Nielsen/Norman Group - nngroup.com10 Heuristics for Usability with Rolf Molich ... boil down to 3 varieties:FamiliarityFeedbackFlexibility

  • On The InternetSection 508Workforce Investment Act of 199821st Century Communications and Video Accessibility Act of 2010

  • On The InternetSection 508 ...Guides (not rules)W3C AccessibilityWeb Content Accessibility Guidelines 2.0WebAIM (Accessibility In Mind)

  • On The InternetSection 508 ...Guides ...ToolsVisicheck (color blindness check)

  • Color BlindnessProtanopia/Deuteranopia = red/greenTritanopia = blue/yellow (rare)~ 10% Males< 0.5% Femaleshow about some numbers

  • Color BlindnessProtanopia/Deuteranopia = red/greenTritanopia = blue/yellow (rare)~ 10% Males< 0.5% Females~ 5% of population or 1 in 201000 ~= 50 peoplehow about some numbers

  • On The InternetSection 508 ...Guides ...ToolsVisicheck (color blindness check)UI Patterns (examples and forum)Dead Link Checker (lots of em)

  • Usability ArtifactsPersonas == Stakeholders / User Groups - primary, secondary, tertiary

  • Usability ArtifactsPersonas == Stakeholders / User Groups - primary, secondary, tertiaryuse proper namesgive personal traitswhat reason to use interfacescenario/schema of use

  • Usability ArtifactsPersonas == Stakeholders / User Groups - primary, secondary, tertiaryWireframes - fancy word for sketches

  • Usability ArtifactsPersonas == Stakeholders / User Groups - primary, secondary, tertiaryWireframes - fancy word for sketchesPrototypes - even just glue and paper, stub out functions

  • Usability ArtifactsPersonasWireframesPrototypesConceptual / Mental Modelshow the developer thinks it workshow the system actually workshow the user thinks it works

  • User TestingANYone can do it (yes, even you!)

  • User TestingANYone can do it (yes, even you!)You set the cost (depending on data) *

  • User TestingANYone can do it (yes, even you!)You set the cost (depending on data) *30 - 60 min; more often == less time needed

  • User TestingANYone can do it (yes, even you!)You set the cost (depending on data) *30 - 60 min; more often == less time neededOne Catch - must have specific tasks/features

  • User TestingANYone can do it (yes, even you!)You set the cost (depending on data) *30 - 60 min; more often == less time neededOne Catch - must have specific tasks/featuresDuring Testing:Have designers and programmers watch

  • User TestingANYone can do it (yes, even you!)You set the cost (depending on data) *30 - 60 min; more often == less time neededOne Catch - must have specific tasks/featuresDuring Testing:Have designers and programmers watchEncourage user to think out loud* for you researchers ...

  • There Is No SpoonUsability is Highly Subjective

  • There Is No SpoonUsability is Highly SubjectiveDecide who is your audience, then build to them

  • There Is No SpoonUsability is Highly SubjectiveDecide who is your audience, then build to themKeep things familiar, but not identical

  • There Is No SpoonUsability is Highly SubjectiveDecide who is your audience, then build to themKeep things familiar, but not identicalKnow when to break the design

  • There Is No SpoonUsability is Highly SubjectiveDecide who is your audience, then build to themKeep things familiar, but not identicalKnow when to break the designTest Often

  • There Is No SpoonUsability is Highly SubjectiveDecide who is your audience, then build to themKeep things familiar, but not identicalKnow when to break the designTest OftenIf you meet a Usability Expert, kill him.