[ht] human computer interaction 2

IDM BLOK Eopen data

HT 1 periode 4vak HCI

HUMAN COMPUTERINTERACTIONKlaas Jan Mollema MSc

IDMDENHAAGInformatieDienstverlening &informatieManagement

HTDENHAAGHuman Technology

2

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

IDM-‐ E open dataINTERACTION DESIGN

HT 1 periode 4HCI

SURFACE PLANEwhat you see

SKELETON PLANEplacement of buttons etc.

STRUCTURE PLANEthe infrastructure

SCOPE PLANEfunctionality

STRATEGY PLANEwho whants what?


HT 1 periode 4HCI


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 4HCI



- Site Objectives- User needs

Oftewel:- Wat willen de makers met de site bereiken?- Wat willen de gebruikers met de site bereiken?

En: formuleer je eisen zo duidelijk mogelijk: SMART


HT 1 periode 4HCI



“Defining the scope: a valuable process that results in a valuable product”

Oftewel:Bepaal de omvang en grootte van je project en dat hangt weer af van de tijd en middelen die je hebt


HT 1 periode 4HCI


IDM BLOK Eopen data


STRATEGY PANEthe user needs




strategy panethe user needs


HT 1 periode 4HCI

input:- de gebruikers zelf- aansluiten bij wat ze nu al doen



HT 1 periode 4HCI

output:- user needs vormen samen met site objectives een visie of strategie document

>> geen opsomming van doelen, maar een ‘verhaal’



HT 1 periode 4HCI

moeilijkheden:- gebruikersgroepen zijn vaak erg divers- segmenteren om te focussen (doelgroepanalyse)

stakeholdersbelanghebbenden


HT 1 periode 4HCI

primary usersDe doelgroep voor je applicatie. Diegenen die er daadwerkelijk mee aan de slag gaan.

secundary usersandere betrokkenen. Diegenen die door het systeem beïnvloed worden of die het systeem beïnvloeden.

doelgroepwat is dat?


HT 1 periode 4HCI

een groep mensen met ongeveer dezelfde eigenschappen (gebruikerskenmerken)

doelgroependrie aspecten


HT 1 periode 4HCI

- wie zijn er aan het werk en wat zijn dat voor mensen --> gebruikers- Wat doen ze en hoe doen ze dat --> taak (afhankelijk van het doel van de gebruiker)- Onder welke omstandigheden werken ze --> taakcontext

gebruikerscharacteristics vs needs


HT 1 periode 4HCI

CharacteristicsUser needs

gebruikers segmenterenhoe segmenteer je de doelgroep


HT 1 periode 4HCI

doelbegrijpen hoe gebruiker daadwerkelijk een applicatie zullen gaan gebruiken

segmenteer op basis van- doelen- gedragspatronen- houding



HT 1 periode 4HCI

per segment beschrijf je- demografische kenmerken (leeftijd, sexe, inkomen, etc)- computerervaring- motivatie- attitude- lichamelijke beperking



HT 1 periode 4HCI

per segment beschrijf je- demografische kenmerken- computerervaring- motivatie- attitude- lichamelijke beperking



HT 1 periode 4HCI

per segment beschrijf je- demografische kenmerken (leeftijd, sexe, inkomen, etc)- computerervaring- motivatie- attitude- lichamelijke beperking

persona’s en scenario’shoe segmenteer je de doelgroep


HT 1 periode 4HCI

een persona is een concrete omschrijving van een gebruiker en wat die precies wil bereiken:- fictief maar precies (naam, leeftijd, etc.)- specifiek maar steriotype (geldend voor een bepaalde (doel)groep)



HT 1 periode 4HCI

beschrijf een persona in termen van:- doelen met de applicatie- doelen in het leven algemeen (voor zover relevant)- vaardigheden- achtergronden- interessegebieden



HT 1 periode 4HCI

stappenplan persona- verzamel informatie statistische gegevens, literatuur, interviews, observeren --> tabel

- analyseer informatie conclusie trekken uit data

- segmenteer doelgroep segmenteren op doelen, gedragspatronen en/of houding

- benoem persona’s kiezen van primaire persona’s en maken grove beschrijvingen

- beschrijf persona’s persona’s volledig uitwerken

opdrachthoe beschrijf je Koos Werkeloos (43 jaar) ikv de website van het UWV?


HT 1 periode 4HCI

stappenplan persona- verzamel informatie statistische gegevens, literatuur, interviews, observeren --> tabel

- analyseer informatie conclusie trekken uit data

- segmenteer doelgroep segmenteren op doelen, gedragspatronen en/of houding

- benoem persona’s kiezen van primaire persona’s en maken grove beschrijvingen

- beschrijf persona’s persona’s volledig uitwerken


HT 1 periode 4HCI

THE USER IS ALWAYS RIGHT



HT 1 periode 4HCI

PERSONA’S SCHERPEN AAN



HT 1 periode 4HCI

PERSONA’S ZORGEN VOOR CONSENSUS



HT 1 periode 4HCI

PERSONA’S ROEPEN SYMPATHIE OP



HT 1 periode 4HCI

PERSONA’S CREËREN EFFICIËNTIE



HT 1 periode 4HCI


tip: gebruik life-size cut-outs


HT 1 periode 4HCI

the strategy planesite objectives

specifieker dan business goals

brand identityvisuele en interactie elementen zijn belangrijke pijlers in het communiceren van de merkidentiteit

success metricsindicatoren die aangeven of de website die ontwikkeld is ook de gestelde doelen behaalt


HT 1 periode 4HCI

the strategy plane > scope planesite objectives

site objectives + user needs > functionele eisen en content eisen

IDM BLOK Eopen data


SCOPE PLANEfunctionaliteiten in gebruik en inhoud





HT 1 periode 4HCI

the scope planefunctionaliteiten in gebruik en inhoud

requirementseen waardevol proces eindigt in een waardevol product- Beschrijven van de requirements is nodig om eventuele conflicten op te sporen- Het product beschrijven is nodig voor de aansturing van je projectteam


HT 1 periode 4HCI



functionalspecifications

contentrequirements

opstellen functionele eisenzo specifiek mogelijk- be positive- be specific- avoid subjective language


HT 1 periode 4HCI




contentrequirements

opstellen functionele eisen- systeemeisen zijn geordend op prioriteit- systeemeisen zijn genummerd- systeemeisen zijn altijd in enkelvoud opgesteld (geen dit én dit)- systeemeisen kunnen worden ingedeeld in categorieën


HT 1 periode 4HCI




contentrequirements

opdracht: functionele eisen

1. De applicatie biedt geen ondersteuning aan gehandicapte mensen

2. De gebruiker kan adresgegevens vastleggen van een klant3. Er zijn afbeeldingen in te zien die bij de gegevens horen4. Het is onmogelijk om een foto op te slaan bij de

persoonsgegevens5. De applicatie toont mooie plaatjes van de school6. De gebruiker kan oefenen met het bouwen van een

nomadentent7. De applicatie toont virtuele tours van de school


HT 1 periode 4HCI




contentrequirements

prioriteringMOSCOW methode- Must have- Should have- Could have- Would have / Won’t have


HT 1 periode 4HCI




contentrequirements

het doel van contenteisenContenteisen hebben vaak functionele implicaties

De opsteller van de content heeft een richtlijn voor de aan te leveren content

IDM BLOK Eopen data


HUMAN COMPUTERINTERACTIONKlaas Jan Mollema MSc



[ht] human computer interaction 2

Education

de site

de slag

de makers

compleet iduxd productcollege

de gebruikers zelf

de omvang en grootte

de tijd en middelen

user needsoftewel