Maartje de Vries. Needs & requirements. Voor. User Intelligence. User centered design. Waarom UX design?

Maartje de Vries Toegepaste Cognitieve Psychologie, Universiteit Utrecht User System Interaction (post graduate program), TU Eindhoven, Philips Research E-learning developer/ consultant, ISM eCompany User Experience consultant, User Intelligence

Needs & requirements Maartje de Vries: [email protected]

2

User Intelligence

Needs & Requirements

Voor

User experience consultancy

Bijvoorbeeld: KPN, Vodafone, T-mobile, Dell, Nokia, Elsevier, Philips, UWV, ANWB En internationaal via UXalliance

Brings user goals and business goals together by using interactive technology Using user centered design www.userintelligence.com 3


User centered design

4


Waarom UX design? Voorbeeld van ervaringen online check-out

5


6



Needs & Requirements Veel verschillende soorten (functional/ nonfunctional) User requirements Business requirements

Begin bij de gebruiker

7


User needs & requirements NEED (behoefte) Ik wil muziek van verschillende albums door elkaar kunnen afspelen, zonder vooraf de volgorde te bepalen. REQUIREMENT De muziekspeler heeft een suffle knop De muziekspeler kan muziekbestanden van verschillende albums achter elkaar afspelen.

9


Confliciting requirements Business requirements <> user requirements

11


8


Business requirements Het systeem moet zo goedkoop mogelijk gebouwd kunnen worden Er moet 20% meer conversie in de webwinkel zijn na redesign Het programma moet passen in de huisstijl van ons bedrijf

10


Requirements analyse Methoden: Questionnaires Interviews Focusgroeps Observatie

12


Vragenlijsten

Vragenlijsten

Voor grote groepen mensen Nadruk op kwantiteit Goed voor als er duidelijke vragen liggen Maar… fraude gevoelig

13


Questionnaires

14


Vragenlijsten

Conclusies d.m.v statistiek, bijv. bij het vergelijken van groepen Mensen met een Volkswagen zijn gelukkiger dan mensen met een Fiat. Bezoekers blijven langer op website Prototype A dan op Prototype B

Maken van goede vragen: let op Vraag alleen wat je wilt weten Niet teveel open vragen Niet: wat vind je van deze website? Maar: Noem 3 positieve punten aan de website Geef deze website een cijfer (1-10) Wat is je algemene indruk van deze website (likert scale)

Denk aan wat je wilt analyseren bij het samenstellen van je vragenlijst!

15


Vragenlijsten

16

Vragenlijsten

Likert scale voor bijv. attitude

Let op met formulering

Ik heb een positief gevoel bij dit product 0 helemaal niet mee eens 0 niet mee eens 0 neutraal 0 mee eens 0 helemaal mee eens (ook 7 punts-9 punts)

17



Hoeveel keer per dag ga je naar nu.nl?(implicerend) Hoe vaak gebruikt u de NS app en wat vindt u ervan? (twee vragen in een) Surft u veel? (te vaag, wat is veel?) Geef aan hoe vaak u per dag gebruik maakt van social media 1-2 keer 3-5 keer 5 keer of meer

18

(niet uitsluitend, wat is social media?) Geef aan hoeveel minuten per dag u op het internet bent [ ][] Needs & Requirements (niet realistisch)

Vragenlijsten

Interviews

D.m.v. excel/ SPSS analyses doen. Bijv. Overeenkomsten tussen groepen (correlatie) Verschillen tussen groepen Frequentie

19


Interviewing

Gestructureerd, semi-gestructureerd, ongestructureerd Goed voor een algemeen beeld Voor als er nog veel onduidelijk is over een onderwerp

20


Interviewing

Meer informatie over gevoelswaarden Meer informatie over details (doorvragen) Maar, sociaal wenselijk (interviewer bias)

21


Participatory interview Naast de gebruiker zitten, tijdens een taak Specifieke vragen stellen. Bijvoorbeeld bij prototype testing

23


22


Contextual interviews (inquiry) Op werkplek/ thuis D.m.v. video context van gebruik ook vastleggen

24


Interviewing

Informed consent

Zorg voor goede voorbereiding Vraag door! Stel zo min mogelijk gesloten vragen Neem op, maak aantekeningen Vraag informed consent

25


