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

<ul><li><p>How to Give Good UI!?Wayne Weibel</p><p>Interface/Web/Drupal DeveloperLII / Legal Information Institute</p></li><li><p>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</p></li><li><p>Why Another Usability Talk?Debunk the Buzz WordsUI vs. UX vs. Usability</p></li><li><p>Why Another Usability Talk?Debunk the Buzz WordsUI vs. UX vs. UsabilityInterface [ UI ]</p></li><li><p>Why Another Usability Talk?Debunk the Buzz WordsUI vs. UX vs. UsabilityInterface [ UI ]Experience [ UX ]</p><p>theoatmeal.comtheoatmeal.com</p><p>Jim Crow Museumtheoatmeal.comtheoatmeal.com</p></li><li><p>Why Another Usability Talk?Debunk the Buzz WordsUI vs. UX vs. UsabilityInterface [ UI ]Experience [ UX ]Usability</p></li><li><p>Usability is NOT ...Design</p></li><li><p>Usability is NOT ...DesignProgramming</p></li><li><p>Usability is NOT ...DesignProgrammingAccessibility}affectsUsability</p></li><li><p>Usability is NOT ...DesignProgrammingAccessibilityMarketing}affectsUsability</p></li><li><p>Usability is NOT ...DesignProgrammingAccessibilityMarketingMarketing}affectsUsability</p></li><li><p>Usability is NOT ...DesignProgrammingAccessibilityMarketingMarketingdid I mention ... Marketing}affectsUsability</p></li><li><p>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</p></li><li><p>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</p></li><li><p>How about some examples:University of Chicago - Flu Vaccination Malcolm Gladwells Tipping PointNASA Space Pen 10 years and $12 Billion dollars</p></li><li><p>How about some examples:University of Chicago - Flu Vaccination Malcolm Gladwells Tipping PointNASA Space Pen 10 years and $12 Billion dollarsThe MOST usable interface:</p><p>theoatmeal.com</p></li><li><p>Rules of ThumbJakob Nielsen - useit.comDon Norman =&gt; Nielsen/Norman Group - nngroup.com10 Heuristics for Usability with Rolf Molich</p></li><li><p>Rules of ThumbJakob Nielsen - useit.comDon Norman =&gt; Nielsen/Norman Group - nngroup.com10 Heuristics for Usability with Rolf Molich ... boil down to 3 varieties:FamiliarityFeedbackFlexibility</p></li><li><p>On The InternetSection 508Workforce Investment Act of 199821st Century Communications and Video Accessibility Act of 2010</p></li><li><p>On The InternetSection 508 ...Guides (not rules)W3C AccessibilityWeb Content Accessibility Guidelines 2.0WebAIM (Accessibility In Mind)</p></li><li><p>On The InternetSection 508 ...Guides ...ToolsVisicheck (color blindness check)</p></li><li><p>Color BlindnessProtanopia/Deuteranopia = red/greenTritanopia = blue/yellow (rare)~ 10% Males&lt; 0.5% Femaleshow about some numbers</p></li><li><p>Color BlindnessProtanopia/Deuteranopia = red/greenTritanopia = blue/yellow (rare)~ 10% Males&lt; 0.5% Females~ 5% of population or 1 in 201000 ~= 50 peoplehow about some numbers</p></li><li><p>On The InternetSection 508 ...Guides ...ToolsVisicheck (color blindness check)UI Patterns (examples and forum)Dead Link Checker (lots of em)</p></li><li><p>Usability ArtifactsPersonas == Stakeholders / User Groups - primary, secondary, tertiary</p></li><li><p>Usability ArtifactsPersonas == Stakeholders / User Groups - primary, secondary, tertiaryuse proper namesgive personal traitswhat reason to use interfacescenario/schema of use</p></li><li><p>Usability ArtifactsPersonas == Stakeholders / User Groups - primary, secondary, tertiaryWireframes - fancy word for sketches</p></li><li><p>Usability ArtifactsPersonas == Stakeholders / User Groups - primary, secondary, tertiaryWireframes - fancy word for sketchesPrototypes - even just glue and paper, stub out functions</p></li><li><p>Usability ArtifactsPersonasWireframesPrototypesConceptual / Mental Modelshow the developer thinks it workshow the system actually workshow the user thinks it works</p></li><li><p>User TestingANYone can do it (yes, even you!)</p></li><li><p>User TestingANYone can do it (yes, even you!)You set the cost (depending on data) *</p></li><li><p>User TestingANYone can do it (yes, even you!)You set the cost (depending on data) *30 - 60 min; more often == less time needed</p></li><li><p>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</p></li><li><p>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</p></li><li><p>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 ...</p></li><li><p>There Is No SpoonUsability is Highly Subjective</p></li><li><p>There Is No SpoonUsability is Highly SubjectiveDecide who is your audience, then build to them</p></li><li><p>There Is No SpoonUsability is Highly SubjectiveDecide who is your audience, then build to themKeep things familiar, but not identical</p></li><li><p>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</p></li><li><p>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</p></li><li><p>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.</p></li></ul>