De complete 25-Trick UX-Design checklist

Het idee achter UX-ontwerp is simpel: blije, zelfverzekerde gebruikers zullen eerder bij u kopen. Ze zullen u eerder vertrouwen, zich aanmelden bij uw mailinglijsten of uw app downloaden.


Ik denk vaak aan user experience design (of UX design) als psychologie in plaats van ontwikkeling.

Bij een goed UX-ontwerp gaat het erom dat u in het hoofd van uw bezoekers kruipt.

Het anticipeert op al hun bewegingen en maakt een website die eenvoudig, intuïtief en prettig in het gebruik is.

Helaas is er geen eenvoudig antwoord of een zilveren kogel voor een goed UX-ontwerp. Het is het hoogtepunt van veel kleine aanpassingen. Stuk voor stuk verbeteren ze de ervaring op uw website.

Met dat in gedachten heb ik een checklist van 25 kleine (en gemakkelijke) tweaks samengesteld die je UX-ontwerp zullen laten schitteren.

1. Snelheid

Website snelheid is je allereerste kans om een ​​goede indruk te maken. Het is je eerste UX-hindernis.

Website-snelheid

(afbeeldingsbron)

Te traag en uw bezoekers zijn al opgewonden en zullen u minder snel vertrouwen. We associëren instinctief snelheid met professionaliteit en de meeste bezoekers verwachten dat uw website binnen twee seconden wordt geladen.

Alles langzamer dan dat, en het is vanaf het begin een slechte gebruikerservaring.

Zorg ervoor dat uw serversnelheid op peil is en verminder het gewicht van uw site zodat deze snel openklapt.

2. Wie ben je en wat doe je?

Uw volgende grote uitdaging is het snel informeren van uw bezoekers. Wie ben je? Wat doe jij? En welke waarde kun je ze geven?

Netflix waarde prop

Dit wordt een waardevoorstel genoemd en het is zo belangrijk dat we er een hele blogpost over hebben geschreven. Je hebt maar een paar seconden om je bezoekers te overtuigen, dus zorg dat het telt!

Probeer het nu: vat uw hele website samen in één zin en geef aan waar u wilt dat bezoekers naartoe gaan.

3. Zorg ervoor dat bezoekers contact met u kunnen opnemen

Een belangrijk onderdeel van UX-ontwerp is het wegnemen van zorgen of angsten die uw bezoekers zouden kunnen hebben.

Een van de grootste zorgen voor nieuwe bezoekers is of ze je wel of niet moeten vertrouwen, vooral als je een nieuwe website bent.

Een manier om deze angst weg te nemen, is door ze te laten zien dat er een echt persoon achter de schermen is. Voeg een zakelijk adres, een telefoonnummer en een echt e-mailadres toe. (GEEN contactformulier – mensen hebben de neiging ze te wantrouwen in vergelijking met een eenvoudig e-mailadres).

Beter nog, gebruik een live chatbox zodat gebruikers direct vragen kunnen stellen.

Tagove Live Chat

Als er iets misgaat, is het goed om te weten dat ze gemakkelijk contact met je kunnen opnemen.

4. Geef bezoekers altijd een weg terug naar huis

We zijn allemaal wel eens verdwaald op websites. Je volgt links en komt terecht in een konijnenhol.

Als dit gebeurt, raken uw bezoekers geïrriteerd en gefrustreerd. Ze klikken instinctief op de knop ‘X’ om de browser te sluiten.

Zorg er in plaats daarvan voor dat er een duidelijke en gedefinieerde ‘startknop’ is, zodat ze altijd opnieuw kunnen beginnen. Gebruikers verwachten doorgaans dat uw logo ook naar de startpagina linkt, dus zorg ervoor dat dit zo is.

5. Nog beter, laat paneermeel achter zodat ze weten waar ze zijn

Gebruik ze niet alleen om snel opnieuw op te starten, maar gebruik ook ‘breadcrumbs’ om uit te leggen waar ze zich in het proces bevinden.

Grote voortgangsbalken zijn hiervoor geweldig. Als het bijvoorbeeld tijdens het afrekenproces is, laat uw gebruiker dan precies weten waar ze zijn en wat ze nog moeten doen.

afrekenen-voortgangsbalk

(afbeeldingsbron)