Analyseren


Focus groups


Twee van de negen deelnemers gaven aan het prototypen slecht te vinden, een man (23) gaf het volgende aan: “Ik zou liever, uhm… geen telefoon hebben dan deze rare telefoon”

28


The setting

Gebruiken voor requirements en concept-testen Goed om het beeld van een groep in totaal te krijgen Met eindgebruikers (5-7 ideaal), Bij grote verschillen aparte focusgroepen houden!

29

26

Voorbeeld

Beschrijvend conclusies trekken Probeer te kwantificeren (9 van de 11 deelnemers vonden dit…) Gebruik quotes om je verhaal te versterken:

27

Wat is de bedoeling? Op elk moment stoppen Test systeem niet participant Anoniem Contact gegevens onderzoeker Handtekening


Gebruik van camera’s en audio recording als dat kan! Een moderator, een notetaker, video/audio Informed consent!

30


Procedure

Observatie

Vragen voorbereiden Papieren met vraag erop in het midden leggen Stimuleer discussie en betrek iedereen (wat vind u ervan?) Hou de tijd in de gaten

31


Observatie


Welke methode


Groeperen van categorieën Goed voor informatie architectuur Online zijn er ook tools voor; bijvoorbeeld TreeJack

34


Procedures user research

Budget/ tijd Type onderzoeksvragen Bekendheid met de gebruiker Combineren!

35

32

Cardsorting

Het liefst uit de kamer! (camera etc) Niet inbreken Liefst 2 observers gebruiken

33

Wat mensen zeggen is niet altijd wat ze denken. “de website was erg duidelijk” terwijl eyetracking, time on page en gezichtsuitdrukkingen een heel ander beeld geven.


Formuleer een of meerdere onderzoeksvragen Plan! Zorg voor goede voorbereiding Doe een pilot Gebruik een informed consent

36


Vragen?

Prototyping & Design Usability Engineering Maartje de Vries: [email protected]

37


Communicating user requirements Persona’s Scenarios/ storyboards

39

Personas Fictieve beschrijvingen van gebruikers Gebaseerd op interviews, vragenlijsten ed. Goed om ‘een beeld’ te krijgen van de gebruikers

Prototyping & Design

40



42


Personas

41

Scenario

Scenario

Taak van gebruiker stap voor stap beschreven. Geeft belangrijkste redenen voor gebruik product/ dienst weer + manier van omgaan

43



44


Design Gebruik usability guidelines, design patterns (e.g. designing interfaces: Jenifer Tidwell; uipatterns.com) Gebruik resultaten uit user studies: http://www.smashingmagazine.com/2009/09/24/10-usefulusability-findings-and-guidelines/ www.usit.com (Nielssen) http://eyetrackingupdate.com/2010/01/05/top-5-eye-trackingusability-findings/ http://libstaff.mit.edu/usability/ www.uxmatters.com

45


Sketching

46


Prototyping Low-fi: paper prototyping, vroeg stadium van ontwikkeling High-fi: functioneel prototype in bijv. HTML/ flash/ Axure, laat stadium van ontwikkeling

47


48


Paper prototyping

Waar in het proces? Requirements Design Paper prototyping (low fi) Prototyping (high fi)

49


Paper prototyping


Paper prototyping -conceptueel

Low fidelity Conceptueel Interface design

51

50

Conceptueel: requirements check


Paper prototyping

52


Paper prototyping: hoe werkt het?

Interface design: check Usability

Gebruikerstaken Zoek het adres van de media markt in Utrecht. Zoek de prijs van de goedkoopste LCD TV met ambi-light.

53


54


User testing

User testing

Eind gebruikers Taken Think aloud

55

Computer simuleren Observeren


Informed consent


De voordelen van paper prototyping

Wat is de bedoeling? Op elk moment stoppen Test systeem niet participant Anoniem Contact gegevens onderzoeker Handtekening

57

56


Garden design systeem

Snel Goedkoop Creatief Geen smaak issues Snel corrigeren

58


Garden design systeem Start

Design a large touch-screen display for a garden centre with which customers with little knowledge about plants can explore the products.

Garden Design

Season Toppers Winter: -X-mas trees - Pumpkins - Bulbs - Poinsettia

59


60

Find A Plant

