5 bruikbare tips voor het testen van bruikbaarheid voor uw website

Het is een gedeeld geheim dat het testen van de bruikbaarheid van uw product een cruciale stap is naar het leveren van onberispelijke gebruikerservaringen – die bezoekers in kopers veranderen.

Het verschilt op een aantal punten van het reguliere testen. Het vereist bijvoorbeeld dat je in de hoofden van klanten stapt en gebieden identificeert waar ze moeilijk te bedienen zijn, of functies die ze minder bruikbaar vinden, en waaraan je werkt om de UI en UX van het product verder te verbeteren met de beschikbare informatie.

Kortom: als u uw klantconversie wilt verbeteren, is het testen van de bruikbaarheid een must.
En in deze blog gaan we 5 bruikbare tips delen die u moet weten over het testen van de bruikbaarheid van uw site .

Opmerking: het woord – site/product/toepassing wordt in deze blog door elkaar gebruikt.

Laten we beginnen!

1. Integreer UI/UX-tests in de vroege stadia van de SDLC

In tegenstelling tot testen in de latere stadia van de Software Development Life Cycle (SDLC), moet het UI/UX-testproces al in de ‘Analyse’-fase van de productontwikkeling beginnen.

Analyseren – In deze fase werken de UI/UX-consultants of ingenieurs rond het onderzoeken van de gebruikers van uw product: identificeer de doelgroep, verschillende persona’s en hun demografie. Het resultaat van dit proces is het creëren van een gebruikersreis, die we in het volgende deel van de blog zullen bespreken.

Ontwerp – Zoals de naam al doet vermoeden, zal deze fase zich richten op het ontwerpen van de UI en UX van het product.

UI (User Interface) vertegenwoordigt hoe dingen werken, en UX (User Experience) vertegenwoordigt hoe dingen eruit zien op uw site. De werking van de UI/UX lijkt veel op het rechter- en linkerdeel van onze hersenen.

Informatieontwerp richt zich op de gebruikersinterface; de ontwerper zal werken aan hoe dingen op de site moeten worden gepresenteerd, terwijl de ontwerper zich bij Visual Design zal concentreren op het creëren van een intuïtieve UX.

De combinatie van zowel visueel als informatief ontwerp wordt interactief ontwerp genoemd. Het benadrukt het feit dat de UI en UX van de site hand in hand moeten werken.

UI/UX review is waar de ontwikkeling en testen beginnen.

Test – In deze fase kan Interne QA beginnen met testen of een groep ideale eindgebruikers uitnodigen en de gebruikersinterface en bruikbaarheidstests van het product uitvoeren. De gebruikersfeedback of de bruikbaarheidslacunes die tijdens dit proces zijn geïdentificeerd, kunnen worden gebruikt om de bruikbaarheid van het product te verbeteren.

2. Maak een gebruikersreis

“We besteden veel tijd aan het ontwerpen van de brug, maar te weinig tijd om na te denken over de mensen die hem oversteken.”

Kies de juiste persona

Zodra de behoefte is gepland, richten UX-consultants of Engineers zich op het kiezen van de juiste persona voor uw product.

Als uw product/site bijvoorbeeld formele kleding voor werkende vrouwen verkoopt, is uw ideale publiek werkende vrouwen en zal het creëren van andere persona’s zoals demografie om hen draaien.

Maak de fasen van een gebruikersreiskaart

Laten we eens kijken naar onze doelgebruiker is Sarah, een ingenieur, 26F. Wat en hoe zal Sarah op uw site werken, beantwoordt de stadia van een gebruikersreis – Ze kan rond navigeren om items op de website te verkennen/vergelijken/bestellen/retourneren.

Het verbeteren van de bruikbaarheid in elk van deze fasen van een gebruikersreis zal helpen om een soepele gebruikerservaring voor een gebruiker te creëren.

Identificeer acties, denkwijzen en emoties

De acties, mindsets en emoties voor elk van de bovengenoemde fasen zullen verschillen. Het identificeren van het verschil in elk van deze is de sleutel om de UX-lacunes op te vullen en een intuïtieve gebruikersreis te creëren.

Overweeg contactpunten en kanalen

Laten we het voorbeeld nemen van onze denkbeeldige gebruiker, Sarah.

