HFST6 Flashcards
Wat is het verschil tussen een wireframe en een mockup?
Wireframe-> geen details,geen kleur, geen data, afbeeldingen niet juist gepositioneerd
Mockup-> alle details,echte data,kleur,preciez geplaatste afbeeldingen
Verschil tussen conceptual model and mental model?
concept->plan voor het model
mental-> hoe de gebruiker het ziet op basis van zijn kennis
Responsive vs adaptive design?
Responsive-> 1 design voor elke apparaat
adaptive-> 1 design per apparaat
Welke drie houdingen zijn er in device experience?
Lean Back
Lean Forward
Quick burst
Kenmerken van lean back?
Benut volledig scherm grote knoppen en tekst minimalistische visuele stijl veel visuele feedback ondersteuning bij spraakinvoer
Kenmerken van lean forward?
veel info op 1 scherm
weinig visuele feedback
minder ondersteuning
kleine knopppen tekst
Kenmerken van Quick Burst?
Gebruik is sporadisch maar wel intensief
Soorten Navigatie voor een volledige structuur?
Boomdiagram,stap-per-stap,sterdiagram,multipaneel
Leg wireframe verder uit
Is de blauwdruk
lage getrouwheidsgraad
schets met pen en papier
focus ligt op de functie
Leg mockup verder uit
Statische voorstelling
middel tot hoge getrouwheidsgraad
foxus ligt op vorm
Leg prototype verder uit
Realistische weergave van een app
zeer hoge getrouwheidsgraad
focus ligt op bruikbaarheid
Wat zijn veelgemaakte fouten bij het opstellen van een pagina
Pagina waar je veel moet scrollen geen navigatiesupport slechte navigatie overdesign fout kleurenpallet teveel media teveel van de nieuwste technologieen
Leg richtlijn gepaste kleuren uit
Kleuren passen bij thema
3 hoofdkleuren
per hoofdkleur 1licht en 1donker
geen felle
Leg richtlijn snelheid uit
pagina binnen de 10s tonen vermijd onnodige multimedia thumbnails bundling en minification asychroon laden
leg richtlijn design for error uit
toon gepaste simpele errors
niet errors van systeem
