Les 1 - Introductie tot UX

UX en wireframe

Les 1 Introductie tot UX Design 

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 

Wat gaan we doen vandaag?

Aan het einde van de les...

... weet je wat User Experience (UX) is.

... weet je waarom is UX belangrijk voor e-commerce.

... Ken je de basisprincipes van gebruiksvriendelijkheid, toegankelijkheid en visuele hiërarchie.

Wat is UX?(1)

User Experience (UX) is de totale ervaring die een gebruiker heeft bij het interactie hebben met een product, systeem of dienst. 

Action

Bijenkorf

Wat is UX?

Afspelen vanaf 1:26

Belangrijk voor E-commerce?

Klanttevredenheid: Een positieve gebruikerservaring leidt tot tevreden klanten die eerder terugkomen.

Conversieratio: Websites met een goede UX hebben hogere conversieratio's, wat betekent dat meer bezoekers aankopen doen.

Bouncepercentage: Slechte UX kan leiden tot een hoog bouncepercentage, wat betekent dat bezoekers de site snel verlaten zonder iets te kopen.

Basisprincipes van gebruiksvriendelijkheid

Navigatiemenu's: Zorg voor een duidelijke en eenvoudige structuur, zodat gebruikers gemakkelijk kunnen vinden wat ze zoeken.

Responsiviteit: De website moet goed werken op verschillende apparaten, zoals desktops en mobiele telefoons.

Laadtijden: Snelle laadtijden zijn cruciaal. Als een website te lang duurt om te laden, zullen gebruikers snel wegklikken

Toegankelijkheid

Schermlezers: Voor visueel gehandicapten, zodat zij de inhoud van een website kunnen horen.

Alternatieve tekst: Voor afbeeldingen, zodat gebruikers met een beperking weten wat er op de afbeelding staat.

Kleurcontrast: Zorg ervoor dat er voldoende contrast is tussen tekst en achtergrond voor mensen met kleurenblindheid.

NB. WCAG (Web Content Accessibility Guidelines)

Visuele hiërarchie

Grootte van tekst: Grotere tekst trekt meer aandacht. Hoofdpunten moeten bijvoorbeeld groter zijn dan ondersteunende tekst.

Kleur en contrast: Gebruik kleuren die de aandacht trekken of juist afleiden. Dit kan invloed hebben op hoe gebruikers de inhoud waarnemen.

Witruimte: Het gebruik van witruimte creëert ademruimte tussen elementen en maakt de pagina overzichtelijker

Opdracht 

In teams staat de opdracht 'website beoordelingsformulier'.

Deze vul je in voor de website van Xenos.nl