Nogmaals, dit is een simpele psychologie. Een wandeling maken is bijvoorbeeld veel vermoeiender als je niet weet waar het einde is. We voelen ons veel comfortabeler als we een kaart hebben. Hetzelfde idee geldt online.

6. Verwijder alle herhalende acties

Het is super frustrerend om dezelfde gegevens twee keer op een formulier in te voeren (zoals een factuuradres en een verzendadres). Probeer alle herhaalde acties die het aankoopproces vertragen, te verwijderen.

Dergelijke zaken leiden tot het verlaten van de winkelwagen. Uw bezoekers zullen ergens anders zoeken.

Sterker nog, maak een systeem dat de voorkeuren van uw klanten onthoudt. Het zal hen verrassen en verrukken wanneer het allemaal daar weer op hen wacht. Het is iets eenvoudigs dat de kansen op terugkerende klanten vergroot.

7. Gebruik tooltips om nieuwkomers te helpen (maar belemmer de experts niet!)

Sommige bezoekers zullen vaste klanten zijn. Ze blazen door uw aanmeldingsbladen en aankoopproces. Anderen zullen gloednieuw zijn en mogelijk hebben ze onderweg nog wat vragen.

Kleine ‘tooltip’-pictogrammen (vaak aangeduid met een vraagteken) helpen de nieuwkomers begrijpen wat ze moeten doen. Maar tegelijkertijd staan ​​ze uw experts niet in de weg.

tooltips

(afbeeldingsbron)

U kunt zelfs snelkoppelingen of snelle nummers opgeven om de experts te helpen versnellen. U ziet bijvoorbeeld vaak ‘sla dit over’ links op de meeste website- en app-uitleggers.

8. Maak een grote, gewaagde call-to-action

Een call-to-action vertelt uw bezoeker precies wat hij moet doen: ‘Aanmelden’ of ‘Nu kopen’ bijvoorbeeld. Zorg ervoor dat het indrukwekkend, eenvoudig is en de waarde ervan verklaart.

CTA

(afbeeldingsbron)

Beter nog, maak het een duidelijke, gedurfde kleur (groen en sinaasappels doen hier wonderen) en omring het met witte ruimte. Dat zou het oog van uw gebruikers er rechtstreeks naar moeten trekken, waardoor ze een duidelijke indicatie krijgen dat dit is wat u wilt dat ze doen.

9. Maak een duidelijk onderscheid tussen primaire en secundaire call-to-action

Met veel call-to-action ziet u twee opties. ‘Verzenden’ en ‘Annuleren’ bijvoorbeeld. Of ‘download nu’ en ‘gratis proefperiode’.

spotify-cta

Het is duidelijk welke actie u wilt dat de bezoeker onderneemt, dus zorg ervoor dat ze dit weten. Bekijk de startpagina van Spotify. Ze hebben de ‘go premium’-knop vetgedrukt en opvallend gemaakt. Ze hebben ervoor gezorgd dat de knop ‘gratis spelen’ naar de achtergrond is verdwenen.

Dit is weer een simpele psychologie. U laat uw gebruikers subtiel weten op welke ze moeten klikken.

10. Gebruik hiërarchie om gebruikers te laten zien waar ze heen moeten

Hopelijk moet u een duidelijke ‘gebruikersreis’ in gedachten hebben. Stel dat u online cursussen geeft via uw website. Een eenvoudige gebruikersreis kan er als volgt uitzien:

Lees de laatste blog > download gratis rapport en meld u aan voor de mailinglijst > schrijf je in voor je betaalde online cursus.

Als u een duidelijke reis heeft, kunt u een visuele hiërarchie creëren om gebruikers te leiden waar u ze wilt hebben. In dit geval zorg je ervoor dat je blog het eerste is dat ze zien. Vervolgens begin je veel links naar je mailinglijst op te nemen.

11. Knoei niet met verwachte elementen!

Het is vaak moeilijk om de neiging te weerstaan ​​om creatief te worden met lay-outs en elementen. Maar het punt is, we weten allemaal hoe een online winkel eruit moet zien. We verwachten dat producten in eenvoudige categorieën worden ingedeeld. We verwachten productbeschrijvingen, beoordelingen en een vertrouwd aankoopproces.

appel afrekenen

