Les 3 - Usability & Navigatieprincipes

• Marketing & Communicatie
• MBO
• Studiejaar 2

UX en wireframe

Les 3 - Usability & Navigatieprincipes

Waar gaat de module over?

Les 1 - Introductie tot UX Design

Les 2 - Doelgroepanalyse & Gebruikersgedrag

Les 3 - Usability & Navigatieprincipes

Les 4 - Introductie tot Wireframes

Les 5 - Praktijk: Eerste Wireframe Schetsen

Les 6 - Digitale Wireframes Maken

Les 7 - Usability Testing 

Hoe haal je deze module?

Tijdens de lessen werk je aan verschillende opdrachten. Om deze module te behalen moet je alle opdrachten gemaakt hebben.

Je bent geslaagd als je een 5.5 behaald. 

Wat gaan we doen vandaag?

Aan het einde van de les...

... weet je wat usability is en hoe je deze kunt beïnvloeden.

... weet je wat een goede navigatie op een website is en hoe je deze zelf kunt ontwerpen.

🤩👍 of  😒👎

🤩👍 of  😒👎

🤩👍 of  😒👎

🤩👍 of  😒👎

🤩👍 of  😒👎

Wat is usability?

Usability betekent gebruiksvriendelijkheid en bepaalt hoe makkelijk bezoekers een website kunnen gebruiken.

Belang van usability

Snelle en intuïtieve interactie verhoogt conversies.

Frustratie door slechte usability leidt tot afhaken.

Factoren die usability beïnvloeden

• Laadsnelheid
• Duidelijkheid en consistentie
• Toegankelijkheid (bijv. ook bruikbaar voor slechtzienden)

Laadsnelheid

Bekijk en beoordeel de volgende websites op laadsnelheid:

• NU.nl
• Talland.nl
• Wehkamp.nl
• De website van je stage bedrijf

Check vervolgens de websites via: https://pagespeed.web.dev/ 

Consistentie (1)

Consistentie (2)

op een pagina met veel verschillende content type. kunnen icoontjes helpen

Denk ook aan...

Gebruiksvriendelijke interfaces:

Duidelijke call-to-action knoppen, logisch kleurgebruik.

Minimale frictie:

Snel afrekenen, gemakkelijke invoervelden.

Toegankelijkheid:

Alternatieve teksten bij afbeeldingen, contrast voor leesbaarheid.

Responsief design

Werkt goed op mobiel, tablet en desktop.

Navigatie

De manier waarop een website gestructureerd is zodat gebruikers snel vinden wat ze zoeken.

Goede navigatie is:

• Logisch en intuïtief
• Kort en bondig, niet te veel categorieën
• Ondersteund door zoekfunctionaliteit en breadcrumbs

Navigatie (1) - Bedenken

Navigatie (2) Ontwerpen

Navigatie (3) Analyseren

Opdracht 

Maak:

Opdracht bij les 3 - Usability en navigatie