User Centered Design

Slide 1: User Centered Design Leergang Usability - Stefan Wobben (stefan@concept7.nl)

Slide 2: Nielsen’s Usability Maturity Model User-Driven Corporation Integrated User-Centered Design Systematic Usability Process Managed Usability Dedicated Usability Budget Skunkworks Usability Developer-Centered Usability Hostility Towards Usability Nielsen, J. “Corporate Usability Maturity” - http://www.useit.com/alertbox/maturity.html

Slide 3: Fase 1: Hostility Towards Usability Het enige doel is het bouwen van functionaliteit die werkt. De bezoeker is niet belangrijk, usability onderzoek is weggegooid geld. Pas na falen zullen ze veranderen.

Slide 4: Fase 2: Developer Centered Usability Dingen makkelijk in gebruik maken levert waarde op. Wij zijn zelf bezoeker dus we nemen onze eigen intuïtie als uitgangspunt. Dit werkt als jezelf dicht bij de eindgebruiker staat.

Slide 5: Fase 3: Skunkworks Usability Een aantal mensen delen de visie dat usability belangrijk is. Er is of wordt weleens een usability onderzoek uitgevoerd. Veel beslissingen worden genomen op basis van onderbuikgevoel.

Slide 6: Fase 4: Dedicated Usability Budget De inspanning van de skunkworks zijn bij het management opgevallen. Er wordt in de begroting en planning rekening gebouden met usability. Usability onderzoek gebeurt wel vaak laat in het proces. De ﬁnishing touch.

Slide 7: Fase 5: Managed Usability Iedereen in de organisatie ziet het belang van usability in. Er wordt veel informeel usability onderzoek uitgevoerd en gearchiveerd. Usability onderzoek gebeurt vaak laat in het proces. Nog steeds de ﬁnishing touch. Er is binnen de organisatie iemand die ofﬁcieel verantwoordelijk is voor usability.

Slide 8: Fase 6: Systematic Usability Process Er wordt zeer vroeg begonnen met gebruiksonderzoek. Er wordt iteratief ontworpen en men maakt prototypes. Het UCD proces is helder en vastgelegd in afspraken.

Slide 9: Fase 7: Integrated User-Centered Design De organisatie observeert gebruikers in hun natuurlijk omgeving. Besluiten in iedere fase van ontwerp worden onderbouwt met gebruiksonderzoek. Kwaliteit wordt gemeten met kwantitatieve data en er zijn minimum eisen voor livegang.

Slide 10: Fase 8: User-Driven Corporation Gebruikersonderzoek bepaalt mede de strategie van de organisatie. UCD wordt niet alleen gebruikt voor mens- scherm interactie maar raakt de gehele organisatie. Er wordt meer gekeken naar wat mensen doen ipv wat ze zeggen.

Slide 11: Nielsen’s Usability Maturity Model User-Driven Corporation Integrated User-Centered Design 20 jaar Systematic Usability Proces 6 à 7 jaar Managed Usability 6 à 7 jaar Dedicated Usability Budget 2 à 3 jaar Skunkworks Usability 2 à 3 jaar Developer-Centered Usability 2 à 3 jaar Hostility Towards Usability onbepaald Nielsen, J. “Corporate Usability Maturity” - http://www.useit.com/alertbox/maturity.html

Slide 12: Discussie Waar sta je nu? en wat ga je doen om de volgende trede te bereiken? Rubin, J. “Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests, John Wiley and Sons, Inc., 1984”

Slide 13: Deﬁnitie User-Centered Design In User-Centered Design, all "development proceeds with the user as the center of focus.” Rubin, J. “Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests, John Wiley and Sons, Inc., 1984”

Slide 14: Activity-Centered Design UCD = tools adapt to people ACD = people adapt to tools Kijk vooral goed naar de activiteit die de gebruiker moet uitvoeren. Norman, D. “Human-Centered Design Considered Harmful” http://www.jnd.org/dn.mss/humancentered_desig.html

Slide 15: User-Centered Design Principes 1. Vroege focus op gebruikers en taken 2. Observeren en testen van gebruik van het product 3. Iteratief ontwerpen Rubin, J. “Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests, John Wiley and Sons, Inc., 1984”

Slide 16: Iteratie of Increment Denk bij iteratie aan herhaling. Denk bij increment aan toevoegen.

Slide 17: Iteratief schrijven van een boek 1. Schrijf eerst een concept hoofdstuk. Zet al je gedachten op papier 2. Lees het concept door en verwijder irrelevante en oppervlakkige teksten, breid de belangrijke onderwerpen uit, geef meer uitleg bij onduidelijkheden en breng structuur aan 3. Herhaal stap 2 totdat je tevreden bent met het eindresultaat

Slide 18: Incrementeel schrijven van een boek 1. Schrijf eerst hoofdstuk 1 2. Schrijf hoofdstuk 2 3. Schrijf hoofdstuk 3 4. Ga door totdat het boek klaar is

