Website usability analyseren

Probleem: laad snelheid van de website

Na het testen met GTMetrix, merkten we al snel op dat de website veel trager laadt dan andere websites, dit kan ervoor zorgen dat potentiële klanten afhaken omdat het te lang duurt vooraleer ze de website te zien kunnen krijgen.

Uit het bovenstaande rapport kunnen we vaststellen dat het te lang duurt vooraleer potentiële klanten de nodige content te zien krijgen. Dit komt vooral door het gebruik van vele afbeeldingen en animaties, die tijd vragen vooraleer ze goed zichtbaar gemaakt kunnen worden. 

Oplossing: minder animaties

De animaties, waarbij afbeeldingen donkerder kleuren wanneer de computermuis erover gaat nemen veel tijd in beslag om te laden, en worden niet efficiënt gebruikt. 

Daarom raden wij aan deze enkel te gebruiken bij afbeeldingen die leiden naar een nieuwe pagina, en niet bij iedere afbeelding. Dit zal veel tijd schelen bij het laden van de pagina. 

Probleem: contrast tussen tekst en achtergrond

De pagina over ons, krijgt een header met een personeelsfoto. Hoewel deze zeer uitnodigend is en het team toont, wat vertrouwen schept, zorgt het er ook voor dat de menubalk slechter leesbaar is en er meer gezocht moet worden naar bepaalde zaken. Onder andere de tab met het nummer en maak een afspraak zijn niet langer duidelijk zichtbaar. 

Oplossing: betere selectie van de afbeeldingen

Hierbij zou gekozen kunnen worden voor een afbeelding met een rustigere achtergrond, of kan de header nog steeds zoals op de andere pagina's een afbeelding van de tegels en stenen krijgen, waarbij de groepsfoto een duidelijke plaats krijgt bovenaan nog voor onze bedrijven. Gevolgd door het tekstje met de uitleg over het team. 

Probleem: algemene alt tekst

De alt tekst wordt gebruikt door zoekmachines als Google om te bepalen waarover een afbeelding gaat. Aangezien Google de afbeelding zelf niet kan analyseren, analyseert het systeem de tekst achter de afbeelding. 

Op deze pagina merken we dat de alt tekst zeer algemeen is. Een afbeelding van Litofin buitenhuisreiniger krijgt de naam schoonmaakproducten. Dit zorgt ervoor dat het product niet hoog in de zoektermen komt wanneer iemand iets zoekt om zijn terras mee te gaan kuisen. 

Daarnaast dien je in het kader van de EAA2025 compliance te zorgen dat voorleessoftware bij bijvoorbeeld slechtzienden geholpen wordt om een beschrijving bij beeldmateriaal te geven.

Oplossing: specifieke alt tekst

Kijk je CMS software na waar je het beschrijvingsveld ingeeft bij een beeld, en vul dat altijd zo in dat het nuttig is voor slechtzienden en voor google zoekopdrachten. Zo vang je zowel een business objectief als een usability objectief voor slechtzienden in één klap. Door de alt tekst te gaan aanpassen naar een specifieke beschrijving van het product en waarvoor het gebruikt kan worden zorg je ervoor dat je de juiste mensen het product vinden wanneer ze via een zoekmachine gaan zoeken. 

Daarom is het belangrijk de alt tekst bij deze foto bijvoorbeeld te veranderen naar "schoonmaakproduct Litofin buitenhuisreiniger natuursteen en betonsteen". Zo kunnen mensen die naar iets specifiek op zoek zijn dit product vinden, alsook mensen die op zoek zijn naar schoonmaakproducten. 

Probleem: error 404 en page not found

Bij het nakijken van de website via deadlinkchecker waren er 21 links gevonden met een foutmelding. Hierbij zijn er 12 error 404 links. Dit wil zeggen dat de pagina niet langer bestaat en dat er geen herdirectie is naar de homepagina of een andere zinvolle pagina. Hierbij wordt momenteel wel reeds een pijl naar een mogelijk alternatief voorzien, maar de klant moet zelf doorklikken.