House Plants - Flowers - Green - Bonsai - Cactus

Garden Plants - Herbs - Roses - Container plants - Floor covering - Buxus / shrubs - Fruit trees - etc.


User tasks You enter a garden centre and notice a touch screen. You want to search for a specific plant so you want to use the touch screen system. Please find a rose which requires a limited amount of water and half sun/half shade light conditions. Try to get detailed information on the location where you can find this plant in the garden centre.

61


62


63


64


65


66


Wireframes Interaction Design niet visual design Skelet van interface Persona’s/ scenario’s als input, maar ook bij redesignWeb analytics Verschillende tools: Omnigraffle, Visio, Axure

67


Wireframes

68


High fidelty prototype Clickable prototype (HTML, Axure, Flash etc) Gebruik scenario’s Usability testing kan meer in detail en ook online gebeuren.

69


70


Vragen?

Cases Maartje de Vries [email protected]

71


72

Cases

Usability Engineering

Evise

Hoe om te gaan met requirements?

Editorial system Verschillende user groups: Author Editor Reviewer Service manager Journal manager

73

Maartje de Vries UE

People finder

People Finder tool Om potentiele ‘reviewers’ te localiseren Maar levert dit de juiste reviewers op?

74

Maartje de Vries UE

More is More? Veel verschillende partijen met verschillende eisen Geen gebruiksvriendelijke oplossing!

75

Maartje de Vries UE

Overtuig de organisatie! Voer een gebruikerstest uit! Laat stakeholders observeren tijdens de test (of video) Combineer Kwantitatief met kwalitatief als dat mogelijk is

77

Maartje de Vries UE

76

Maartje de Vries UE

User test 14 Editors, verschillende werkvelden 10 werkdagen manuscripten (artikelen) door de tool halen Pre en post interviews EN kwantitatieve gegevens

78

Maartje de Vries UE

Resultaten

Keyword search

Veel usability issues Weinig vertrouwen in de tool De oplossing?

79

Maartje de Vries UE

Kanker.nl

80

Maartje de Vries UE

DWUNFU DWUNFU: Develop with us, not for us Continue feedback loop

81

Maartje de Vries UE

Usabilla

83

82

Maartje de Vries UE

Usabilla

Maartje de Vries UE

84

Maartje de Vries UE

Usabilla

Usabilla

85

Maartje de Vries UE

86

Usabilla

Maartje de Vries UE

Parkeermeters

87

Maartje de Vries UE

88

Gebruiksvriendelijk?

Maartje de Vries UE

Review it! Met onze global partners in 10 grote wereldsteden

UTRECHT - De nieuwe parkeermeters op JansKerkhof in Utrecht zorgen voor veel irritatie bij automobilisten. Wi n om kelier s nie uw Nijm e ep ark gen b eer o aut os o p om ate gem een n te

89

keera e p ar nieuw inst e d r rm o e ijn a ll en v o chtrij araten z p n wa tstaa , deze ap n o r E m terda endelijk. Maartje de Vries UE Am s iksvri gebru

utom

aten

in

90

Maartje de Vries UE

Geen twee dezelfde

Londen

Space selection (paying for a specific space) Instructions (complex printed instructions vs. interactive displays) Buttons and flows (does the hardware support the task?) Number of tasks (just inserting coins vs. selecting ticket type, paying for the ticket and printing the ticket) Payment methods (cash, parking card, creditcard or a choice of any of those) Feedback (does the meter provide feedback and is it useful?) Displaying the ticket (is it clear what to do with the ticket?) Error correction (does the meter allow actions to be undone?) 91

Maartje de Vries UE

Amsterdam

92

Maartje de Vries UE

Resultaat “The pay and display parking meters in Amsterdam succeed in combining all complicating factors into one machine: plentiful instructions, 5 different kind of tickets to chose from combined with buttons that can only be distinguished by colour and are not in line with the user’s task flow. Complexity and violation of some basic usability guidelines confuse the user. Perhaps the intention is to deliberately bamboozle this user so he or she will not notice paying one of the highest hourly parking rates worldwide!”

93

Maartje de Vries UE

95

Maartje de Vries UE

94

Maartje de Vries UE

Maartje de Vries. Needs & requirements. Voor. User Intelligence. User centered design. Waarom UX design?

Recommend Documents