Probeer het wiel niet opnieuw uit te vinden met deze cruciale aspecten! Hou het simpel.

12. Blijf bij een eenvoudig driekleurenpalet

Nogmaals, dit gaat allemaal over het weerstaan ​​van de drang om dingen te ingewikkeld te maken. Het combineren van meer dan 3 primaire kleuren is moeilijk en het zal uw gebruikers vaak verwarren.

palet

(afbeeldingsbron)

Kleur is ook erg handig bij het vormgeven van de ervaring van uw gebruiker, omdat het nauw verbonden is met psychologie en emotie. We associëren blauw bijvoorbeeld met vertrouwen (er is een reden waarom Facebook blauw gebruikt!)

Stem uw kleurenpalet af op uw product.

13. Waarom krijg ik een foutmelding? En wat moet ik nu doen?

Soms gaat het mis en zijn 404-fouten onvermijdelijk. Je kunt er echter wel een positieve gebruikerservaring van maken.

Leg precies uit waarom ze deze fout krijgen door aangepaste 404- en 504-pagina’s te maken. De ‘mislukte walvis’ van Twitter was hier beroemd om.

twitter falen walvis

Stel voor onbekende fouten gebruikers gerust dat u eraan werkt en stuur ze terug naar uw website.

Doodlopende wegen zijn, net als foutpagina’s, gevaarlijk. Gebruikers grijpen natuurlijk naar het kruis. Stel ze gerust en stuur ze terug.

14. Geef gebruikers een high-five wanneer ze iets voltooien

Mensen worden gedreven door een gevoel van prestatie en voltooiing. Laat het ze weten wanneer ze een taak hebben voltooid en laat zien waar ze naartoe moeten.

U kunt dit doen nadat ze hun e-mailadres hebben opgegeven, nadat ze een product hebben gekocht, nadat ze iets aan hun winkelwagentje hebben toegevoegd of gewoon wanneer ze het einde van een blogpost bereiken.

Het is een simpele, gemakkelijke en positieve ervaring. Het geeft gebruikers ook een gevoel van samenwerking; alsof je ze daadwerkelijk helpt hun doelen te bereiken.

15. Blijf bij slechts twee lettertypefamilies

Consistentie en branding zijn de sleutel tot een goede gebruikerservaring.

Het is erg verwarrend als je logo-lettertype Futura is, je lichaamstekst Times New Roman is, je oproep tot actie Comic Sans is en je titels Windings zijn …

lettertypen

Blijf bij slechts twee lettertypefamilies. Het is gemakkelijker te lezen en het ziet er professioneler en betrouwbaarder uit.

16. Gebruik duidelijke en consistente waarschuwingsberichten

Soms gaan uw gebruikers dingen fout doen. Misschien hebben ze hun wachtwoord verkeerd ingevoerd en konden ze niet inloggen. Misschien vergaten ze een postcode op het aanmeldingsformulier te vermelden.

waarschuwingen

(afbeeldingsbron)

In deze gevallen wilt u een eenvoudig, maar duidelijk fout- of waarschuwingsbericht. Zorg ervoor dat de kleur en stijl anders zijn dan al het andere op uw site. Het geeft een duidelijke indicatie dat er iets moet gebeuren.

U moet deze waarschuwingsberichten ook consistent maken op uw hele site. Gebruik geen andere kleur, stijl of plaatsing, want het wordt gewoon verwarrend.

17. LIMIT CAPS LOCK TEKST

Het is gewoon vervelend.

Er zijn eigenlijk meer belangrijke redenen dan dat. We lezen tekst in hoofdletters langzamer dan kleine letters. Het is dus veel moeilijker om gelezen te scannen (en zo lezen we meestal op internet).

Reserve caps lock voor wanneer je echt een impact moet maken.

18. Groepeer gerelateerde items bij elkaar

Dit is specifiek voor e-commerce websites, maar het werkt over de hele linie.

Probeer vergelijkbare en gerelateerde items op dezelfde plaats te houden. Het betekent dat uw bezoekers en klanten een veel meer op maat gemaakte service krijgen, bijna zoals u had verwacht op hun behoeften.

gegroepeerde items

