Elsewhen

Uitdaging

Elsewhen wendde zich tot QAwerk om hun corporate website grondig te testen tijdens de herontwerp-fase. Ze hadden de ondersteuning van ons toegewijde QA-team nodig om op tijd te lanceren en zekerheid te krijgen dat de website gepolijst zou zijn en een bevredigende gebruikerservaring zou bieden.

Hier is een korte samenvatting van de testdoelen die we hebben vastgesteld:

• Consistentie van design: Valideer de uniformiteit van het design in verschillende secties van de site, inclusief topniveau- en dynamische pagina’s.
• Animaties en overgangen: Zorg voor soepele en verwachte animaties en overgangen op de hele site.
• Functioneel testen: Test belangrijke websitefuncties zoals zoeken, formulieren en links om de juiste functionaliteit te garanderen.
• Cross-browser & Apparaattesten: Bevestig compatibiliteit op verschillende browsers en apparaten voor een consistente gebruikerservaring.
• SEO & Toegankelijkheid: Beoordeel en verbeter de SEO-elementen en toegankelijkheidsnormen van de website.
• Prestatietesten: Zorg ervoor dat de website optimaal presteert onder verschillende belastingen, met snelle laadtijden en soepele navigatie.

Het hoofddoel was ervoor te zorgen dat het bijgewerkte design de consistentie over zowel topniveau- als dynamische pagina’s behield, terwijl ook de functionaliteit, prestaties en algehele gebruikerservaring werden geverifieerd.

Oplossing

Wij bedenken een op maat gemaakte teststrategie voor elk project waaraan wij bijdragen. Laten we dieper ingaan op het werk dat ons QA-team heeft uitgevoerd en de impact die het had op de omzet van onze klant en de algehele merkperceptie.

Functioneel testen

We hebben alle kritieke gebieden handmatig getest — de homepage, navigatie, weergave van inhoud, links, foutafhandeling en interactieve elementen — met speciale aandacht voor zeer dynamische en functierijke gebieden, zoals zoekfilters en contactformulieren.

Waarom het ertoe doet: Functioneel testen helpt ervoor te zorgen dat gebruikers taken zonder fouten of blokkades kunnen voltooien. Het helpt ook om ondersteuningsaanvragen te verminderen en conversiepercentages te verhogen door een wrijvingsloze ervaring te behouden.

UI-testen

Het Elsewhen-team deelde hun ontwerpbestand met ons, en we doorliepen de website en vergeleken deze met het ontwerp. We hebben de lay-out, typografie, witruimte en het kleurgebruik op de gehele UI van de website geverifieerd. Onze QA-ingenieurs hebben ook de bewegingseffecten tussen UI-statussen gecontroleerd, inclusief laden, hover-statussen en het openen van modals.

Waarom het ertoe doet: UI-testen helpt bij het verbeteren van het vertrouwen van gebruikers en de merkperceptie dankzij een gepolijste, professionele uitstraling. Consistentie in het ontwerp helpt de cognitieve belasting te verminderen, waardoor gebruikers sneller en met meer vertrouwen kunnen navigeren. Het testen van animaties en overgangen zorgde ervoor dat er geen schokkende overgangen waren die gebruikers konden frustreren of verwarren, wat bijdroeg aan een meer premium en moderne uitstraling.

Toegankelijkheidstesten

Voor het testen van de toegankelijkheid hebben we een optimale scope van werk afgesproken voor de initiële controle, die bestond uit:

• Controleren of de website ondertitels en transcripties biedt voor audio- en video-inhoud
• Zorgen dat tekst leesbaar is en voldoende contrast heeft met de achtergrond
• Zorgen dat alle functionaliteit beschikbaar is via toetsenbordnavigatie
• Zorgen dat de website gebruikers helpt fouten te vermijden en te corrigeren, met name in contactformulieren
• Verifiëren van compatibiliteit met schermlezers