Slide 19: Incrementeel Patton, J. “Don’t know what I want, but I know how to get it, 2008”

Slide 20: Iteratief Patton, J. “Don’t know what I want, but I know how to get it, 2008”

Slide 21: Ontwerp (design) en ontwikkeling (dev.) Ontwikkeling (increment) Ontwerp (iteratief) Kreitzberg, C.B. “The LUCID Framework, Cognetics Corporation”

Slide 22: Het belang van ontwerp Inspanningen in het begin zijn bepalend voor het succes van het geheel.

Slide 23: Ontwerpen tussentijds toetsen door vroegtijdig in het ontwerp-proces eindgebruikers in te schakelen verhoog je je succeskans.

Slide 24: Wat kosten veranderingen 100x kosten van het doorvoeren van veranderingen na lancering 6x tijdens ontwikkeling 1x tijdens ontwerp Kreitzberg, C.B. “The LUCID Framework, Cognetics Corporation”

Slide 25: LUCID Framework Markt analyse Business Plan Business Case Concurrentie analyse Scenarios Interviews Personas Globale wensen Observaties Taak analyse en eisen Focus Groep Functionaliteiten Web analytics Visueel ontwerp Conceptueel Wireframes Prototype design Usability onderzoek Scherm layout Gedetailleerd Technische Gedetailleerde eisen design planning Eindproduct Ontwikkeling Business Ontwerpers Training materiaal Marketingplan Release Klantservice Ontwikkelaars Kreitzberg, C.B. “The LUCID Framework, Cognetics Corporation”

Slide 26: Deliverables Product deﬁnitie Concept beschrijving voor managers en marketers Business case Prijs, winstmodel, ROI, concurrentie Middelen Doorlooptijd, teamleden, plan b Fysieke omgeving Ergonomie aspecten, fysieke installatie, communicatiestructuur Technische omgeving Hardware en software Gebruikers Persona’s, interviews, user testing, marketing Functionaliteit Diensten die worden aangeboden Prototype Paper prototypes, high ﬁdelity, klikbare prototypes Gebruiksvriendelijkheid SMART doelen, user testing, verbeteren interface Ontwerprichtlijn Voldoen aan richtlijnen, aanpassen bestaande richtlijnen Content Verzamelen van content en geschikt maken voor het web Documentatie handleiding, interactieve tutorials, implementatieplan

Slide 27: De iteratie cyclus VERBETEREN Plannen Voorbereiden Uitvoeren evalueren VOLGENDE FASE Kreitzberg, C.B. “The LUCID Framework, Cognetics Corporation”

Slide 28: User-Centered Design tools Methoden en technieken

Slide 29: Buy-a-feature

Slide 30: Cardsorting

Slide 32: Websort.net - online cardsort

Slide 36: Websort.net - de deelnemer

Slide 40: de testbegeleider

Slide 41: Websort.net - testresultaten

Slide 42: Websort.net - dendrogram

Slide 43: Paper prototyping

Slide 44: Prototyping - medium ﬁdelity

Slide 45: Prototyping - high ﬁdelity

Slide 46: Prototyping - opdracht Op je website willen we je de bezoeker de mogelijkheid geven om feedback achter te laten. Bijvoorbeeld ‘deze pagina vind ik goed of niet goed’, ‘de pagina is kapot’, ‘of ik heb een idee.’ Ook wil je de bezoeker inzicht geven in wat er met zijn feedback wordt gedaan of wat er mee is gedaan.

Slide 47: Prototyping - opdracht Denk aan je persona’s en creëer een scenario denk aan de heuristieken en de gestaltprincipes

Slide 49: Usability testing

Slide 50: Usability testing Geheime ingrediënten Testmateriaal (schets tot website) 4 à 8 deelnemers (one is enough!) Relevante taken (interview based - gestuurd) Observator en een notitieblok (+ en -)

Slide 51: Je eigen lab voor weinig

Slide 52: Tijdens de test Do’s en dont’s Stel de deelnemer op zijn/haar gemak vergeet de M&M’s niet! Laat de deelnemer hard-op denken Stel geen suggestieve vragen Grijp niet te snel in Observeer en shut up!

Slide 53: Usability testing - voorbeeld

Slide 54: • Concept7 ontwikkelt gebruiksvriendelijke websites/shops/ applicaties die aansluiten bij de gebruikersbeleving van de doelgroep • Met 25 experts gevestigd in Paterswolde en Amersfoort • Werkt landelijk voor plm. 150 klanten waaronder Bosch, Tele2, Nuon, de Telefoongids, Menzis, Ferio.nl, FBTO, RDW, Syntens, TNO, Kras Vakanties, Gasunie, Eduhub, Store.nl, Gemeente Groningen

Slideshare.net (beta)