Ze kan ervoor kiezen om af te rekenen na het plaatsen van de bestelling op de mobiele telefoon en over te schakelen naar een pc om het betalingsproces te voltooien of in een ander scenario; ze wil misschien annuleren nadat ze de bestelling heeft geplaatst.

Ze zal ervoor kiezen om een van de beschikbare contactpunten te gebruiken om dit te doen: bel de klantenservice en annuleer de bestelling of ga ter plaatse om het te annuleren.

Door ervoor te zorgen dat het product goed werkt en bruikbaar is via deze meerdere kanalen en contactpunten, kunnen uw klanten een coherente gebruikerservaring krijgen.

Kijk naar Kansen & Barrières

Er zullen veel kansen en barrières optreden bij het creëren van een ideale klantreis. Door ze in elk van deze stappen te identificeren en eraan te werken, kan een uitgebalanceerde UI/UX voor gebruikers worden gecreëerd.

3. Checklist voor gebruiksvriendelijkheid voor een geweldige gebruikersinterface

“Wat werkt, is een goed, geïntegreerd ontwerp dat in een behoefte voorziet – zorgvuldig doordacht, goed uitgevoerd en getest.” – Steve Krug, UX-expert

Nielson Norman Group, de wereldleider in het ontwerpen van gebruikerservaringen, biedt 10 checklists voor bruikbaarheid voor een geweldige UI/UX

Gebruikerscontrole en vrijheid

Gebruikers moeten de vrijheid hebben om door het product te navigeren en hun acties ongedaan te maken of opnieuw uit te voeren. Gebruikers moeten controle hebben over het product en niet andersom.

Match tussen systeem en de echte wereld

Het product moet echte taal en jargons spreken en een ervaring van hetzelfde bieden in plaats van systeemtaal. Gebruikers toestaan te vegen of een pagina om te slaan in een online app voor het lezen van boeken, biedt bijvoorbeeld een vergelijkbare ervaring als in de echte wereld.

Zichtbaarheid van systeemstatus

Het product moet gebruikers altijd in staat stellen op de hoogte te blijven van wat er gaande is als ze binnen een redelijke termijn reageren op feedback. Voorbeeld, weergave van voltooiingspercentage bij het uploaden van een bestand.

Consistentie en normen

Het product moet zich strikt houden aan de consistentie en normen binnen de productsuites.

Als er bijvoorbeeld een specifieke kleur is gekoppeld aan de CTA-knop, moet u zorgvuldig afzien van het gebruik van dezelfde kleur voor andere acties. Evenzo zou het het beste zijn als u geen andere consistenties verbreekt, zoals het wijzigen van de zijkanten van ‘Accepteren/Weigeren’ enz.

Het doorbreken van het consistente patroon zal gebruikers met verwarring en een slechte gebruikerservaring achterlaten.

Hulp en documentatie

Het product moet de gebruikers de nodige hulp en documentatie bieden wanneer ze het gebruiken. U kunt bijvoorbeeld virtuele rondleidingen door uw product geven aan nieuwe gebruikers. Het moet de gebruikers ook de controle en vrijheid geven om de geboden hulp te accepteren of af te wijzen.

Herkenning in plaats van herinneren

De gebruikers hoeven zich niet elke actie te herinneren die ze moeten nemen bij het gebruik van uw product. Het zou een eenvoudig pictogram moeten hebben voor gebruikers om te handelen in plaats van zich te moeten herinneren hoe ze dat moeten doen.

Als u bijvoorbeeld een X-pictogram in de rechterbovenhoek heeft, kunnen gebruikers een actie snel sluiten, omdat deze gemakkelijk te herkennen is en niet elke keer moet worden herinnerd hoe deze anders zou moeten worden gesloten.

Ook zou je als gebruiker nooit een milliseconde moeten nadenken of dingen op je app/site klikbaar zijn of niet.

Flexibiliteit en efficiëntie van gebruik

Gebruikers, ervaren of nieuw, moeten de flexibiliteit hebben om de app te gebruiken op een manier die zij verkiezen. Een starre stroom van het product kan ertoe leiden dat de gebruiker de actie helemaal verlaat.

Een meer ervaren persoon kan bijvoorbeeld ‘Enter’ gebruiken om een bericht te verzenden en een nieuwe gebruiker kan ervoor kiezen om voor dezelfde actie op het pictogram ‘Verzenden’ te klikken. Beide hebben de flexibiliteit om een van deze opties te kiezen, naast dat ze efficiënt zijn.

