HFST6 Flashcards
Wat is het verschil tussen User Experience Vs User Interface?
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
Wireframes VS mockups explain?
Wireframes: hebben ruwe plaatsing van elementen geen kleur geen details geen echte data Mockups: Precieze plaatsing van elementen kleur echte data details
Leg conceptueel Vs Mentaal model uit?
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
Leg Responsive Vs Adaptive design uit?
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
Welke 3 Postures zijn er
Lean Back
Lean Forward
Quick Bursts
Leg de ui regels van Lean Back Uit
Het hele scherm is gevuld grote tekst en grote knoppen visuele feedback minimalistische visuele styl(less is more) gebruikinvoer ondersteuning bv.speech to text
Leg de ui regels van Lean Forward uit
kleine tekst en knopen
minimale gebruiksinvoer
veel info op 1 scherm
weinig visuele feedback
Leg de ui regels van Quick Bursts uit
Is vooral voor mobiel
moet sporadisch en intensief zijn
moet visueel aantrekkelijk zijn maar ook de functies om te doen wat je wilt doen
Wat zijn de verschillende navigatiemogelijkheden?
Boomstructuur Stap-voor-stap Sterstructuur Multipaneel Visuele Navigatie
Leg de boomstructuur uit?
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
Leg de stap-voor-stap uit?
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
Leg de sterstructuur uit?
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
Leg multipaneel uit?
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
Leg visuele navigatie uit?
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
Wat zijn de richtlijnen voor 1 pagina?
Mentale belasting Less is more Gepaste kleuren Snelheid design for error geef de gebruiker controle duidelijk en bondig schrijven
Leg de richtlijn mentale belasting uit
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
Leg de richtlijn less is more uit?
De boodschap moet duidelijk zijn
defineer je merk
vermijd afleiding
gebruik kleuren als ondersteuning
Leg de richtlijn design for error uit?
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
Leg de richtlijn Snelheid uit?
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
Leg de richtlijn kleuren uit?
Gebruik een lichte en donkere kleur
gebruik 3 hoofdkleuren
en zorg dat ze bij elkaar passen
