Hur man undviker vanliga UX-fällor
Hur många gånger har du varit på en webbplats, bara för att lämna frustrerad och irriterad på den erfarenhet du fick under ditt besök? Tro det eller inte, det här är en ganska vanlig förekomst, särskilt när webbplatser ignorerar bra UX-metoder.
Om du är inblandad i någon aspekt av en webbplatsbyggnad är det absolut nödvändigt att du undviker vanliga UX-problem, om du vill stanna i användarnas bra böcker. Låt oss ta en titt på de 4 vanligaste UX-fällorna som designers faller i och hur man undviker dem ...
formulär
Blanketter är nödvändiga för att samla information om användare, kunder och kunder. Du kan inte komma runt med dem, men de borde inte vara outhärdliga att fylla i. Blanketter ska ha mycket få frågor om vilken information en webbplats söker. Ett av de största problemen med onlineformulär är när det inte finns några instruktioner.
formatering
När du frågar någon för specifik information, betona vad det är du letar efter. Om du behöver ett speciellt format för något, till exempel ett datum, en tid eller annan formaterad information, borde det få ett exempel. Ingenting är mer irriterande än att fylla i ett formulär, bara för att få ett felmeddelande när du är klar.
Platshållare text
Det är trevligt när en designer går lite utöver och ger dig en ledtråd på vilken information som de letar efter, genom att ge platshållarteksten i formulärfältet. Även om detta är mycket bekvämt har det funnits flera gånger när jag har stött på platshållare som inte går bort när du börjar skriva i formulärfältet. Det här är en stor frustrationspunkt för alla användare, eftersom de måste sluta skriva, markera allt och radera det och börja om igen. De kan också välja den onödiga typen och ta bort det, vilket orsakar ett avbrott i deras tankeprocess medan du fyller i formuläret. När du använder platshållarteksten för att ange vilken typ av information du letar efter, se till att den går bort när någon väljer det inmatningsfältet.
Felmeddelanden
Det finns inget mer frustrerande än att försöka göra något på en webbplats, bara för att få ett felmeddelande, utan tillräcklig information, eller någon som helst. Om en webbplatsanvändare stöter på ett fel bör det finnas en förklaring till vad som är felaktigt och hur man fixar det. Om du till exempel loggar in på en webbplats med ett användarnamn och lösenord, om du gör ett misstag med en, bör du få veta vilken. Med så många inloggningar på webbplatser där ute är det enkelt att samla flera varianter av användarnamn och lösenord. Det finns några fall när jag måste ändra mitt vanliga användarnamn och lösenordskombination, eftersom det inte uppfyllde kraven på en webbplatss registrering, till exempel 2 bokstäver, ett tal, en bokstav och en interpunktion eller en symbol.
Andra exempel skulle inkludera: om lösenorden inte matchar, under registreringsprocessen, visa ett felmeddelande innan du skickar in. Ett annat exempel kan vara om ett användarnamn redan är taget, visa det innan någon skickar in sin registrering.
Ingen gillar att behöva göra om något, särskilt efter att ha fått dåliga instruktioner. Du kommer att ha mycket högre engagemang om du gör det enkelt för användarna att ge dig rätt information första gången.
Stora, fasta navigeringshuvuden
Jag är inte säker på hur det blev populärt, men jag har sett det mycket på många webbplatser runtom i världen. Problemet med ett så stort huvud och alla dessa navigeringselement är när du rullar ner sidan, blockerar den mycket innehåll. Detta är särskilt frustrerande när det finns delar du behöver komma till, eller när innehållet annars skulle fylla i webbläsarens höjd, men en del av den är dold av navigering.
Särskilt på mobilen
Vad som är värre är att ibland, när en webbplats sätts ner till mobilstorlek, hålls den stora rubriken fortfarande på plats. Det här är en dålig upplevelse runt, eftersom utrymme redan är begränsat på smarttelefon skärmar. Det behöver inte tas upp av en navmeny som annars skulle kunna döljas. Om det finns vissa navelement som behöver vara synliga, vrid dem till små ikoner eller placera dem någonstans ur vägen.
Låg kontrast
Mina ögon är bra, men jag är inte ett fan av att försöka visuellt urskilja koltext eller ikoner på en svart bakgrund. Ingen borde behöva gå igenom det. Kontrast är nyckeln, särskilt i webbdesign.
Text
Varje text ska lätt läsas, med tillräcklig vikt för att göra det lätt att läsa. 100 viktfonter har praktiskt taget ingen plats på webben (utom i några speciella fall). Att använda en super tunn typsnitt på en smartphone frågar helt enkelt problem. Det måste finnas tillräckligt med visuell kontrast där för dina ögon för att ta fram bokstäverna.
Färg
För alla delar av en webbplats borde det finnas gott om lättskådlig kontrast mellan färger. Varje text ska ha en hög kontrast från dess bakgrund. Det gäller också länkar, navigationselement eller ikoner. Det borde inte vara svårt att hitta vad du letar efter.
Samtal till handlingar
Precis som andra länkar och navigeringselement, bör dina uppmaningar till åtgärdselement visa en hög kontrastnivå. Om du vill att en webbplats besökare ska vidta åtgärder, gör den framträdande, lätt att läsa och ladda och rensa. Alltför många gånger ser du ett anrop till handling med en knapp som inte sticker ut tillräckligt från bakgrunden. Ibland är det inte en knapp alls, och det är bara en enkel textlänk omgiven av vitt utrymme.
Tryck på mål på mobilen
Jag ser detta på många mobila webbplatser och det är en av de mest frustrerande elementen att hantera. Om du har en knapp eller en länk för att klicka, ge den tillräckligt med utrymme så att användarna inte slår felaktigt av misstag. På en smartphone, se till att några knappar eller länkar är tillräckligt långt borta från kanten eller hörnet på skärmen, så att de enkelt kan tappas.
Många gånger är en knapp placerad för nära någon av de fyra hörnen på en skärm för svår att trycka exakt på. Om du har större fingrar kanske inte smarttelefonen registrerar dig alls. Detta medför att användaren måste trycka flera gånger för att få funktionen att fungera. Utrymmet för dessa element är extremt viktigt.
Slutsats
Dessa vanliga UX-problem kan lätt undvikas med lite extra arbete och förankring. Om du vill att dina besökare ska använda och njuta av din webbplats är det viktigt att göra processen lätt och flytande. Undvik att få dina användare att repetera handlingar och processer igen sänker sig på frustration och ger användarupplevelsen alla förväntar sig från en väl utformad webbplats.