De andere 9 foutmeldingen zijn 500 internal server error meldingen. Dit betekent dat er iets mis is gegaan op de server, maar de server weet niet precies wat. Het is geen fout van de gebruiker (zoals een verkeerde URL of login), maar een probleem aan de kant van de website. Dit kan bijvoorbeeld komen door een programmeerfout, te veel verkeer, of een server die vastloopt. Meestal moet de websitebeheerder dit oplossen.

Oplossing: pagina's herleiden

De error 404 links moeten een zinvolle herdirectie krijgen naar de homepagina of een gelijkwaardige/ gelijkaardige pagina geleid worden. Zo zal de potentiële klant niet afhaken wanneer hij niet het gewenste zoekresultaat krijgt. Zo kan de 404 error: vloer- en wandtegels automatisch leiden naar stijlen in plaats van de klant zelf te laten klikken naar de zinvolle link. 

Bij enkele foutmeldingen is er echter zelfs nog geen voorstel om verder te klikken. Zo kan de foutmelding naar de plugins leiden naar de tab gereedschap en kledij. 

Verder zal met de websitebeheerder gekeken moeten worden hoe de 9 server fouten opgelost kunnen worden. 

Probleem: tweedelige website

De landingspagina bestaat uit twee delen. Een deel voor vloeren en tegels en een deel voor de ruwbouw. Dit kan verwarrend zijn voor potentiële klanten die nog niet goed weten wat ze nodig hebben, of waarnaar ze op zoek zijn. Ze moeten direct een keuze maken die op dat moment naar een helemaal andere website lijkt te verwijzen. 

Op de website zijn de twee bedrijfslogo's zichtbaar met een duidelijke beschrijving wat ze vinden wanneer ze doorklikken, echter zijn bouwmaterialen voor iemand die niet bekend is met de factor gewoon bouwmaterialen en is het onderscheid niet steeds zo duidelijk als hier in op de website voorgesteld wordt. 

Oplossing: een meer traditionele landingspagina

Door een "traditionele" landingspagina te gebruiken waarbij de klant zelf kan doorklikken naar Walls en Floors en Vandemoortele bouwmaterialen via het hoofdmenu is het duidelijker dat beide bij elkaar horen en door de submenu eronder te bekijken ziet de potentiële klant waarvoor ieder onderdeel staat. 

Zo kunnen er bij Walls en Floors bijvoorbeeld de volgende submenu's gemaakt worden: vloeren en tegels, onderhoud en realisaties. 

Probleem: 2 verschillende navigatiemenu's

Door bij de navigatiemenu te klikken op vloer- en wandtegels of oprit en terras, gaat de klant naar de Walls en Floors website. De klant krijgt bij Walls en Floors dan weer een andere navigatiemenu te zien. Dit kan voor verwarring zorgen en een gevoel bij de potentiële klant dat hij verloren loopt tijdens het navigeren op de website. 

Oplossing: 1 duidelijke allesomvattende website

Door het samenvoegen van beide sites in 1 grote website, is het gemakkelijker voor de klant om zijn web te vinden. 

Hierbij zou het navigatiemenu er als volgt uitzien.

• producten
• • gevel
  • dak 
  • ruwbouw
  • vloer- en wandtegels
  • afwerking en toebehoren
  • terras en oprit
  • gereedschap en kledij
• onderhoud
• inspiratie
• • inspiratie
  • realisaties
• over ons
• contact

Probleem: geen verwijzing naar de sociale media

Op de contact pagina staat een verwijzing naar het e-mailadres, telefoonnummer, contactformulier, openingsuren en het adres. Nergens staat een verwijzing naar de sociale media. Hoewel het bedrijf wel een Instagram en Facebookpagina heeft voor zowel Walls en Floors als Bouwmaterialen Vandemoortele. 

Oplossing: link toevoegen

Gezien de website reeds gebruik maakt van verwijzingen, kan het bedrijf de verwijzing naar de sociale media ook toevoegen aan de contact pagina.