Voorkomen dat UX niet werkt met Smart Design
Een ding dat te weinig ontwerpers focussen op het ontwerpen van websites, is het verminderen van gebruikersfouten. Dat is jammer omdat gebruikersfouten een directe impact hebben op de gebruikerservaring van een site ... wat een directe impact heeft op de conversies van een site ... wat een directe impact heeft op het bedrag dat uw klant te verliezen heeft.
Anders gezegd: als er één ding is dat u onmiddellijk kunt doen om ervoor te zorgen dat uw klant tevreden blijft en steeds op de een of andere manier ontwerpt, dan is het om gebruikersfouten preventief te voorkomen. Ontwerpen met deze proactieve filosofie zal niet alleen de gebruikerservaring drastisch verbeteren, maar het zal er ook voor zorgen dat u er goed uitziet voor uw klanten.
Het voorkomen van gebruikersfouten komt neer op één principe dat altijd de eerste zou moeten zijn in het waardesysteem van elke ontwerper: ontwerpen voor de eindgebruiker ten koste van alles.
Ontwerp patronen
Ontwerppatronen zijn lay-outs en interfaces die een vertrouwd akkoord zullen vormen met gebruikers omdat ze ze talloze keren hebben gezien in al hun jaren van surfen op het web. Daarom is het alleen zinvol om uw gebruikers ontwerpen te presenteren die ze al eerder hebben gezien om gebruikersfouten te verminderen. Immers, wanneer een gebruiker ervaring heeft met het navigeren door een bepaald ontwerp, dan is het een goede gok dat hij geen fouten zal maken met betrekking tot het verloren raken op uw site, niet begrijpen wat het doel van de pagina is, of niet begrijpen hoe te presteren een specifieke actie.
Statistieken zeggen dat ongeveer 40% van de bevolking van de aarde geniet momenteel van toegang tot internet. Deze gebruikers hebben uw basisnavigatiemenu gezien (horizontaal, verticaal, enzovoort), weten hoe ze onder de vouw moeten scrollen, begrijpen dat oproepen tot actie klikbaar moeten zijn - en nog veel meer. Ze zijn ook bekend met verschillende ontwerptrends, van parallax scrollen en plat ontwerp tot minimalisme en de pagina met lang scrollen. Werk binnen deze goed begrepen patronen om de kans op gebruikersfouten drastisch te verminderen!
Dillard's warenhuizen illustreert deze basale, maar toch vertrouwde benadering van webdesign. Op de startpagina kunt u duidelijk zien hoeveel elementen het goed doet:
- horizontaal navigatiemenu met duidelijke en gemakkelijke toegang tot verschillende afdelingen;
- ontwerp met één kolom;
- witte ruimte om de aandacht op de inhoud te vestigen;
- zoekbalk om een goede UX te maken waarmee klanten snel kunnen vinden wat ze willen;
- grote afbeeldingen die producten scherp en aantrekkelijk weergeven.
Met deze lay-out zullen mensen die voor de eerste keer door Dillard's navigeren onmiddellijk door de e-commerce conversietrechter gaan dankzij de vertrouwde interface van de site.
Vertrouw op de affordances
Affordances zijn die indicaties die uw gebruikers vertellen hoe ze kunnen communiceren met de site van uw klant. Ze zijn absoluut essentieel voor een geweldige gebruikerservaring en dus voor het verminderen van gebruikersfouten.
Affordances zijn er in alle soorten en maten:
- fysieke;
- taal;
- patroon;
- symbolisch of iconisch.
Zonder duidelijke voordelen of helemaal niet, zal zelfs de meest ervaren gebruiker een verrotte gebruikerservaring op uw site hebben.
Neem bijvoorbeeld taaltoelagen, de meest expliciete manieren om met uw gebruikers te communiceren over hoe ze kunnen communiceren met uw site. Een van de meest voorkomende plaatsen waar u deze kunt vinden, is in webformulieren om gebruikers te helpen bij het invoeren van de verschillende velden.
Hoewel sommige formulieren relatief kort kunnen zijn, zal elke gebruiker verloren gaan zonder de taalkundige mogelijkheden om hen te vertellen wat ze in elk veld moeten invoeren.
Op Dropbox's startpagina, kunt u het aanmeldingsformulier prominent weergegeven in het midden van het scherm. Het formulier heeft slechts vier velden, maar om de gebruikerservaring te helpen, heeft Dropbox taalaanbiedingen in elk veld opgenomen, zodat alle gebruikers weten dat van hen verwacht wordt dat ze hun voor- en achternaam, e-mailadres en wachtwoord invoeren om zich aan te melden.
Nu dat gebruikers 100% zeker weten wat ze in deze velden moeten invoeren, zullen ze geen fouten maken en als gevolg daarvan zal het aanmelden extreem soepel zijn omdat er geen enkele wrijving in het proces zal zijn.
Gebruik een verwijderfoutje
Een van de meest voorkomende gebruikersfouten is gebaseerd op onbedoelde verwijderingen van gemaakte werken, ongeacht of die werken erg tijdrovend zijn, zoals geschreven rapporten, of gewoon gedeelde media zoals foto's die slechts een seconde nodig hebben om foto's te maken. Het spreekt dan ook voor zich dat het creëren van effectieve waarborgen tegen onbedoelde verwijderingen een van de beste manieren is om gebruikersfouten te verminderen.
Bijna iedereen heeft op een gegeven moment een situatie meegemaakt waarin hij per ongeluk een waardevolle of noodzakelijke inhoud wist. De kosten van een dergelijke gebruikersfout kunnen vaak meer zijn dan alleen de frustratie dat je op de verkeerde knop hebt gedrukt of dat je de pop-upvensterberichten niet zorgvuldiger hebt gelezen. Per ongeluk verwijderen kunt u kostbare herinneringen en werkgerelateerde documenten permanent verwijderen die echt geld kosten.
Het bevestigingsdialoogvenster waarin gebruikers worden gevraagd of ze echt een item wilden verwijderen, is nog steeds een essentiële failsafe die deel moet uitmaken van elk goed functionerend ontwerp. Het mooie van deze failsafe is dat, in overeenstemming met de regel over het gebruik van ontwerpconventies, alle gebruikers er meteen vertrouwd mee zullen zijn, waardoor de effectiviteit als een verliespreventiesysteem wordt verhoogd.
Google Drive De interface gebruikt bevestigingsdialoogvensters die onmiddellijk de aandacht van de gebruiker trekken, zodat deze niet genegeerd kunnen worden.
Merk op hoe het vak de bevestigingsvraag in groter lettertype bevat dan alle andere tekst in de doos, bijna alsof het zijn eigen kop was? Bovendien beginnen actiegerichte woorden als "verwijderen" de vraag, waardoor het waarschijnlijker wordt dat gebruikers dit zullen merken. De regel met de waarschuwing is ook vetgedrukt en draagt bij aan de urgentie van de vraag. Merk ten slotte op dat de call-to-action knop van "annuleren" diegene is die in het blauw is gemarkeerd, wat een indicatie is voor de wens van de ontwerpers om gebruikers fouten te laten maken in het geval van onbedoelde verwijderingen.
Alles bij elkaar fungeert een dergelijk gebruik van bevestigingsdialoogvensters als een failsafe tegen onbesuisde gebruikers die mogelijk niet op een bepaalde knop hebben gedrukt.
Conclusie
Een ding dat we constant zeggen in webdesign, is hoe belangrijk het is om te allen tijde te ontwerpen met de gebruiker in gedachten. De gebruikerservaring moet vooral worden gebruikt bij alle ontwerpbeslissingen. Het interessante aspect van design is echter hoe ontwerpers de gebruikerservaring meestal associëren met wat ze kunnen toevoegen aan een ontwerp om de gebruikerservaring te verbeteren. Ze benaderen het ontwerpen met de gebruiker in eerste instantie zelden vanuit het standpunt van het elimineren van mogelijke fouten die de gebruiker kan oplopen.
Daarom is het van essentieel belang dat ontwerpers altijd proberen zichzelf in de schoenen van de gebruiker te plaatsen en proberen te anticiperen op hoe hij zich zal gedragen terwijl hij hun ontwerp volgt. Alleen dan kunnen gebruikersfouten echt worden geminimaliseerd.
Uitgelichte afbeelding, bevestig afbeelding via Shutterstock.