12 Dåliga UX/UI-misstag får inte begås i appdesign

Texten är för liten för att kunna läsas.

Litet ljust teckensnittsinnehåll på en vit bakgrund.

Användare kan inte se de avgörande funktionerna väl placerade någonstans i användargränssnittet.

Det här är några av de vanligaste problemen med UX/UI-design i appar och att göra många misstag som dessa skulle kosta dig dyrt. När du planerar ett programvaruprojekt är det absolut nödvändigt att identifiera sådana misstag ganska tidigt i designstadiet eftersom syftet är att skapa ett intuitivt och snabbt gränssnitt som ger en sömlös användarupplevelse.

Här är några dödliga misstag som kan stava undergång för appen, och hur du så småningom kan undvika dem.

1 Avviker från användarens förväntningar

Intressant nog har användarna vissa förväntningar när det kommer till att använda dessa grundläggande GUI-widgets (radioknappar, kryssrutor, rullningslister, kommandolänkar/knappar, etc.) Att försöka en revolutionerande förändring av dessa knappar kanske inte tas emot väl.

Tänk på det här enkla exemplet: Du har lyssnat på BBC-nyheter hela ditt liv. Plötsligt bestämmer sig någon i din familj för att lyssna på CNN istället, och du får känslan av ”fisken ur vattnet”. Det här är precis vad användare kommer att känna när du gör stora ändringar i GUI-widgets.

De flesta av de populära GUI-widgetarna har fulländats och experimenterats med, i åratal i sträck, och det finns en anledning till varför användare gillar dem. Det är inte lätt att ändra den känslan av lätthet och komfort över en natt. Detta beror på att användarna måste anstränga sig mycket energi och hjärna för att göra något nytt; och de kanske inte är mottagliga för det.

Gör därför inte drastiska ändringar i utseendet på GUI-widgets i din app. Dina användare föredrar att ha problemfri navigering genom appen, så det är bättre om du behåller det ursprungliga utseendet och känslan av GUI.

2 Att inte veta vad användaren verkligen behöver

När företag misslyckas med att inse användarens faktiska behov, och kommer på något som inte tillgodoser deras behov, leder det till en stor blunder. I sådana fall kan du inte öka försäljningen och din app misslyckas.

Det är viktigt att undersöka och få djupa insikter om användarnas intressen innan man bestämmer sig för vilka funktioner som ska införlivas. För detta, gör en grundlig användar- och marknadsundersökning.

Förstå vad dina målanvändare förväntar sig av din app design – omedelbar svarstid, smidig navigering mellan kontroller, enkel läsbarhet och så vidare – kort sagt en intuitiv användarupplevelse.

Gör också en kritisk analys av dina konkurrenter – känna till användbarhetsfaktorn för deras appar; vilka alla funktioner de inkluderar i sina appar, hur interaktiva är deras användargränssnitt osv.

Och första gången utvecklare se upp: överbelasta inte för många funktioner i appen. Huvudsyftet bakom en app är att förenkla dina användares aktiviteter.

Så det skulle vara tillrådligt att inte gå överbord med funktioner eftersom detta skulle leda till en uppsjö av aktivitet som omedelbart skulle omvandla den till en medioker app. Mindre antal funktioner (prima, naturligtvis) skulle göra susen.

3 Dåliga Touch Targets

Användare är utrustade med fingrar i olika storlekar. Så touchen måste konfigureras för att tillgodose fingrarna på alla personer i målsegmentet. Den genomsnittliga bredden på ett vuxet pekfinger är 1,6 till 2 cm. Tänk därför på det när du designar beröringsbaserade mobilapplikationer.

Om användare tycker att det är svårt att röra och aktivera funktionerna i appen kan de överge att använda appen helt och hållet och det skulle vara riktigt tragiskt. Och detta gäller återigen antalet funktioner du har. Ju fler funktioner du har, desto mindre tryckytor på appen. Å andra sidan skulle inkorporering av några få utmärkta funktioner leda till större kranareor.

4 The Scroll Horror

