Hoofdstuk 1
The Five planes
Een hulpmiddel om een product te maken vanaf de grond tot het eind.
The Five planes bestaat uit vijf lagen namelijk:
Surface
Plaatjes, tekst, hoe het er visueel uit ziet.
Skeleton
Plaatsing van knoppen, foto’s, blokken met tekst. Waar staat alles.
Structure
Structuur van de website, pagina naar pagina, logische volgorde.
Scope
Wat zijn de functies, wat moet er worden gemaakt om het werkend te maken.
Strategy
Strategy van de website, wat wil je bereiken, het doel van de website.
In Principe begin je van beneden naar boven bij het bouwen van het product maar dit hoeft
et maakt dus niet uit waar je precies begint.
niet altijd zo te zijn. H
Elements of user experience
Dit zijn the five planes in details uitgewerkt.
Surface
Sensory Design
Skeleton
Interface Design / Navigation Design
Information Design
Structure
Interaction Design / Information Architecture
Scope
Functional Specifications / Content Requirements
Strategy
User Needs / Product Objectives
Bekijk plaatje in het boek.
,Experience Piramide
Dit is de experience piramide.
Meaningful:
Het heeft persoonlijke waarde voor je.
Pleasurable:
Heeft indruk op je gemaakt en je wilt
het delen.
Convenient:
Het werkt zoals het eruit ziet.
Usable:
Kan makkelijk gebruikt worden, zonder
moeilijkheden
Reliable:
Beschikbaar en accuraat
Functional (Useful):
Werkt zoals het geprogrammeerd is.
Design Pattern
Een design pattern is een oplossing voor een ontwerp probleem.
ieuwe’ oplossing voor een bepaald probleem”.
Dus niet: “Een ‘n
Voorbeeld: Toepassen van een winkelwagen icoon in een webshop is een oplossing om
ervoor te zorgen dat mensen weten waar zij hun producten kunnen bekijken.
Navigatie balk is een oplossing om je te laten navigeren door de website.
Screenreaders
Een screen reader is een device/software programma waarmee een blind persoon, naar
websites kan navigeren. Een screen reader leest als het ware de HTML code op aan de
persoon, waardoor de persoon weet wat er op het scherm staat. Daarom is het van
essentieel belang dat de HTML code semantisch & correct geschreven is.
“Doordat veel blinden screenreaders gebruiken is semantisch correcte HTML minder
belangrijk geworden”. = Niet waar.
, Noem 3 beperkingen die blinden ondervinden bij het surfen op het
web
- Geen hiërarchie, zorgen dat je er doorheen kan tappen.
- Geen plaatjes, schrijf alt teksten.
- Geen PDF lezen, in HTML maken.
Zero State
Een tutorial mode, waarbij je op weg wordt geholpen om de gebruiker zelfstandig aan de
slag te kunnen gaan. Of om gestures/activiteiten discoverable to maken.
4 Voorbeelden: Subtiele hint, Gelijk beginnen (aangeven), Tutorial mode, Angry Birds
The Five planes
Een hulpmiddel om een product te maken vanaf de grond tot het eind.
The Five planes bestaat uit vijf lagen namelijk:
Surface
Plaatjes, tekst, hoe het er visueel uit ziet.
Skeleton
Plaatsing van knoppen, foto’s, blokken met tekst. Waar staat alles.
Structure
Structuur van de website, pagina naar pagina, logische volgorde.
Scope
Wat zijn de functies, wat moet er worden gemaakt om het werkend te maken.
Strategy
Strategy van de website, wat wil je bereiken, het doel van de website.
In Principe begin je van beneden naar boven bij het bouwen van het product maar dit hoeft
et maakt dus niet uit waar je precies begint.
niet altijd zo te zijn. H
Elements of user experience
Dit zijn the five planes in details uitgewerkt.
Surface
Sensory Design
Skeleton
Interface Design / Navigation Design
Information Design
Structure
Interaction Design / Information Architecture
Scope
Functional Specifications / Content Requirements
Strategy
User Needs / Product Objectives
Bekijk plaatje in het boek.
,Experience Piramide
Dit is de experience piramide.
Meaningful:
Het heeft persoonlijke waarde voor je.
Pleasurable:
Heeft indruk op je gemaakt en je wilt
het delen.
Convenient:
Het werkt zoals het eruit ziet.
Usable:
Kan makkelijk gebruikt worden, zonder
moeilijkheden
Reliable:
Beschikbaar en accuraat
Functional (Useful):
Werkt zoals het geprogrammeerd is.
Design Pattern
Een design pattern is een oplossing voor een ontwerp probleem.
ieuwe’ oplossing voor een bepaald probleem”.
Dus niet: “Een ‘n
Voorbeeld: Toepassen van een winkelwagen icoon in een webshop is een oplossing om
ervoor te zorgen dat mensen weten waar zij hun producten kunnen bekijken.
Navigatie balk is een oplossing om je te laten navigeren door de website.
Screenreaders
Een screen reader is een device/software programma waarmee een blind persoon, naar
websites kan navigeren. Een screen reader leest als het ware de HTML code op aan de
persoon, waardoor de persoon weet wat er op het scherm staat. Daarom is het van
essentieel belang dat de HTML code semantisch & correct geschreven is.
“Doordat veel blinden screenreaders gebruiken is semantisch correcte HTML minder
belangrijk geworden”. = Niet waar.
, Noem 3 beperkingen die blinden ondervinden bij het surfen op het
web
- Geen hiërarchie, zorgen dat je er doorheen kan tappen.
- Geen plaatjes, schrijf alt teksten.
- Geen PDF lezen, in HTML maken.
Zero State
Een tutorial mode, waarbij je op weg wordt geholpen om de gebruiker zelfstandig aan de
slag te kunnen gaan. Of om gestures/activiteiten discoverable to maken.
4 Voorbeelden: Subtiele hint, Gelijk beginnen (aangeven), Tutorial mode, Angry Birds
