21
IDM BLOK E open data HT 1 periode 4 vak HCI HUMAN COMPUTER INTERACTION Klaas Jan Mollema MSc IDMDENHAAG InformatieDienstverlening & informatieManagement HTDENHAAG Human Technology 5

[Ht] human computer interaction 5

Embed Size (px)

Citation preview

IDM  BLOK  Eopen  data

HT  1  periode  4vak  HCI

HUMAN COMPUTERINTERACTIONKlaas  Jan  Mollema  MSc

IDMDENHAAGInformatieDienstverlening &informatieManagement

HTDENHAAGHuman Technology

5

IDM-­‐  E  open  dataINTERACTION  DESIGN

HT  1  periode  4HCI

meet  the  elements  -­‐  the  five  planesstappenplan  voor  een  compleet  ID/UXd  product

College 1 : INTRODUCTIE HCI & OUTLINE JESSY JAMES GARRETT

College 2 : STRATEGY PLANE & SCOPE PLANE

College 3 : STRUCTURE PLANE & SKELETON PLANE

College 4 : SKELETON PLANE (patterns) & SURFACE PLANE

College 5 : USABILITY TESTEN

IDM  BLOK  Eopen  data

HT  1  periode  4vak  HCI

IDMDENHAAGInformatieDienstverlening &informatieManagement

HTDENHAAGHuman Technology

IDM  BLOK  Eopen  data

HT  1  periode  4vak  HCI

USABILITY TESTENtest  wat  je  hebt  bedacht

IDMDENHAAGInformatieDienstverlening &informatieManagement

HTDENHAAGHuman Technology

IDM-­‐  E  open  dataINTERACTION  DESIGN

HT  1  periode  4HCI

Usability  testensoorten  testen

gebruikerstestenscenario-based user testing

expert testencognitive walkthroughheuristic evaluation

IDM-­‐  E  open  dataINTERACTION  DESIGN

HT  1  periode  4HCI

Usability  testensoorten  testen

gebruikerstestenscenario-based user testing

expert testencognitive walkthroughheuristic evaluation

je test het systeem, niet de gebruiker!

observeren van gebruikers bij hetuitvoeren van een realistische taakbehorende bij het systeem is hetmeest voorkomend

taak wordt vaak via een scenariouitgevoerd

andere manieren zijn:- focusgroepen- card sorting- performance measurement evaluations

IDM-­‐  E  open  dataINTERACTION  DESIGN

HT  1  periode  4HCI

Usability  testensoorten  testen

gebruikerstestenscenario-based user testing

expert testencognitive walkthroughheuristic evaluation

Bij cognitive walkthrough wordt er nagedacht over wat de taken en handelingen met de gebruiker doen

Rekening houdend met het wachtenof nadenken van de gebruiker

IDM-­‐  E  open  dataINTERACTION  DESIGN

HT  1  periode  4HCI

Usability  testensoorten  testen

gebruikerstestenscenario-based user testing

expert testencognitive walkthroughheuristic evaluation

stappen cognitive walkthrough

1. keuze van een taak die uitgevoerd wordt

2. de gebruiker zoekt op het scherm naar de activiteit waarmee de taak uitgevoerd kan worden

3. de gebruiker selecteert de activiteit die het dichtst in de buurt komt van de gewenste uitkomst

4. de gebruiker interpreteert de respons van het systeem en schat in of er vooruitgang is geboekt bij het vervullen van de taak

IDM-­‐  E  open  dataINTERACTION  DESIGN

HT  1  periode  4HCI

Usability  testensoorten  testen

gebruikerstestenscenario-based user testing

expert testencognitive walkthroughheuristic evaluation

relevante vragen cognitive walkthrough

1. Hoe weet de gebruiker van de vervolgstap is na stap 1?

2. Hoe weet de gebruiker bij stap 2 dat hij goed bezig is?

3. Hoe weet de gebruiker, op basis van de respons van het systeem, dat hij de juiste handeling verricht heeft?

IDM-­‐  E  open  dataINTERACTION  DESIGN

HT  1  periode  4HCI

Usability  testensoorten  testen

gebruikerstestenscenario-based user testing

expert testencognitive walkthroughheuristic evaluation

relevante vragen cognitive walkthrough

1. Hoe weet de gebruiker van de vervolgstap is na stap 1?

2. Hoe weet de gebruiker bij stap 2 dat hij goed bezig is?

3. Hoe weet de gebruiker, op basis van de respons van het systeem, dat hij de juiste handeling verricht heeft?