Tidskrifts- och tidningsredaktörer och annonsörer levde en gång i den eviga fasan av ”fåran’. När mobilapplikationer blev populära lättade ”vikskräcken” lite eftersom innehållet var synligt på en skärm som lätt kunde rullas.

Men detta var bara delvis sant eftersom det blev viktigare och viktigare att skapa en responsiv och längre webblayout där huvudåtgärderna inte ska gå under mitten, eller snarare slå en plats där folk enkelt kan scrolla och hitta den.

Konverteringarna ökar endast när de relevanta knapparna är placerade ”ovanför mitten” eller när användare inte behöver rulla. Att placera en tydlig uppmaning på en framträdande plats skulle ge fler omvandlingar.

5 knappar som efterliknar utseendet på GUI-kontrollknappar

Precis som att ha för många GUI-kontroller kan vara ett fruktansvärt misstag, kan motsatsen till detta också vara dödlig. Understrukna texter och rubriker skapar känslan av att de är länkar som skulle ta användarna till en ny sida.

De klickar på den, men när de inte kommer till sidan antar de att länken är bruten och avslutar appen. Användare blir ofta förvirrade och ibland irriterade på grund av denna fars och de kanske inte kommer tillbaka igen.

Visa radioknapparna där de är absolut nödvändiga, men ge inte fel intryck av radioknappar där det inte finns några.

6 Inkonsekventa GUI-kontroller

GUI-kontrollerna bör vara konsekventa. Om du använder särskilda ord för uppmaning och liknande handlingar, använd sedan samma ord i hela appen. Att använda olika ord för samma handling kan skapa förvirring.

Ibland gör handlingar som utvecklarna antar är enkla för användarna precis tvärtom. Om du följer ett visst mönster i din app, följ det konsekvent hela tiden. Se till att knapparna och sidorna visas där användarna förväntar sig att de ska komma.

7 Hoppa över flödesscheman och komma igång med designen

Utvecklare sparar inte tid genom att hoppa över flödesdiagrammen och kasta sig direkt in i designdelen av appen. Det är mycket viktigt att bygga ett flödesschema med användarna i åtanke, och många utvecklare skapar dessa diagram med användarpersonas så att de alltid har slutanvändaren i åtanke.

Detta skulle också hjälpa till att avgöra var användarna kommer ifrån, vilka deras intressen är och var de ligger. När du utformar flödesscheman är det därför absolut nödvändigt att besluta om användar- och affärsmål och om det skulle uppnås i slutet eller inte. Genom att skapa flödesöversikter är det möjligt att gå igenom olika alternativ med sidflöden, och bestämma det bästa.

8 Att inte överväga ”upplevda möjligheter”

I lekmannatermer betyder affordance alla de handlingar som är fysiskt möjliga beroende på egenskaperna hos ett objekt/miljö. En trappa låter dig gå upp eller ner, en flaskkork låter dig skruva eller skruva loss.

På samma sätt, på en webbsida, utför en skjutreglage funktionen att flytta upp och ner, kryssrutan låter dig markera eller avmarkera den och den hyperlänkade texten tar dig till en annan sida. Affordance tillåter en användare att göra något de lätt kan förstå.

Uppfattningen om dessa möjligheter kommer att baseras på användarens kunskap om webbsidan, erfarenheter, övertygelser och mål. När du designar användargränssnitt är det viktigt för designern att ge korrekta ledtrådar, annars kan det leda till förvirring och därmed dålig användarupplevelse.

Designers måste använda korrekta visuella signifiers genom vilka användare kan uppfatta hur de observerar dessa UI-element och interagerar med dem. Det är också viktigt att komma ihåg att alla användare inte skapas lika; därför kanske inte alla tillstånd uppfattas eller tolkas på samma sätt av alla. Så backa alla visuella signaler med korrekta etiketter och instruktioner.

9 Frånvaro av rätt typ av dialogrutor

I en webbapps dialoganvändbarhet är det obligatoriskt att låta användarna veta om systemets nuvarande tillstånd och hur deras kommandon har tolkats. Dialogrutor är avsedda att informera användare om hur deras handlingar blir, utan att ta bort dem från den aktuella skärmen.

