HCI TENTAMEN
Communication & Multimedia Design
Rosa Koopman
,Samenvatting Tentamen HCI (hele reader)
Hoofdstuk 1 The Elements of User Experience)
Good interface = het begrijpen van de gebruiker
Waarom gebruikers tools gebruiken:
- Informatie vinden
- Iets lezen
- Transacties
- Iets maken/leren
- Iets controleren/besturen
- Zich entertainen
- Conversaties met andere mensen
Empirical discovery = de enige goede manier om informatie te verkrijgen over User Research.
Door middel van naar je doelgroep toe te gaan en hen te ontmoeten. Weet wat de doelen
zijn van je doelgroep, zoals;
- Waarom gebruiken ze bepaalde software/website
- Specifieke taken die ze verrichten om een doel te bereiken
bij software/website
- De taal/woorden die ze gebruiken om te omschrijven wat ze
aan het doen zijn
Tim Berners Lee = uitvinder van het World Wide Web
User Experience of Needs Model:
Bovenaan staat:
Subjectief – Gefocust op ervaringen (mensen, activiteiten en context)
Onderaan staat:
Objectief – Gefocust op taken (producten en kenmerken)
Usability = weghalen van blokkades en obstakels die in de weg staan om een goede (user
experience) ervaring te hebben0
1. Meaningful = betekenis kan je niet maken voor iemand, zij moeten het vinden
(persoonlijk en subjectief)
2. Pleasurable = invloed van emoties, humor en stijl
3. Convenient (gemakkelijk) = handig, werkt het zoals ik denk?
4. Usable = bruikbaar zonder moeite, richt zich op bestaande problemen
5. Reliable = betrouwbaar en recent, goede service en gebruik van data
6. Functional = usefull, functionele oplossingen voor een probleem
Downloaded by:: Roene |
Distribution of this document is illegal
,The five planes
Surface = buitenkant van een webpagina (foto’s en tekst)
Skeleton = plaatsing content (foto’s en tekst)
Structure = navigatie, links en home
Scope = Hoe werken kenmerken/functies samen
Strategy = Wat we uit de site willen halen
User needs = doelen van de gebruiker op een site
Product objectives = doelen op de site zelf
Functional specifications = Beschrijving kenmerken
Pijl van beneden naar boven: 'Conception'
naar boven 'Completion'
Content requirements = verschillende content die nodig is
Interaction design = hoe systeem gedraagt + reactie tegen gebruiker (responsive)
Information architecture = rangschikken van elementen (structuur)
Interface design = gebruikers interactie met functie systeem
Navigation design = scherm elementen dat toestaat gebruikers te bewegen door info
architecture
Information design = presentatie info (duidelijk maken)
Sensory design = uiterlijke product
Het gaat er bij het model om het ‘wat’ en niet om het ‘hoe’. Hoe het schema wordt gebruikt,
van onder naar boven of van links naar rechts. Dat maakt dus niet uit!
Pattern = oplossing voor een design probleem vergroot usability, makkelijker begrijpen,
interface mooi maken en tools meer bruikbaar. Een voorbeeld van een slechte pattern is een
QWERTY toetsenbord. De letters liggen niet op een manier wat eigenlijk het meest logische
is.
1e probleem: Applicatie design
2e probleem: web om info te wisselen
(^^zie verdieping hoofdstuk 1, na hoofdstuk 4^^)
UI = user interface; interactie tussen de gebruiker en de app/interface = een manier waarop
een zaak wordt vervuld met een product met de interface kan je de reactie van de mensen
peilen. Hoe ze dus reageren op het product.
Downloaded by:: Roene |
Distribution of this document is illegal
,Design proces:
- Veldonderzoek
- Goal & Task analyse
- Design models
- Personas
- Scenarios
- Prototypes
- Experiment tekst
- Genoeg tijd om het herhalen
Way to use patterns:
- Learning (leren)
- Examples (voorbeelden)
- Terminology (woorden uit een vakgebied)
- Inspiration (inspiratie)
Handicaps die gebruikers kunnen hebben;
- Visual (blind/slechtziend)
- Hearing (doof/slechthorend)
- Motor (problemen met motoriek)
- Cognitieve (psychologische tak die zich bezighoudt met interne en mentale
processen)
Windows Phone design filosofie;
- Gebruik een grid
- Typografie
- Hiërarchie
- More with less
- Meer infografie dan icongrafie
Live tiles = laat het leven!
Hoe moet je skimmen door content:
- Lees de kopjes
- Lees de links (maak gebruik van de tab-knop)
- Zoek alinea’s en pagina elementen
- Negeer navigatie links
Screenreaders = Jaws & Windowseye
Minder ervaren lezers lezen 180 woorden per minuut en ervaren lezers lezen 300 woorden
per minuut.
Downloaded by:: Roene |
Distribution of this document is illegal
, Principes voor een goede interface:
Clarity (helderheid) = duidelijk/hiërarchie
Concision (kortheid) = beknopt, not to much on the screen
Familiarity = gebruiker niet herkenbaar zoeken (less is more). Zorg dat het begrepen wordt.
Responsives = snel, goed feedback
Consistency = proces consistent (patronen)
Asthetics (schoonheid) =goed eruit zien
Efficiency = tijd is geld (shortcuts)
Forgiveness = vergeving faken (make it easy to undo actions)
Hoofdstuk 2 Tap is the new click)
Gesprekstechnologieën:
- Q&A = systeem heeft controle
- Menu’s = alleen herkennen, zoals toolbar, menubar of fullscreen
- Forms = 1. Transcription input 2. Screen of pop-up.
(time of error = belangrijk). Correct user after filling in each section.
- Ordering = categorie op alfabetische volgorde of op datum-volgorde
- Command language = programmeer taal
- Natural language = beetje content (spreektaal)
- Direct manipulation = directe weergave van de actie
- Indirect manipulation = indirecte weergave van een actie, bijv.: scrollen met een muis
Paradigma = Samenhangend stelsel van modellen en theorieën die een denkkader vormen.
CLI = Command Line Interface = Disconnected, static, high low, primarily text based
GUI =Graphic User Interface = content en functies worden zichtbaar, responsive, indirect (er
is device nodig), WYSIWYG (what you see is what you get) vb.: to do list en belastingdienst
NUI = Natural User Interface = acties direct met/op content, fast-few, intuïtion, contextual
(touch) vb.: met muis scrollen
OUI = Organic User Interface = Gaat in op de wereld, alle elementen zijn met elkaar
verbonden, constant zero
VUI =Voice User Interface = moeilijk toe te passen (invisible), siri
Spraakinput = gebruiker heeft geen handen vrij
Spraakoutput = gebruiker heeft geen ogen vrij
Geschikt voor UI met low user input & low system out
Downloaded by:: Roene |
Distribution of this document is illegal
Communication & Multimedia Design
Rosa Koopman
,Samenvatting Tentamen HCI (hele reader)
Hoofdstuk 1 The Elements of User Experience)
Good interface = het begrijpen van de gebruiker
Waarom gebruikers tools gebruiken:
- Informatie vinden
- Iets lezen
- Transacties
- Iets maken/leren
- Iets controleren/besturen
- Zich entertainen
- Conversaties met andere mensen
Empirical discovery = de enige goede manier om informatie te verkrijgen over User Research.
Door middel van naar je doelgroep toe te gaan en hen te ontmoeten. Weet wat de doelen
zijn van je doelgroep, zoals;
- Waarom gebruiken ze bepaalde software/website
- Specifieke taken die ze verrichten om een doel te bereiken
bij software/website
- De taal/woorden die ze gebruiken om te omschrijven wat ze
aan het doen zijn
Tim Berners Lee = uitvinder van het World Wide Web
User Experience of Needs Model:
Bovenaan staat:
Subjectief – Gefocust op ervaringen (mensen, activiteiten en context)
Onderaan staat:
Objectief – Gefocust op taken (producten en kenmerken)
Usability = weghalen van blokkades en obstakels die in de weg staan om een goede (user
experience) ervaring te hebben0
1. Meaningful = betekenis kan je niet maken voor iemand, zij moeten het vinden
(persoonlijk en subjectief)
2. Pleasurable = invloed van emoties, humor en stijl
3. Convenient (gemakkelijk) = handig, werkt het zoals ik denk?
4. Usable = bruikbaar zonder moeite, richt zich op bestaande problemen
5. Reliable = betrouwbaar en recent, goede service en gebruik van data
6. Functional = usefull, functionele oplossingen voor een probleem
Downloaded by:: Roene |
Distribution of this document is illegal
,The five planes
Surface = buitenkant van een webpagina (foto’s en tekst)
Skeleton = plaatsing content (foto’s en tekst)
Structure = navigatie, links en home
Scope = Hoe werken kenmerken/functies samen
Strategy = Wat we uit de site willen halen
User needs = doelen van de gebruiker op een site
Product objectives = doelen op de site zelf
Functional specifications = Beschrijving kenmerken
Pijl van beneden naar boven: 'Conception'
naar boven 'Completion'
Content requirements = verschillende content die nodig is
Interaction design = hoe systeem gedraagt + reactie tegen gebruiker (responsive)
Information architecture = rangschikken van elementen (structuur)
Interface design = gebruikers interactie met functie systeem
Navigation design = scherm elementen dat toestaat gebruikers te bewegen door info
architecture
Information design = presentatie info (duidelijk maken)
Sensory design = uiterlijke product
Het gaat er bij het model om het ‘wat’ en niet om het ‘hoe’. Hoe het schema wordt gebruikt,
van onder naar boven of van links naar rechts. Dat maakt dus niet uit!
Pattern = oplossing voor een design probleem vergroot usability, makkelijker begrijpen,
interface mooi maken en tools meer bruikbaar. Een voorbeeld van een slechte pattern is een
QWERTY toetsenbord. De letters liggen niet op een manier wat eigenlijk het meest logische
is.
1e probleem: Applicatie design
2e probleem: web om info te wisselen
(^^zie verdieping hoofdstuk 1, na hoofdstuk 4^^)
UI = user interface; interactie tussen de gebruiker en de app/interface = een manier waarop
een zaak wordt vervuld met een product met de interface kan je de reactie van de mensen
peilen. Hoe ze dus reageren op het product.
Downloaded by:: Roene |
Distribution of this document is illegal
,Design proces:
- Veldonderzoek
- Goal & Task analyse
- Design models
- Personas
- Scenarios
- Prototypes
- Experiment tekst
- Genoeg tijd om het herhalen
Way to use patterns:
- Learning (leren)
- Examples (voorbeelden)
- Terminology (woorden uit een vakgebied)
- Inspiration (inspiratie)
Handicaps die gebruikers kunnen hebben;
- Visual (blind/slechtziend)
- Hearing (doof/slechthorend)
- Motor (problemen met motoriek)
- Cognitieve (psychologische tak die zich bezighoudt met interne en mentale
processen)
Windows Phone design filosofie;
- Gebruik een grid
- Typografie
- Hiërarchie
- More with less
- Meer infografie dan icongrafie
Live tiles = laat het leven!
Hoe moet je skimmen door content:
- Lees de kopjes
- Lees de links (maak gebruik van de tab-knop)
- Zoek alinea’s en pagina elementen
- Negeer navigatie links
Screenreaders = Jaws & Windowseye
Minder ervaren lezers lezen 180 woorden per minuut en ervaren lezers lezen 300 woorden
per minuut.
Downloaded by:: Roene |
Distribution of this document is illegal
, Principes voor een goede interface:
Clarity (helderheid) = duidelijk/hiërarchie
Concision (kortheid) = beknopt, not to much on the screen
Familiarity = gebruiker niet herkenbaar zoeken (less is more). Zorg dat het begrepen wordt.
Responsives = snel, goed feedback
Consistency = proces consistent (patronen)
Asthetics (schoonheid) =goed eruit zien
Efficiency = tijd is geld (shortcuts)
Forgiveness = vergeving faken (make it easy to undo actions)
Hoofdstuk 2 Tap is the new click)
Gesprekstechnologieën:
- Q&A = systeem heeft controle
- Menu’s = alleen herkennen, zoals toolbar, menubar of fullscreen
- Forms = 1. Transcription input 2. Screen of pop-up.
(time of error = belangrijk). Correct user after filling in each section.
- Ordering = categorie op alfabetische volgorde of op datum-volgorde
- Command language = programmeer taal
- Natural language = beetje content (spreektaal)
- Direct manipulation = directe weergave van de actie
- Indirect manipulation = indirecte weergave van een actie, bijv.: scrollen met een muis
Paradigma = Samenhangend stelsel van modellen en theorieën die een denkkader vormen.
CLI = Command Line Interface = Disconnected, static, high low, primarily text based
GUI =Graphic User Interface = content en functies worden zichtbaar, responsive, indirect (er
is device nodig), WYSIWYG (what you see is what you get) vb.: to do list en belastingdienst
NUI = Natural User Interface = acties direct met/op content, fast-few, intuïtion, contextual
(touch) vb.: met muis scrollen
OUI = Organic User Interface = Gaat in op de wereld, alle elementen zijn met elkaar
verbonden, constant zero
VUI =Voice User Interface = moeilijk toe te passen (invisible), siri
Spraakinput = gebruiker heeft geen handen vrij
Spraakoutput = gebruiker heeft geen ogen vrij
Geschikt voor UI met low user input & low system out
Downloaded by:: Roene |
Distribution of this document is illegal
