Hoe voorkomende UX-vallen te vermijden
Hoe vaak bent u op een website geweest, om gefrustreerd en geïrriteerd te blijven over de ervaring die u tijdens uw bezoek hebt opgedaan? Geloof het of niet, dit is een vrij veel voorkomende gebeurtenis, vooral wanneer websites goede UX-praktijken negeren.
Als u bij een aspect van een websitebouw betrokken bent, is het absoluut noodzakelijk dat u algemene UX-problemen voorkomt, als u in de goede boeken van uw gebruikers wilt blijven. Laten we eens kijken naar de 4 meest voorkomende UX-traps waar ontwerpers in vallen, en hoe ze te vermijden ...
vormen
Formulieren zijn nodig voor het verzamelen van informatie over gebruikers, klanten en klanten. Je kunt ze niet gebruiken, maar ze moeten niet ondraaglijk zijn om in te vullen. Formulieren moeten zeer weinig vragen hebben over de informatie waarnaar een website op zoek is. Een van de grootste problemen van online formulieren is wanneer er geen instructies zijn.
opmaak
Wanneer u iemand om specifieke informatie vraagt, moet u benadrukken wat u zoekt. Als u een speciaal formaat voor iets nodig hebt, zoals een datum, tijd of andere opgemaakte informatie, moet dit een voorbeeld zijn. Niets is vervelender dan het invullen van een formulier, alleen om een foutmelding te ontvangen wanneer u klaar bent.
Tijdelijke tekst
Het is goed als een ontwerper een beetje verder komt en je een hint geeft naar het type informatie waarnaar ze op zoek zijn, door tijdelijke tekst in het formulierveld te plaatsen. Hoewel dit uitermate handig is, zijn er verschillende keren tekstmarkeringen tegengekomen die niet verdwijnen wanneer u in het formulierveld begint te typen. Dit is een enorm punt van frustratie voor elke gebruiker, omdat ze moeten stoppen met typen, alles selecteren en verwijderen, helemaal opnieuw beginnen. Ze kunnen ook het overbodige type selecteren en verwijderen, waardoor hun denkproces wordt onderbroken tijdens het invullen van het formulier. Wanneer u tekst van plaatsaanduidingen gebruikt om te verwijzen naar het type informatie dat u zoekt, moet u ervoor zorgen dat het weggaat wanneer iemand dat invoerveld selecteert.
Foutmeldingen
Er is niets frustrerender dan iets proberen te doen op een website, alleen om een foutmelding te ontvangen, zonder voldoende informatie, of helemaal niet. Als een websitegebruiker een fout tegenkomt, moet er een uitleg zijn van wat niet klopt en hoe dit te verhelpen. Als u zich bijvoorbeeld aanmeldt bij een site met een gebruikersnaam en wachtwoord, als u een fout maakt met een site, moet u weten welke. Met zoveel aanmeldingen naar websites die er zijn, is het gemakkelijk om meerdere variaties van gebruikersnamen en wachtwoorden te verzamelen. Er zijn enkele gevallen waarin ik mijn gebruikelijke gebruikersnaam en wachtwoordcombinatie moest aanpassen, omdat deze niet voldeed aan de vereisten voor de registratie van een website, zoals 2 hoofdletters of een cijfer, letter en interpunctie of symbool.
Andere voorbeelden zijn: als wachtwoorden niet overeenkomen, laat u tijdens het registratieproces een foutmelding zien voordat u deze verzendt. Een ander voorbeeld zou kunnen zijn als een gebruikersnaam al in gebruik is, laat dat zien voordat iemand zijn registratie indient.
Niemand vindt het leuk om iets opnieuw te doen, vooral na het ontvangen van slechte instructies. U zult een veel hogere betrokkenheid hebben als u het gebruikers gemakkelijk maakt om u de eerste keer de juiste informatie te geven.
Grote, vaste navigatiekoppen
Ik weet niet zeker hoe dit populair werd, maar ik heb het veel gezien op veel sites op internet. Het probleem met zo'n grote koptekst en al die navigatie-elementen is dat wanneer je naar beneden scrolt, het veel inhoud blokkeert. Dit is vooral frustrerend wanneer er onderdelen zijn die je moet bereiken of wanneer de inhoud anders de hoogte van de browser zou vullen, maar een deel ervan wordt verborgen door navigatie.
Vooral op mobiel
Wat nog erger is, is dat wanneer een site op mobiele grootte wordt gebracht, de grote koptekst nog steeds op zijn plaats wordt gehouden. Dit is overal een slechte ervaring, omdat de ruimte al beperkt is op smartphoneschermen. Het hoeft niet te worden overgenomen door een nav-menu dat anders misschien verborgen zou zijn. Als er bepaalde nav-elementen zijn die zichtbaar moeten blijven, verander deze dan in kleine pictogrammen of plaats ze ergens anders uit de weg.
Laag contrast
Mijn ogen zijn goed, maar ik ben geen fan van het proberen visueel onderscheid te maken tussen houtskooltekst of pictogrammen op een zwarte achtergrond. Niemand zou daar doorheen moeten gaan. Contrast is de sleutel, vooral in webdesign.
Tekst
Elke tekst moet gemakkelijk leesbaar zijn, met voldoende gewicht om het gemakkelijk leesbaar te maken. 100 gewicht lettertypen hebben vrijwel geen plaats op het web (behalve in enkele speciale gevallen). Het gebruik van een super dun lettertype op een smartphone is gewoon vragen om problemen. Er moet genoeg visueel contrast zijn voor uw ogen om de lettervormen te onderscheiden.
Kleur
Voor alle elementen van een website moet er voldoende gemakkelijk te onderscheiden contrast tussen kleuren zijn. Elke tekst moet een hoog contrastcontrast hebben ten opzichte van de achtergrond. Dat geldt ook voor alle links, navigatie-elementen of pictogrammen. Het moet niet moeilijk zijn om te vinden wat je zoekt.
Oproep tot acties
Net als andere links en navigatie-elementen, moeten uw call-to-action-elementen een hoog niveau van contrast vertonen. Als u wilt dat een bezoeker van een website actie onderneemt, maakt u deze prominent, gemakkelijk te lezen en te laden en te wissen. Veel te vaak zie je een oproep tot actie met een knop die niet genoeg opvalt op de achtergrond. Soms is het helemaal geen knop en het is gewoon een eenvoudige tekstlink omgeven door witte ruimte.
Raak doelen op mobiel aan
Ik zie dit op veel mobiele sites en het is een van de meest frustrerende elementen om mee om te gaan. Als u een knop of een koppeling hebt om te klikken, geeft u deze voldoende ruimte zodat gebruikers niet per ongeluk op de verkeerde plaats slaan. Zorg er op een smartphone voor dat alle knoppen of koppelingen ver genoeg van de rand of de hoek van hun scherm verwijderd zijn, zodat ze gemakkelijk kunnen worden afgeluisterd.
Vaak is een knop die te dicht bij een van de vier hoeken van een scherm is geplaatst, te moeilijk om precies te tikken. Als u grotere vingers heeft, registreert de smartphone uw actie mogelijk helemaal niet. Hierdoor moet de gebruiker verschillende keren tikken om de functie te laten werken. Ruimte voor deze elementen is uiterst belangrijk.
Conclusie
Deze algemene UX-problemen kunnen gemakkelijk worden vermeden met een beetje extra werk en voorbedacht. Als u wilt dat bezoekers van uw website uw site gebruiken en ervan genieten, is het belangrijk om het proces eenvoudig en soepel te maken. Het voorkomen dat uw gebruikers handelingen en processen herhalen, vermindert de frustratie en biedt de gebruikerservaring die iedereen verwacht van een goed ontworpen site.
Uitgelichte afbeelding, UX ontwerp afbeelding via Shutterstock.