Förhindra UX misslyckas med smart design
En sak som inte är tillräckligt med designers fokuserar på när man utformar webbplatser är att minska användarfel. Det är synd eftersom användarfel har en direkt inverkan på webbplatsens användarupplevelse ... vilket har en direkt inverkan på en webbplatss omvandlingar ... vilket har en direkt inverkan på hur mycket pengar din kund står för att förlora.
Sätt på ett annat sätt: Om det finns en sak du kan göra omedelbart för att din kund ska hålla sig glad och fortsätter att kasta designarbetet, måste du förebygga användarfel direkt från start. Att utforma med den här proaktiva filosofin kommer inte bara att drastiskt förbättra användarupplevelsen, men det kommer också att få dig att se väldigt bra ut för dina kunder.
Att förebygga användarfel går ut på en princip som alltid bör vara första i varje designers värdesystem: utforma för slutanvändaren till varje pris.
Design mönster
Designmönster är layouter och gränssnitt som slår ett välkänt ackord med användare eftersom de har sett dem otaliga gånger under alla år av att surfa på webben. Därför är det bara meningsfullt att presentera dina användare med mönster som de redan har sett för att minska användarfel. När en användare har haft erfarenhet att navigera genom en viss design är det ju en bra insats att han inte kommer att göra fel relaterade till att gå vilse på din webbplats, inte förstå vad sidmålet är eller inte förstå hur man utför en specifik åtgärd.
Statistik säger det ungefär 40% av jordens befolkning har idag tillgång till internet. Dessa användare har sett din grundläggande navigationsmeny (horisontal, vertikal, etc.), vet hur du rullar under veckan, förstår att anrop till åtgärd ska kunna klickas - och mycket mer. De är också bekanta med olika designtrender, allt från parallaxrullning och platt design till minimalism och långrullningssidan. Arbeta inom dessa välförståda mönster för att drastiskt minska nackdelen med användarfel!
Dillard varuhus exemplifierar detta grundläggande, men bekant, tillvägagångssätt för webbdesign. På sin hemsida kan du tydligt se hur många delar det gör rätt:
- horisontell navigationsmeny som ger tydlig och enkel åtkomst till olika avdelningar;
- enkelkolonn design;
- vitt utrymme för att fokusera uppmärksamhet på innehållet;
- sökfältet för att underlätta bra UX som låter kunder snabbt hitta vad de vill ha;
- stora bilder som visar produkterna skarpt och attraktivt.
Med den här layouten kommer personer som navigerar Dillard för första gången genast att gå igenom e-handelskonverteringen på grund av det kända gränssnittet för webbplatsen.
Lita på affordances
Överkomliga priser är de indikationer som berättar för användarna hur de kan interagera med din kunds webbplats. De är absolut nödvändiga för en stor användarupplevelse och minskar användarfel.
Affordances finns i alla former och storlekar:
- fysisk;
- språk;
- mönster;
- symbolisk eller ikonisk.
Utan tydliga erbjudanden eller något alls, kommer även den mest erfarna användaren att ha en skrämmande användarupplevelse på din webbplats.
Ta till exempel språkområden, vilka är de mest tydliga sätten att kommunicera med dina användare hur de kan interagera med din webbplats. En av de vanligaste platserna där du kan hitta dessa finns i webbformulär för att hjälpa användarna att läsa om vad de ska infoga i de olika fälten.
Medan vissa former kan vara relativt korta kommer varje användare att gå förlorad utan språkförmåner för att berätta för dem vad de ska ingå i varje fält.
På Dropbox hemsida, kan du se registreringsformuläret framträdande visas mitt i skärmen. Formuläret har endast fyra fält, men för att hjälpa användarupplevelsen har Dropbox inkluderat språkområden i alla fält så att alla användare vet att de förväntas skriva in deras för- och efternamn, e-postadresser och lösenord för att registrera sig.
Nu när användarna är 100% säkra på vad de ska gå in i dessa fält, kommer de inte göra några misstag, och som ett resultat kommer anmälan vara extremt smidig eftersom det inte kommer någon friktion i processen.
Använd en radering felsäker
Ett av de vanligaste användarfel är baserat på oavsiktliga raderingar av skapade verk, oavsett om de är mycket tidskrävande, till exempel skrivna rapporter, eller bara delade media som fotografier som tar en sekund att skjuta. Det är därför som att skapa effektiva skydd mot oavsiktliga borttagningar är ett av de bästa sätten att minska användarfel.
De flesta har på en eller annan gång upplevt en situation där han oavsiktligt raderade en värdefull eller nödvändig del av innehållet. Kostnaden för ett sådant användarfel kan ofta vara mer än bara frustrationen att ha tryckt på fel knapp eller misslyckades att läsa popup-fönster meddelandena noga. Oavsiktliga raderingar kan permanent radera värdefulla minnen och arbetsrelaterade dokument som kostar riktiga pengar.
Bekräftelse dialogrutan, frågar användare om de verkligen menade att ta bort ett objekt, är fortfarande en viktig felsäkerhet som måste ingå i varje välfungerande design. Skönheten i detta felsäkra är att i enlighet med regeln om användning av konventionskonventioner, kommer alla användare att känna till det direkt och därigenom uppnå effektiviteten som ett system för förlustförebyggande.
Google Drive S gränssnitt använder bekräftelse dialogrutor som omedelbart ta tag i användarens uppmärksamhet, se till att de inte kan ignoreras.
Observera hur rutan innehåller bekräftelsespåfrågan i större teckensnitt än all annan text i rutan, nästan som om det var en egen rubrik? Dessutom börjar åtgärdsinriktade ord som "ta bort" frågan, vilket gör det troligt att användarna kommer att märka. Linjen som innehåller varningen är också fet och bidrar till brådskan bakom frågan. Slutligen notera hur anropsknappen "Cancel" är den som är markerad i blått, vilket indikerar att designers önskar att användarna har fel på försiktighetssidan vid oavsiktliga borttagningar.
Allt sagt, en sådan användning av bekräftelse dialogrutor fungerar som en failsafe mot utslag användare som kanske inte har tänkt att trycka på en viss knapp.
Slutsats
En sak som vi ständigt säger i webbdesign är hur viktigt det är att utforma med användaren i åtanke hela tiden. Användarupplevelsen bör läggas framförallt i alla designbeslut. Den intressanta aspekten av designen är emellertid hur designers brukar associera användarupplevelsen i samband med vad de kan lägga till i en design för att förbättra användarnas erfarenhet. De sällan närmar sig att utforma med användaren i åtanke först från att eliminera potentiella fel som användaren kan få in i.
Därför är det viktigt att designers alltid försöker sätta sig i användarens skor och försöka förutse hur han ska bete sig när han navigerar på sin design. Först då kan användarfel verkligen minimeras.