Esthetisch en minimalistisch design

Uw site/product moet waar nodig altijd afbeeldingen, animaties of afbeeldingen gebruiken en niet alleen als decoratief element. Het gebruik van te veel kleuren of esthetiek kan resulteren in een systeemgericht product in plaats van een gebruikersgericht product.

Amazon blinkt uit in het aanbieden van een minimalistische gebruikersgerichte gebruikersinterface die het beste is voor zowel nieuwkomers als digitale early adopters.

Gebruikers helpen bij het herkennen, diagnosticeren en herstellen van fouten

Uw website moet gebruikers helpen bij het herkennen, diagnosticeren en herstellen van fouten.

Als gebruikers bijvoorbeeld slechts 5 eenheden tegelijk mogen bestellen, en wanneer de gebruiker meer dan 5 eenheden probeert te bestellen, moet het systeem de fout melden en helpen bij het diagnosticeren en herstellen van die fout.

Foutpreventie

Het voorkomen van fouten is zelfs nog beter dan het toe te staan.

Voor hetzelfde voorbeeld hierboven moet het systeem voorkomen dat een gebruiker meer dan 5 eenheden bestelt, in plaats van hem te helpen die fout te herstellen.

4. Kies de juiste testmethoden voor bruikbaarheid

U moet de juiste testmethoden voor bruikbaarheid kiezen op basis van uw doelstellingen, doelgroepen en middelen. De twee soorten bruikbaarheidstesten omvatten:

1. gemodereerd
2. ongemodereerd

1. Gemodereerd

Een gemodereerd testtype nodigt deelnemers uit om persoonlijk of op afstand deel te nemen aan het testproces, onder toezicht van een moderator. De moderator kan vragen stellen aan de deelnemers of hun vragen beantwoorden.

2. Ongemodereerd

Bij een ongemodereerd testtype zullen deelnemers op hun gemak deelnemen aan het testproces, alsof ze thuis kunnen zijn en hun eigen apparaten kunnen gebruiken om het product te testen. Dit gebeurt zonder moderator.

Testen van laboratoriumgebruik : Facilitator is aanwezig om feedback te verzamelen en gebruikerservaringen van daadwerkelijke gebruikersgroepen te evalueren. Het wordt persoonlijk gedaan of via telefoon- of video-interviews wanneer het op afstand wordt gedaan.

Kaarten sorteren: maak kaarten met uw acties en producten en laat gebruikers ze in logische categorieën rangschikken. Het wordt gedaan om het perspectief van de gebruiker op de stroom of het menu te verkrijgen.

Toetsaanslagmodellering: zodra toetsaanslagen, aanwijzen, scrollen, enz. zijn gedefinieerd, moet u de tijd vergelijken die een gebruiker nodig heeft om deze acties uit te voeren met behulp van verschillende interfaces.

Sessie-opnames: Meestal uitgevoerd via een platform dat de sessie registreert, statistieken bijhoudt en taken en groepen willekeurig maakt.

Testen met de eerste klik: de enige vereiste voor de gebruiker is dat hij aangeeft waar hij als eerste zou klikken om een specifieke actie uit te voeren.

Eye-tracking: Eye-tracking is bedoeld om erachter te komen wat de gebruiker opvalt en houdt met behulp van heatmaps

A/B-testen: de gebruikers worden willekeurig in twee groepen verdeeld en krijgen dezelfde inhoud te zien met een kleine verandering in de functies.

5. Kies de juiste tools voor het testen van bruikbaarheid

Er zijn verschillende tools voor het testen van bruikbaarheid op de markt. De onderstaande afbeelding (in willekeurige volgorde) geeft de meest gebruikte tools weer die worden gebruikt voor zowel gemodereerde als ongemodereerde tests, zoals:

• Hotjar
• Terug kijken
• Gebruikerstests
• Optimaal
• BruikbaarheidHub

Nu we alle tips , methoden en hulpmiddelen voor bruikbaarheidstests hebben, wordt het maken van een bruikbaarheidstestplan voor uw site minder ontmoedigend. Voordat je de volgende stap zet om een uitzonderlijke gebruikerservaring te creëren, kun je deze scorekaart voor bruikbaarheidstests van Zuci hier bekijken.