User Experience en Usability introductie

User Experience
lgg usability
1 / 17
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolvwoLeerjaar 5

In deze les zitten 17 slides, met tekstslides.

Onderdelen in deze les

User Experience
lgg usability

Slide 1 - Tekstslide

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 - Tekstslide

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 - Tekstslide

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 - Tekstslide

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 - Tekstslide

Slide 6 - Tekstslide

Heuristieken voor goed ontwerp
Usability heuristieken (=vuistregels) van Nielsen:
  1. Eenvoudige Toegang
  2. Geef gebruiker controle
  3. Bied veiligheid
  4. Zorg voor aansluiting


Slide 7 - Tekstslide

Less is more

Slide 8 - Tekstslide

R1: Eenvoudige toegang
Zichtbaarheid door slimme kleurkeuze en opmaak

Slide 9 - Tekstslide

R1: Eenvoudige toegang
Zichtbaarheid:
  • Slim gebruik van afbeeldingen ipv tekst
  • Niet teveel lappen tekst, plaatjes duidelijker

Slide 10 - Tekstslide

R1: Eenvoudige toegang
Rangschikking door ordening
  • Goed gebruik van headings
  • Kleuren
  • Groottes
  • Kaders
  • Etc.

Slide 11 - Tekstslide

R1: Eenvoudige toegang
Consistentie en doelgerichtheid:
  • Dingen steeds op dezelfde plek
  • Duidelijk doel: webshop, blog,
      nieuwssite, etc.



Slide 12 - Tekstslide

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 - Tekstslide

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 - Tekstslide

R4: Zorg voor aansluiting
Denk na over je doelgroep:
  • Tekst en taalgebruik
  • Design en kleuren
  • Lettertypes
  • ...

Slide 15 - Tekstslide

R4: Zorg voor aansluiting
Skeuomorfisme. Digitale dingen ontwerpen met het uiterlijk van de analoge tegenhanger.

Slide 16 - Tekstslide

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

Slide 17 - Tekstslide