dus:1. is duidelijk zichtbaar wat de gebruikers moeten doen voor de actie?2. als de gebruikers de juiste bedieningsknop hebben gevonden, zullen de gebruikers dan

vervolgens herkennen dat dit de actie is die het gewenste effect oplevert?3. als de actie ondernomen is, begrijpen de gebruikers de feedback dan wel die ze van de

interface terugkrijgen, zodat ze vol vertrouwen de volgende actie gaan ondernemen?

IDM-­‐  E  open  dataINTERACTION  DESIGN

HT  1  periode  4HCI

Usability  testensoorten  testen

gebruikerstestenscenario-based user testing

expert testencognitive walkthroughheuristic evaluation

heuristic evaluation

Een heuristic evaluation is een expert review waarbij twee tot vier usability specialisten onafhankelijk van elkaar (een onderdeel van) een gebruikersinterface beoordelen op de naleving van een aantal erkende usability principes.

IDM-­‐  E  open  dataINTERACTION  DESIGN

HT  1  periode  4HCI

Usability  testensoorten  testen

gebruikerstestenscenario-based user testing

expert testencognitive walkthroughheuristic evaluation

heuristic evaluation

Een heuristic evaluation is een expert review waarbij twee tot vier usability specialisten onafhankelijk van elkaar (een onderdeel van) een gebruikersinterface beoordelen op de naleving van een aantal erkende usability principes.

heuristic = regel / richtlijn

IDM-­‐  E  open  dataINTERACTION  DESIGN

HT  1  periode  4HCI

Usability  testensoorten  testen

gebruikerstestenscenario-based user testing

expert testencognitive walkthroughheuristic evaluation

heuristic evaluation

- richtlijnen uit vakliteratuur- uitgevoerd door expert / deskundige(n)- Nielsen heeft algemene richtlijnen gemaakt en heeft een procedure ontwikkeld en zelf toegepast/getest waarmee een interface kan worden ge-evalueerd. De heuristic evaluation

IDM-­‐  E  open  dataINTERACTION  DESIGN

HT  1  periode  4HCI

Usability  testensoorten  testen

gebruikerstestenscenario-based user testing

expert testencognitive walkthroughheuristic evaluation

heuristic evaluation

let op:- geen enkele expert vindt alle problemen- verschillende experts vinden verschillende problemen- elke expert evalueert alleen

dus:combineer aan het eind de afzonderlijkgevonden problemen

evalueren interface is tijdrovendtijd kost geld

praktijk:discount model Nielsen- heuristic evaluation (expert review)- usability test met 5 gebruikers (think aloud)

IDM-­‐  E  open  dataINTERACTION  DESIGN

HT  1  periode  4HCI

Testen  is  duurdiscount  model

evalueren interface is tijdrovendtijd kost geld

praktijk:discount model Nielsen- heuristic evaluation (expert review)- usability test met 5 gebruikers (think aloud)

beiden zijn nodig -> verschillende output- inconsistenties haal je eruit met experts- gebruik in gebruikerscontext haal je eruit met gebruikers

IDM-­‐  E  open  dataINTERACTION  DESIGN

HT  1  periode  4HCI

Testen  is  duurdiscount  model

meet expectations1. match the real world2. consistency & standards3. help & documentation

user is the boss4. user control & freedom5. visiblity of system status6. flexibility & efficiency

IDM-­‐  E  open  dataINTERACTION  DESIGN

HT  1  periode  4HCI

HeuristicsJakob  Nielsen

handle errors7. error prevention8. recognition, not recall9. error reporting, diagnosis and recovery

keep it simple10. aesthetic & minimalist design

IDM-­‐  E  open  dataINTERACTION  DESIGN

HT  1  periode  4HCI

HeuristicsJakob  Nielsen

visibility of system statusthe system should always keep users informed aboutwhat is going on, through appropriate feedback within reasonable time

IDM-­‐  E  open  dataINTERACTION  DESIGN

HT  1  periode  4HCI

HeuristicsJakob  Nielsen

visibility of system statusthe system should always keep users informed aboutwhat is going on, through appropriate feedback within reasonable time

appropriate feedback- laat zien waar je bent binnen de site- feedback geven op formulieren

within reasonable time- download snelheid

IDM-­‐  E  open  dataINTERACTION  DESIGN

HT  1  periode  4HCI

HeuristicsJakob  Nielsen

IDM  BLOK  Eopen  data

HT  1  periode  4vak  HCI

HUMAN COMPUTERINTERACTIONKlaas  Jan  Mollema  MSc

IDMDENHAAGInformatieDienstverlening &informatieManagement

HTDENHAAGHuman Technology