[Ht] human computer interaction 5
0 likes266 views
[Ht] human computer interaction 5
- 1. 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
- 2. IDM-‐ E open data INTERACTION DESIGN HT 1 periode 4 HCI meet the elements -‐ the five planes stappenplan voor een compleet ID/UXd product
- 3. 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 E open data HT 1 periode 4 vak HCI IDMDENHAAG InformatieDienstverlening & informatieManagement HTDENHAAG Human Technology
- 4. IDM BLOK E open data HT 1 periode 4 vak HCI USABILITY TESTEN test wat je hebt bedacht IDMDENHAAG InformatieDienstverlening & informatieManagement HTDENHAAG Human Technology
- 5. IDM-‐ E open data INTERACTION DESIGN HT 1 periode 4 HCI Usability testen soorten testen gebruikerstesten scenario-based user testing expert testen cognitive walkthrough heuristic evaluation
- 6. IDM-‐ E open data INTERACTION DESIGN HT 1 periode 4 HCI Usability testen soorten testen gebruikerstesten scenario-based user testing expert testen cognitive walkthrough heuristic evaluation je test het systeem, niet de gebruiker! observeren van gebruikers bij het uitvoeren van een realistische taak behorende bij het systeem is het meest voorkomend taak wordt vaak via een scenario uitgevoerd andere manieren zijn: - focusgroepen - card sorting - performance measurement evaluations
- 7. IDM-‐ E open data INTERACTION DESIGN HT 1 periode 4 HCI Usability testen soorten testen gebruikerstesten scenario-based user testing expert testen cognitive walkthrough heuristic evaluation Bij cognitive walkthrough wordt er nagedacht over wat de taken en handelingen met de gebruiker doen Rekening houdend met het wachten of nadenken van de gebruiker
- 8. IDM-‐ E open data INTERACTION DESIGN HT 1 periode 4 HCI Usability testen soorten testen gebruikerstesten scenario-based user testing expert testen cognitive walkthrough heuristic 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
- 9. IDM-‐ E open data INTERACTION DESIGN HT 1 periode 4 HCI Usability testen soorten testen gebruikerstesten scenario-based user testing expert testen cognitive walkthrough heuristic 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?
- 10. IDM-‐ E open data INTERACTION DESIGN HT 1 periode 4 HCI Usability testen soorten testen gebruikerstesten scenario-based user testing expert testen cognitive walkthrough heuristic 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?
- 11. IDM-‐ E open data INTERACTION DESIGN HT 1 periode 4 HCI Usability testen soorten testen gebruikerstesten scenario-based user testing expert testen cognitive walkthrough heuristic 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.
- 12. IDM-‐ E open data INTERACTION DESIGN HT 1 periode 4 HCI Usability testen soorten testen gebruikerstesten scenario-based user testing expert testen cognitive walkthrough heuristic 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
- 13. IDM-‐ E open data INTERACTION DESIGN HT 1 periode 4 HCI Usability testen soorten testen gebruikerstesten scenario-based user testing expert testen cognitive walkthrough heuristic 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
- 14. IDM-‐ E open data INTERACTION DESIGN HT 1 periode 4 HCI Usability testen soorten testen gebruikerstesten scenario-based user testing expert testen cognitive walkthrough heuristic 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 afzonderlijk gevonden problemen
- 15. evalueren interface is tijdrovend tijd kost geld praktijk: discount model Nielsen - heuristic evaluation (expert review) - usability test met 5 gebruikers (think aloud) IDM-‐ E open data INTERACTION DESIGN HT 1 periode 4 HCI Testen is duur discount model
- 16. evalueren interface is tijdrovend tijd 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 data INTERACTION DESIGN HT 1 periode 4 HCI Testen is duur discount model
- 17. meet expectations 1. match the real world 2. consistency & standards 3. help & documentation user is the boss 4. user control & freedom 5. visiblity of system status 6. flexibility & efficiency IDM-‐ E open data INTERACTION DESIGN HT 1 periode 4 HCI Heuristics Jakob Nielsen
- 18. handle errors 7. error prevention 8. recognition, not recall 9. error reporting, diagnosis and recovery keep it simple 10. aesthetic & minimalist design IDM-‐ E open data INTERACTION DESIGN HT 1 periode 4 HCI Heuristics Jakob Nielsen
- 19. visibility of system status the system should always keep users informed about what is going on, through appropriate feedback within reasonable time IDM-‐ E open data INTERACTION DESIGN HT 1 periode 4 HCI Heuristics Jakob Nielsen
- 20. visibility of system status the system should always keep users informed about what 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 data INTERACTION DESIGN HT 1 periode 4 HCI Heuristics Jakob Nielsen
- 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