HFST6 Flashcards

1
Q

Wat is het verschil tussen User Experience Vs User Interface?

A

User Interface is puur de design van het flesje en hoe het eruit ziet. en om de UX makkelijken te maken zonder veel moeite.
User Experience bevat UI en is het volledige plaatje, is hoe de gebruiker interact met het product en hoe effectief en efficient hij hiermee tewerk kan gaan zodat de klant tevreden is

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Wireframes VS mockups explain?

A
Wireframes:
hebben ruwe plaatsing van elementen
geen kleur
geen details
geen echte data
Mockups:
Precieze plaatsing van elementen
kleur
echte data 
details
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Leg conceptueel Vs Mentaal model uit?

A

Conceptueel model is hoe het product in elkaar zit en hoe het werkt.
Mentaal model: is hoe de gebruiker denkt dat het eruit moet zien en hoe hij denkt dat het werkt.

Het is de rol van de designer om de ui te doen matche, met de gedachtengang van de gebruiker dit kan hij doen via feedback natuurlijk kunnen meerdere mensen andere opinions hebben hij moet iets ertussen vinden

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Leg Responsive Vs Adaptive design uit?

A

Bij een responsive design gaan we de inhoud scalen zodat het in de verschillende devices geplaatst kan worden
bij adaptive design gaan we voor elk device een aparte wireframe maken

Soms is het gewoon te moeilijk om iets van desktop naar mobile te scalen daarom wordt er voor adaptive design gekozen

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Welke 3 Postures zijn er

A

Lean Back
Lean Forward
Quick Bursts

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Leg de ui regels van Lean Back Uit

A
Het hele scherm is gevuld
grote tekst en grote knoppen
visuele feedback
minimalistische visuele styl(less is more)
gebruikinvoer ondersteuning
bv.speech to text
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Leg de ui regels van Lean Forward uit

A

kleine tekst en knopen
minimale gebruiksinvoer
veel info op 1 scherm
weinig visuele feedback

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Leg de ui regels van Quick Bursts uit

A

Is vooral voor mobiel
moet sporadisch en intensief zijn
moet visueel aantrekkelijk zijn maar ook de functies om te doen wat je wilt doen

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Wat zijn de verschillende navigatiemogelijkheden?

A
Boomstructuur
Stap-voor-stap
Sterstructuur
Multipaneel
Visuele Navigatie
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Leg de boomstructuur uit?

A

Hierbij gaje van een mainmenu naar de verschillende submenus maar als je van een submenu naar de main wilt moet je eerst weer door de andere submenus
–> oplossing je kan een knop zetten dieje direct terug brengt
Bv.bankapp

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Leg de stap-voor-stap uit?

A

dit is gelijk een horizontale versie van de boomstructuur
je kan niet rechtstreeks terugkeren naar een stap die 4 stappen verwijderd is
bv.installeren van software

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Leg de sterstructuur uit?

A

Hierbij kan je even weg van de mainmenu voor een iets te doen zoals een theme te kiezen in word maar kan ook weer zeer snel terug naar het mainmenu

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Leg multipaneel uit?

A

Hierbij kan je hetzelfde als de sterstructuur maar je hebt ook nog andere main-menus zoals bv outlook waar je naar mail kan gaan die die een sterstructuur heeft maar ook naar agenda die een sterstructuur heeft

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Leg visuele navigatie uit?

A

Hierbij kan je klikken op verschillende items op je scherm

maar is niet goed want het is vrij onduidelijk waar je moet klikken en je weet niet wat het doet

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Wat zijn de richtlijnen voor 1 pagina?

A
Mentale belasting
Less is more
Gepaste kleuren
Snelheid
design for error
geef de gebruiker controle
duidelijk en bondig schrijven
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Leg de richtlijn mentale belasting uit

A

Mentale belasting is dat er teveel functies op het scherm staan die de gebruiker momenteel niet nodig je kan dit oplossen door bv een knop te zetten die bepaalde functies bij het scherm plaats wanneer de gebruiker dit wenst–>progressive disclosure
dingen moeten op de juiste plaats staan
op het juiste moment
en dus niet alles in 1 keer

17
Q

Leg de richtlijn less is more uit?

A

De boodschap moet duidelijk zijn
defineer je merk
vermijd afleiding
gebruik kleuren als ondersteuning

18
Q

Leg de richtlijn design for error uit?

A

Je moet de errors wanneer een gebruiker iets fout doet of een fout heeft gemaakt niet technisch maken maar een simpele boodschap die vertelt wat er mis is
je moet ook proberen zulke fouten te vermijden
bv gebruik date-picker ipv normaal invoer veld voor datum

19
Q

Leg de richtlijn Snelheid uit?

A

je moet je landingpagina niet al te zwaar maken zodat de gebruiker niet al te lang moet wachten zodat hij niet weg gaat dit moet tussen de 0,1 en 1sec
de pagina om de bestelling te verwerken mag al iets langer duren maar liefst niet langer dan 10sec.

Gebruik thumbnails
Overbodige Multimedia weglaten
Asynchroon laden

20
Q

Leg de richtlijn kleuren uit?

A

Gebruik een lichte en donkere kleur
gebruik 3 hoofdkleuren
en zorg dat ze bij elkaar passen