Ingen vill skapa dålig design, men ändå händer det hela tiden. Och medan orsaken till dålig design varierar är slutresultatet samma dålig användarupplevelse.
Dålig användarupplevelse frustrerar användarna och leder ofta till att överge produkten. I den här artikeln kommer jag att fokusera på en särskild aspekt av dåliga design-användande UI-tekniker som leder till dålig UX.
Om jag ber dig att namnge det enda irriterande på webben är oddsen att du kommer att svara, "Popup-fönster." Enligt NN-gruppens popup-fönster är popup-fönster den mest hatade webbupplevelse någonsin.
Vi vet alla den känslan. Du besöker en ny webbplats, innehållet på sidan verkar vara intressant. Du börjar läsa den och precis när du är halvvägs genom texten blir du plötsligt avbruten av en enorm överlagring som ber dig att antingen prenumerera på ett nyhetsbrev eller erbjuda dig något. I de flesta fall kommer din omedelbara reaktion att antingen stänga överlägget eller stänga hela sidan, överlägget tillsammans med det.
En överläggning som används på Esquires webbplats.
Det är uppenbart varför så många webbplatser använder den här tekniken: Annonsörer betalar dem till. Popup-tekniken är dock för störande, och den har en enorm negativ effekt på besökarna. Varje gång du visar en popup frågar du användare att sluta göra vad de vill göra (vad är viktigt för dem) och fokusera uppmärksamheten på vad du vill att de ska göra (vad är viktigt för dig). Det är inte förvånande att sådant beteende ofta ökar studsfrekvensen.
Det är möjligt att använda popup-fönster utan att irritera dina besökare. Följ bara en enkel regel - utlös en popup vid rätt tidpunkt. Det är till exempel mycket bättre att tillåta användare att slutföra den aktuella aktiviteten (t.ex. nå slutet på sidan) innan en popup visas. När användarna har fått lite mer tid att lära sig om dig (ditt varumärke och dina erbjudanden), kommer chansen att de kommer att vara villiga att göra vad du vill att de ska göra ökningar.
En annan viktig komponent är det faktiska meddelandet du har i popup-menyn. Du måste skriva en bra kopia. Kopian ska inte vara förolämpande, lura eller förvirrande. Waitbutwhy gå ännu längre och inkludera humor i sin text:
När besökare läser kopian från Waitbutwhy får det dem att le.
Det är värt att säga att det finns många mindre obtrusiva verktyg, såsom inslagsfält som inte täcker hela sidan och ger liknande resultat när det gäller konvertering.
Oändlig rulla är en teknik som gör det möjligt för användarna att bläddra igenom en stor mängd information utan slutlinje i sikte. Sidan håller helt enkelt uppfriskande medan användarna bläddrar ner. Tekniken blev populär i en tid av mobila enheter (rullning är mycket bekvämare än att klicka på en liten skärm). Vid första anblicken är denna teknik en perfekt lösning för många problem. Det kräver mindre ansträngning och gör innehållsförståelsen så enkelt som möjligt (alla användare behöver göra är att rulla). Det är dock inte en lösning som passar alla storlekar för varje webbplats eller app.
Den största nackdelen med tekniken är också den främsta fördelen: det finns ingen målstreck i sikte. När användarna kommer till en viss punkt i strömmen kan de inte markera sin plats och återkomma senare (märk, jag menar position, inte visst objekt). Så om de lämnar platsen (t.ex. flytt från en enhet till en annan), kommer de att förlora alla sina framsteg och kommer att behöva rulla ner igen för att komma tillbaka till samma plats. Oförmågan att bestämma rullningspositionen stör ofta användarna och gör den övergripande användarupplevelsen skadlig.
Under 2012 Etsy, en e-handelswebbplats fokuserad på handgjorda eller vintageartiklar, experimenterade med layouter för deras produktsida. De implementerade ett oändligt bläddringsgränssnitt och fann att det nya gränssnittet bara inte fungerade lika bra som en tidigare version med pagination. Även om ett antal inköp var desamma, användarengagemanget gick ner .
Vad säger Etsys exempel oss? Det berättar för oss att med varje designbeslut borde vi väga för och nackdelar innan vi integrerar det i våra mönster. Med tanke på oändlig rullning fungerar det bra för något som Twitter / Instagram där användarna gärna skannar en oändlig ström av data utan att leta efter något särskilt.
Har du någonsin uppmärksammat antalet anmälningar du får dagligen från olika appar? Hur många av dessa anmälningar bryr du dig egentligen? Inte för många, antar jag.
Varje dag bombas vi med oanvända meddelanden som distraherar oss från vad vi gör. De irriterar oss.
Streamingstjänsten skickar varje användare en anmälan varje gång en ny episod av någon show släpps.
Faktum är att irriterande meddelanden är den främsta orsaken till att människor avinstallerar mobila appar (enligt 71% av respondenterna).
Push notification är ett kraftfullt verktyg, men som med något annat verktyg kan det användas för gott eller ont. När användarna börjar använda din app, har de inget emot att få meddelanden så länge som meddelanden levererar verkligt värde. Det är viktigt att utforma anmälningar vara användbara, relevanta och aktuella för dina användare. Personligt innehåll är en nyckel till den utmärkta användarupplevelsen. När du levererar rätt meddelande till rätt person vid rätt tidpunkt blir din push notification en kraftfull trigger som motiverar personen att vidta åtgärder.
Netflix gör ett bra jobb med att anpassa sina meddelanden till den person som tar emot dem.
Hijacked scrolling är en av de mest irriterande sakerna för många användare eftersom det tar kontroll bort från dem och gör scrollningsbeteendet helt oförutsägbart. Vid utformning av en webbplats är det i de flesta fall bättre att undvika rulla kapring och låta användaren styra deras bläddring och rörelse via webbplatsen. Men i vissa sällsynta fall kan det hända att scroll kapning fungerar bra för dina användare. Tumblr använder till exempel denna teknik på sin hemsida för att presentera information i bitar.
Tumblr använder scroll kapning för att ge innehåll i bitar.
Det är värt att säga att alla tekniker som nämns i denna artikel inte är dåliga i sig. Användare hatar dem bara när designers blint införlivar dem. Varje teknik eller mönster på din webbplats eller i din app ska användas intelligent och med lite moderering.