Free Energy

Gebruiksvriendelijkheid (Usability)

De checklist hieronder is een bijlage bij de opdracht  Free Energy.

Gebruik de checklist om je voor te bereiden op het ontwerpen en bouwen van twee pagina’s van een website waarin je de lenenmodule opneemt.

Kies twee websites:

  • van een leverancier / installateur van zonnepanelen in Nederland (xxxx of xxxx).
  • en van een leverancier / installateur van zonnepanelen  op Aruba (xxxx of xxxx).

Gebruik de checklist om de website van deze echte banken te beoordelen op gebruiksvriendelijkheid (usability).

  • Kopieer de tekst van de checklist en plak deze in een google sheets bestand.
  • Maak achter elk beoordelingscriterium een dropdownmenu (invoegen – dropdownmenu).
  • Maak in het dropdownmenu 4 opties (van 1 tot 4).
 
  • Ga door elk punt en beoordeel hoe goed de website voldoet aan de genoemde criteria.
  • Benoem 3 sterke punten van de onderzochte websites (noteer deze onder de checklist in de spreadsheet).
  • Benoem 3 verbeterpunten voor de onderzochte websites (noteer deze onder de checklist in de spreadsheet).
  • Lever de uitwerking van de checklist in via de inlevermap.
    Dit zal onderdeel zijn van de eindbeoordeling van de opdracht.
    Het is niet toegestaan om voor het uitvoeren van deze opdracht AI te gebruiken.
    Bij de beoordeling kunnen vragen gesteld worden over het gepresenteerde onderzoeksresultaat.
  • Vermeldt duidelijk de url van de onderzochte websites en jullie namen.
  • Gebruik je bevindingen bij het maken van een functioneel ontwerp voor de website van jullie opdracht.

Checklist​

1. Navigatie

  • Is de menustructuur duidelijk en gemakkelijk te gebruiken?
    • De menu-opties zijn logisch en intuïtief.
    • Er zijn geen onnodig veel clicks nodig om belangrijke informatie te vinden.
  • Is er een zoekfunctie beschikbaar?
    • De zoekfunctie is makkelijk te vinden.
    • De zoekresultaten zijn relevant en helpen de gebruiker.
  • Zijn de breadcrumbs of links naar vorige pagina’s aanwezig?
    • De gebruiker kan gemakkelijk terug navigeren naar vorige pagina’s.
 

2. Informatie en content

  • Is de informatie duidelijk en begrijpelijk?
    • De teksten zijn eenvoudig te begrijpen, zonder onnodig jargon.
  • Is de belangrijkste informatie snel te vinden?
    • De belangrijkste diensten (bijv. leningen, sparen, hypotheken) zijn duidelijk zichtbaar.
    • Er zijn goed gemarkeerde CTA’s (Call-to-Action), zoals “Nu aanvragen” of “Meer informatie”.
  • Zijn de contactgegevens gemakkelijk te vinden?
    • Contactinformatie (telefoonnummer, e-mail, chat) is gemakkelijk toegankelijk.
 

3. Interactie en fouten

  • Geeft de website duidelijke foutmeldingen bij onjuiste invoer?
    • Bij het invullen van formulieren worden fouten duidelijk aangegeven.
  • Kan de gebruiker gemakkelijk terugkeren naar vorige stappen (bijv. bij formulieren)?
    • Er is een “vorige” knop of een duidelijke manier om fouten te corrigeren.
 

4. Responsiviteit

  • Werkt de website goed op verschillende apparaten (desktop, tablet, mobiel)?
    • De layout past zich goed aan verschillende schermformaten aan.
    • Alle knoppen en interactieve elementen werken goed op mobiele apparaten.
 

Functioneel ontwerp​

Voordat begonnen wordt met het ontwerpen en bouwen van een website wordt eerst een plan gemaakt.
Dat plan is een blauwdruk ofwel de bouwtekening van de website.
Het functioneel ontwerp hoeft niet mooi te zijn, maar zeker wel functioneel!
Het is een nauwgezette beschrijving van hoe de website moet werken, welke functionaliteit er in moet komen en globaal hoe de pagina’s er uit gaan zien.
Maak een functioneel ontwerp van de website voor de bank waarvoor jeeen website gaat bouwen en waarin je lenenmodule opgenomen wordt. Hoewel je maar 2 pagina’s echt hoeft te bouwen maak je het functioneel ontwerp voor de hele website.

Gebruik bij het maken van het functioneel ontwerp de resultaten van het usability onderzoek van de Nederlandse en de Arubaanse bank.

Lever het functioneel ontwerp in via de inlevermap.

Hieronder volg een korte omschrijving van het functioneel ontwerp dat je gaat maken.

Inleiding:

Korte beschrijving van de website-opdracht.

Het doel en de doelgroep:

  • Wat wil de opdrachtgever met de website bereiken?
  • Wie zijn de mensen die de opdrachtgeven met de website wil bereiken?
    Omschrijf die groep mensen zo nauwkeurig mogelijk.
    Daarin kunnen zaken genoemd worden als:
    • leeftijd,
    • geslacht,
    • maatschappelijke positie,
    • financiele positie

Eisen:

  • Een lijst van eisen waar de website aan moet voldoen.
  • Welke elementen/onderdelen moeten er opgenomen worden in de website?

Sitemap (navigatie-overzicht):

  • Beschrijf de manier waarop je van de ene pagina naar de andere kunt gaan.
  • Welke route kun je volgen om bij een onderdeel uit te komen?
    Maak hiervoor een soort flowchart waarin alle pagina’s als rechthoek weergegeven worden.
  • De navigatiemogelijkheden worden weergegeven door de pagina’s onderling met lijnen te verbinden.

Paginatypen:

Onderzoek welke verschillende soorten pagina’s er zijn.
Maak voor elk paginatype een schets waarin de onderdelen die op die pagina komen opgenomen zijn,