Je kunt dit doen met fysieke producten, zoals de ‘meer zoals deze’-selectie van Amazon. Je kunt ook iets soortgelijks doen met blogposts en artikelen, met behulp van een gerelateerde inhoudssectie.

Het zorgt ervoor dat bezoekers door uw site blijven bladeren, verlaagt uw bouncepercentage en creëert een persoonlijkere ervaring.

19. Houd alles consistent

Het laatste dat u wilt, is dat een bezoeker op een link klikt en het gevoel heeft dat hij naar een andere website is genavigeerd.

Zorg ervoor dat uw navigatiebalk op dezelfde plaats blijft, ongeacht waar u zich op de site bevindt. Zorg ervoor dat uw logo altijd zichtbaar is en dat het kleurenpalet hetzelfde blijft.

20. Ontwerp de lay-out voor het scannen van ogen

We lezen geen websites zoals we een boek lezen. Onze ogen springen en scannen naar de belangrijke informatie.

F-patroon

Meestal lezen we websites in een F-patroon, maar het is ook bekend dat gewaagde afbeeldingen en calls-to-action de aandacht trekken.

21. Bouw vertrouwen op met getuigenissen en sociaal bewijs

De meeste bezoekers van uw website arriveren met hun hoede. Ze zijn van nature voorzichtig met nieuwe sites en zijn zeker nog niet klaar om bij u te kopen.

Zoals ik al zei, is een belangrijk onderdeel van UX-ontwerp het wegnemen van deze barrières en ervoor zorgen dat mensen zich op hun gemak voelen op uw website. Een paar goed geplaatste getuigenissen en factoïden zorgen ervoor dat mensen zich meer op hun gemak voelen. We zien graag dat andere mensen (idealiter grote namen) jouw product en dienst hebben gebruikt en goedkeuren.

22. Laat gebruikers weten waarmee ze kunnen spelen!

Websites bestaan ​​doorgaans uit twee delen: Nummer één: inhoud – het is statisch en we kunnen er geen interactie mee hebben. En nummer twee: bedieningselementen – dit zijn dingen waarop we kunnen klikken en spelen en waarmee we kunnen communiceren.

interacties

Twitter is hier geweldig in. Eenvoudige zwarte tekst voor inhoud. Blauwe tekst geeft aan waar u op kunt klikken en waarmee u kunt communiceren. Pictogrammen vullen met kleur wanneer je rollover om te laten zien waarmee je kunt spelen.

Nodig mensen uit om met uw website te spelen!

23. Maak een zachte leercurve

Niemand loopt graag vast op een verwarrende en moeilijke website.

Probeer uw bezoekers vrijwel direct een quick-win te geven. Vergemakkelijk ze en maak het eenvoudig, vooral als u een lastige zakelijke propositie aanbiedt.

24. Vind een manier om je snel in te leven in je bezoeker

Bij gebruikerservaring draait alles om het nabootsen van een menselijke relatie en het maken van een verbinding met uw gebruiker. Empathie maakt hier een groot deel van uit: wat zijn de doelen en dromen van uw bezoekers? Wat heeft ze tot nu toe tegengehouden?

Laat ze onmiddellijk weten dat u hun probleem begrijpt. Je kunt dit doen met een afbeelding waar ze zich mee kunnen identificeren, of een zin die hun grootste problemen opsomt.

Uw bezoeker zal denken dat ‘deze website mij krijgt!’, Wat een geweldige gebruikerservaring is om te maken.

25. Gebruik micro-interacties om een ​​dialoog te creëren

Probeer uw gebruiker op elk klein deel van de reis feedback te geven. Het zal een echte communicatie en relatie creëren waar gebruikers op reageren.

Je kunt dit doen met een kopie, zoals “Goed gedaan!” ‘We dachten dat u dit misschien leuk zou vinden’, ‘wilt u met een expert spreken?’

voortgangsbalk

Of kleine afbeeldingen en visuals, zoals een duim omhoog, een smiley of een tikkende klok op een laadpagina.

———

Combineer deze kleine aanpassingen en u zult een gebruikerservaring creëren die vertrouwen opbouwt, contact maakt met uw doelgroep en hen een gelukkig en voldaan gevoel geeft.

Gebruik je een van deze UX-ontwerptrucs? Ik hoor graag wat ik heb gemist! Laat het me weten in het commentaargedeelte.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map