Samenvatting – Human Computer Interaction
Hoofdstuk 1
5 planes – Hoe worden keuzes gemaakt?
Op de eerste plane kijken we naar hoe onze website past bij onze strategie. Op de hoogste plane
kijken we naar details.
The surface plane
Hoe ziet de website eruit? Op welke foto’s kun je klikken en wat zijn alleen illustraties?
Sommige met duidelijk doel zoals een winkelmandje
The skeleton plane
Plaatsing van buttons, menu, foto’s en tekst. Bedoelt om ultieme effect en efficiëntie van
deze elementen naar boven te halen.
The structure plane
Vertelt hoe de gebruiker naar een bepaalde pagina gaat en waar ze heen moeten als ze
klaar zijn.
The scope plane
Vertelt hoe kenmerken en functies van de website bij elkaar passen.
The strategy plane
Vertelt wat de mensen van de website willen en wat de gebruiker wilt.
Tim Berners-lee heeft het WEB gemaakt. Het is gemaakt om de informatie van onderzoekers met
andere onderzoekers te delen.
Wanneer de gebruiker het web ging vormen, ontstonden er 2 groepen.
Groep 1 zag elk probleem als applicatieontwerpprobleem en paste probleemoplossende
benaderingen toe.
Groep 2 zag het web als verspreiden en opvragen van informatie.
The elements of user experience
The strategy plane -> Allebei product as functionality en product as information
User needs zijn de doelen voor de site dat van buiten de organisatie komen. We moeten
begrijpen wat de gebruiker wil en hoe dat past bij doelen die ze nog meer hebben. Daar tegen
over staan onze eigen doelen als ‘make $1 million in web sales this year’.
The scope plane
Functional specifications: een gedetailleerde beschrijving van een functie van een product.
Content requirements: een beschrijving van content elementen die nodig zijn.
The structure plane
Interaction design: Hoe reageert het systeem op het antwoord van de gebruiker.
Information architecture: De opstelling van content elementen om menselijk begrip makkelijker
te maken.
Skeleton plane
Information design: de presentatie van informatie om het beter te begrijpen.
Interface design: het rangschikken van interface elementen om de gebruiker in staat te stellen
om interactie te stellen met de functualiteit van het systeem.
, Navigation design: de set van scherm elementen die de gebruiker toestaat om te verschuiven.
Surface plane
Sensory experience: Gecreëerd door een gemaakt product.
Information design, navigation design en interaction design vormen het skelet van een product.
Content is king! Technologie kan net zo belangrijk zijn als content.
Bruikbaarheid
Repareer de basis voor je gaat beginnen aan de mooie dingen. Bruikbaarheid gaat over
verschuiven van obstakels dat in de weg staan voor een goede experience. Wanneer technologie
basis behoeften levert, domineert de gebruikerservaring.
User experience hierarchy of needs model
Functional
Elk idee begint met een functueel oplossing van een probleem.
Reliable > betrouw
Betrouwbaarheid van de service
Usable en convenient
Pleasurable > plezierig
Focust op aantasten en emotie
Meaningful > belangrijk
Je kan iets niet belangrijk maken voor iemand- belangrijk is voor iedereen persoonlijk.
Design pattern > een probleem dat zich over en over voordoet en dan de kern van
de oplossing beschrijft van dat probleem
> een patroon bestaat al en is niet nieuw
> patronen zijn strucele en gedragsmatige kenmerken dat de
bewoonbaarheid verbetert.
> Ze maken tools makkelijk en bruikbaar
> voorbeelden: deuren, swipe omhoog om te refreshen.
Zo kun je design patterns gebruiken:
Learning > ontwerppatronen dien als leermoment
Examples > handing
Terminology > ontwerppatroon namen gebruiken om te communiceren
Inspiratie > Elk patroon beschrijft de renenen waarom het patroon werkt om een interface
makkelijker te maken
What makes a great user interface?
1. clarity > maak jouw inferface duidelijk
voorbeelden: taal, flow en herarchie
2. concision > maak jouw interface kort, maar duidelijk “less is more”
voorbeelden:
3. Familiarty > gebruik vertrouwde buttons of iconen
4. Responsiveness > sympathiek betekent snelheid
Hoofdstuk 1
5 planes – Hoe worden keuzes gemaakt?
Op de eerste plane kijken we naar hoe onze website past bij onze strategie. Op de hoogste plane
kijken we naar details.
The surface plane
Hoe ziet de website eruit? Op welke foto’s kun je klikken en wat zijn alleen illustraties?
Sommige met duidelijk doel zoals een winkelmandje
The skeleton plane
Plaatsing van buttons, menu, foto’s en tekst. Bedoelt om ultieme effect en efficiëntie van
deze elementen naar boven te halen.
The structure plane
Vertelt hoe de gebruiker naar een bepaalde pagina gaat en waar ze heen moeten als ze
klaar zijn.
The scope plane
Vertelt hoe kenmerken en functies van de website bij elkaar passen.
The strategy plane
Vertelt wat de mensen van de website willen en wat de gebruiker wilt.
Tim Berners-lee heeft het WEB gemaakt. Het is gemaakt om de informatie van onderzoekers met
andere onderzoekers te delen.
Wanneer de gebruiker het web ging vormen, ontstonden er 2 groepen.
Groep 1 zag elk probleem als applicatieontwerpprobleem en paste probleemoplossende
benaderingen toe.
Groep 2 zag het web als verspreiden en opvragen van informatie.
The elements of user experience
The strategy plane -> Allebei product as functionality en product as information
User needs zijn de doelen voor de site dat van buiten de organisatie komen. We moeten
begrijpen wat de gebruiker wil en hoe dat past bij doelen die ze nog meer hebben. Daar tegen
over staan onze eigen doelen als ‘make $1 million in web sales this year’.
The scope plane
Functional specifications: een gedetailleerde beschrijving van een functie van een product.
Content requirements: een beschrijving van content elementen die nodig zijn.
The structure plane
Interaction design: Hoe reageert het systeem op het antwoord van de gebruiker.
Information architecture: De opstelling van content elementen om menselijk begrip makkelijker
te maken.
Skeleton plane
Information design: de presentatie van informatie om het beter te begrijpen.
Interface design: het rangschikken van interface elementen om de gebruiker in staat te stellen
om interactie te stellen met de functualiteit van het systeem.
, Navigation design: de set van scherm elementen die de gebruiker toestaat om te verschuiven.
Surface plane
Sensory experience: Gecreëerd door een gemaakt product.
Information design, navigation design en interaction design vormen het skelet van een product.
Content is king! Technologie kan net zo belangrijk zijn als content.
Bruikbaarheid
Repareer de basis voor je gaat beginnen aan de mooie dingen. Bruikbaarheid gaat over
verschuiven van obstakels dat in de weg staan voor een goede experience. Wanneer technologie
basis behoeften levert, domineert de gebruikerservaring.
User experience hierarchy of needs model
Functional
Elk idee begint met een functueel oplossing van een probleem.
Reliable > betrouw
Betrouwbaarheid van de service
Usable en convenient
Pleasurable > plezierig
Focust op aantasten en emotie
Meaningful > belangrijk
Je kan iets niet belangrijk maken voor iemand- belangrijk is voor iedereen persoonlijk.
Design pattern > een probleem dat zich over en over voordoet en dan de kern van
de oplossing beschrijft van dat probleem
> een patroon bestaat al en is niet nieuw
> patronen zijn strucele en gedragsmatige kenmerken dat de
bewoonbaarheid verbetert.
> Ze maken tools makkelijk en bruikbaar
> voorbeelden: deuren, swipe omhoog om te refreshen.
Zo kun je design patterns gebruiken:
Learning > ontwerppatronen dien als leermoment
Examples > handing
Terminology > ontwerppatroon namen gebruiken om te communiceren
Inspiratie > Elk patroon beschrijft de renenen waarom het patroon werkt om een interface
makkelijker te maken
What makes a great user interface?
1. clarity > maak jouw inferface duidelijk
voorbeelden: taal, flow en herarchie
2. concision > maak jouw interface kort, maar duidelijk “less is more”
voorbeelden:
3. Familiarty > gebruik vertrouwde buttons of iconen
4. Responsiveness > sympathiek betekent snelheid
