Cette leçon contient 17 diapositives, avec diapositives de texte.
Éléments de cette leçon
User Experience
lgg usability
Slide 1 - Diapositive
Usability + Design = User Experience
Design - De vormgeving van een app
Usability - De gebruiksvriendelijkheid van een app
User experience - De juiste combinatie van design en usability
Slide 2 - Diapositive
Usability
"De mate waarin een product door bepaalde gebruikers in een bepaalde gebruikersomgeving kan worden gebruikt om bepaalde doelen effectief, efficiënt en naar tevredenheid te bereiken"
Slide 3 - Diapositive
Gebruikerservaring
Usability en design
Waar het hier bij design en usability om gaat, is een zo mooi en goed mogelijke weg aan te leggen. Die weg moet gebruikers effectief, efficiënt en comfortabel van A naar B laten gaan. En natuurlijk moet hij er mooi uit zien.
User experience
Hoewel het een mooi, effectief en comfortabel tegelpad is, is de gebruikerservaring anders. En ondanks dat het pad door het gras niet comfortabel is, is het wel zeer efficiënt. Een soortgelijke situatie herken je vast wel in je eigen omgeving.
Slide 4 - Diapositive
Waarom UX?
Een goede UX zorgt ervoor dat de gebruiker het product, systeem, applicatie, website of dienst langdurig of herhaaldelijk gaat gebruiken en zal aanbevelen bij anderen.
Dus: Maak de gebruiker blij
Slide 5 - Diapositive
Slide 6 - Diapositive
Heuristieken voor goed ontwerp
Usability heuristieken (=vuistregels) van Nielsen:
Eenvoudige Toegang
Geef gebruiker controle
Bied veiligheid
Zorg voor aansluiting
Slide 7 - Diapositive
Less is more
Slide 8 - Diapositive
R1: Eenvoudige toegang
Zichtbaarheid door slimme kleurkeuze en opmaak
Slide 9 - Diapositive
R1: Eenvoudige toegang
Zichtbaarheid:
Slim gebruik van afbeeldingen ipv tekst
Niet teveel lappen tekst, plaatjes duidelijker
Slide 10 - Diapositive
R1: Eenvoudige toegang
Rangschikking door ordening
Goed gebruik van headings
Kleuren
Groottes
Kaders
Etc.
Slide 11 - Diapositive
R1: Eenvoudige toegang
Consistentie en doelgerichtheid:
Dingen steeds op dezelfde plek
Duidelijk doel: webshop, blog, nieuwssite, etc.
Slide 12 - Diapositive
R2: Geef gebruiker controle
Laat duidelijk de status van het systeem zien. Geef de gebruiker feedback:
Voortgang van stappen -->
Laadindicatie
Navigatie: Waar ben ik op de site?
Slide 13 - Diapositive
R3: Bied veiligheid
Geef de grenzen aan en voorkom fouten zo veel mogelijk.
Bijvoorbeeld door dingen uit te schakelen als ze niet gebruikt kunnen worden:
Slide 14 - Diapositive
R4: Zorg voor aansluiting
Denk na over je doelgroep:
Tekst en taalgebruik
Design en kleuren
Lettertypes
...
Slide 15 - Diapositive
R4: Zorg voor aansluiting
Skeuomorfisme. Digitale dingen ontwerpen met het uiterlijk van de analoge tegenhanger.
Slide 16 - Diapositive
R4: Zorg voor aansluiting
Sluit aan bij gewoontes, standaarden en verwachtingen
Standaardknoppen en menu's
Logisch kleurgebruik
Locaties van dingen. Bv: Menu zit meestal links of boven