Waarom het ertoe doet: Onze toegankelijkheidstesten hebben geholpen de website inclusief en conform de Web Content Accessibility Guidelines (WCAG) te maken. We hebben contrastproblemen geïdentificeerd en gedocumenteerd hoe deze in de toekomst kunnen worden opgelost en gemonitord. We hebben ook HTML-fouten gemeld, die het werk van schermlezers belemmeren en mogelijke weergaveproblemen voorkomen. Onze QA-ingenieurs vonden verschillende instanties van ontbrekende Alt-beschrijvingen, wat cruciaal is voor blinde gebruikers.

Over het algemeen hebben onze testinspanningen geholpen de web- en mobiele ervaring te verbeteren voor gebruikers met een handicap, oudere gebruikers en gebruikers in omgevingen met weinig licht.

SEO-testen

Voor de SEO-controle hebben we de volgende testgebieden geïdentificeerd:

• Gebroken links en 404-fouten
• Configuratie van XML-sitemap en robots.txt-bestand
• Paginalaadtijd en mobiele vriendelijkheid
• SSL-certificering en HTTPS-status
• Titeltags en meta-beschrijvingen
• Structuur van header-tags (H1, H2, etc.)
• Afbeeldings-alt-teksten
• Andere metatags
• Pagina-URL-structuur
• Favicon

Waarom het ertoe doet: SEO-testen helpt de organische zichtbaarheid te vergroten, waardoor meer gebruikers het product via zoekmachines kunnen ontdekken. Tijdens de SEO-controle werden drie problemen geïdentificeerd: duplicatie van H1 op enkele pagina’s, afwezigheid van Alt-tekst voor enkele afbeeldingen en een lage prestatiescore voor mobiele apparaten. Het oplossen van deze geïdentificeerde fouten resulteert in een toename van verkeer naar de site zonder betaalde marketing. We hebben ervoor gezorgd dat pagina’s correct werden geïndexeerd en toegankelijk waren voor zoekbots.

Compatibiliteitstesten

Compatibiliteitstesten was essentieel, aangezien de ontwerpen van Elsewhen vaak verschillende lay-outs of ontwerpwijzigingen per breakpoint hadden en af en toe verschillende functionaliteit om de UX te faciliteren. Onze QA-ingenieurs hebben de website getest op desktop (Chrome, Edge, Firefox) en mobiele browsers (Chrome voor Android, Safari op iOS, Samsung Internet, Opera Mobile).

Waarom het ertoe doet: De compatibiliteitstesten die we hebben uitgevoerd, garandeerden een consistente en betrouwbare ervaring, ongeacht het apparaat of platform. We hebben Elsewhen geholpen hun bereik uit te breiden naar alle gebruikerssegmenten, waardoor gebroken ervaringen op secundaire browsers werden vermeden.

Prestatietesten

Aangezien er van een B2B-website niet verwacht wordt dat deze grote aantallen gelijktijdige gebruikers aankan, hebben we geen hoge belasting van 1.000 gebruikers of meer gesimuleerd. In plaats daarvan heeft ons QA-team zich gericht op het analyseren van de laadtijd, het gedrag onder verschillende netwerk- en CPU-omstandigheden, render-blocking resources en een paar andere factoren. De prestaties van de website werden getest op zowel desktop als mobiel met de Chrome-browser.

Waarom het ertoe doet: We hebben vastgesteld dat de prestaties voor mobiel aanzienlijke verbetering behoefden, met gemiddelde scores rond de 50, wat duidt op een aanzienlijke vertraging in laadtijden. Op bepaalde pagina’s duurde het meer dan 10 seconden om het grootste contentelement te laden, wat drastisch afwijkt van de moderne verwachting van gebruikers (maximaal 2-3 seconden).

Op basis van de resultaten van de prestatiemetingen heeft QAwerk de volgende aanbevelingen gedaan:

• Het aantal HTTP-verzoeken verminderen
• De JavaScript-uitvoeringstijd minimaliseren
• Responsieve afbeeldingen voor mobiele apparaten garanderen
• Essentiële CSS inline implementeren om rendering te voorkomen

Dankzij onze prestatietestinspanningen heeft Elsewhen de bruikbaarheid op mobiele apparaten kunnen verbeteren en de bouncepercentages kunnen verlagen, waardoor een snelle en responsieve ervaring werd geboden.