Tystnad kan få användarna att gissa. Så när du skapar en webbapp, se till att dialogrutan inte skymmer information från användarna. Men använd det sparsamt, eftersom kontinuerliga meddelanden kan vara störande.

Till exempel, när användaren bestämmer sig för att avsluta en viss sida efter att ha skrivit information, kan dialogrutan komma in med bekräftelserutan som säger ”Släng utkast? Avbryt eller Kasta”.

Men att bombardera dem med prenumerationsdialogrutor (till exempel ”Prenumerera på vårt dagliga nyhetsbrev genom att skriva din e-postadress”) alldeles för många gånger kan vara riktigt irriterande.

10 Att göra vanliga misstag med felmeddelanden

Användare lägger ner tid och kraft på att fylla i formulär, och när det finns ett fel i dem är det obligatoriskt att informera dem om vad som gick fel och var. Om det finns specifika regler för att skapa ett lösenord, informera användarna i förväg så att de inte behöver göra samma sak två gånger.

Eller, om det finns en kampanjkod som ska tillämpas, informera dem bara i förväg vilken typ av kampanjer som gäller och varför. Att inte informera dem i tid kan bygga upp oro och frustration hos användaren. Kom ihåg att inte göra dessa misstag när du skapar felmeddelanden:

1. Tvetydighet – Att inte vara tydlig med användarens misstag.
2. Att skylla på användaren – Det är bättre att vara ödmjuk, även när användaren gör fel. Påpeka felet försiktigt så att de uppmanas att försöka igen.
3. Dålig placering av felmeddelanden – Det är tillrådligt att inte placera felen på en punktlista eftersom det verkligen stänger av dem. Placera felmeddelandena ovanpå felen så att användarna kan se vad som är fel direkt.
4. Att inte använda mikrokopia för att förhindra fel – Små bitar av förklarande text nära de tomma fälten kan faktiskt instruera användaren vad som ska fyllas, så att de kan få det första gången.

11 Frånvaro av smarta standardinställningar

Att ha ett extra fält på formulärsidan i din app kan vara avskräckande. Så om det extra fältet är en absolut nödvändighet, se till att du anger standardvärden i formulärinmatningsfält. Människor skannar formulär snabbt för att kontrollera hur lång tid det tar att fylla i formuläret, och om det redan finns ett standardvärde i formuläret kommer de sannolikt att fylla i de andra.

Att inte ha smarta standardinställningar kan göra det tidskrävande och frustrerande för användaren, och det är ett allvarligt misstag. Det är också tillrådligt att inte sätta in standardinställningar för inmatningsfält som kräver användarens uppmärksamhet. Anta inte vad användaren kommer att klicka på, och även om det var en väl undersökt standard, kanske användarna vill ha något annat.

12 Ignorera accentfärger för uppmaningsknapparna

Det är mycket viktigt att använda bra accentfärger för att uppmärksamma knappar som ”Köp nu”, ”Starta en gratis handledning”, ”Registrera dig nu” etc. Använd en annan färg för knapparna så att de kommer att skilja sig åt, särskilt för de som är väldigt avgörande uppmaningsknappar.

Accentfärgen måste vara tillräckligt ljus för att dra till sig uppmärksamhet, men inte irriterande och distraherande. Se till att accentfärgen kompletterar resten av färgtemat i appen. Reservera även en specifik färg för uppmaningen och använd den inte någon annanstans på sidan.

Slutsats

Dessa är några av de vanligaste misstagen i UI/UX-design. Och kom ihåg att när du gör några designändringar, se till att testa det noggrant för att se hur effektivt det skulle vara.

Appdesign är en skillnad för framgång, och med tusentals appar som släpps varje dag är det bara en handfull av dem som får godkännande. Dålig praxis kan leda till dödliga misstag i UX/UI-design, och alla ansträngningar från så många människor går ut i sjön.

En sista påminnelse:

När du designar din app, kom ihåg att designa för flera plattformar, såvida du inte riktar in dig på en viss. Så här får du en Minimum Viable Product (MVP) direkt in i butiken.