Internet är en trassig röra som är visuellt överbelastad. Det finns så mycket att titta på? och läs? och förstå att det kan vara svårt att hitta fokus och ta reda på vad som är viktigt.
Om din design är överbelastad visuellt är chansen att du är överväldigande användare och de lämnar din webbplats eller app. Så hur vet du om du gör det? Vi har en lista med varningsskyltar för dig, plus några sätt att ta bort en del av vikten ur designen och göra den hanterbar för användare.
Du har inte definierat stilar
Stilar och paletter är ryggraden i bra design. När det gäller webbplatser ska allt definieras i CSS så att stilar definieras (och används) över hela webbplatsen. (Lita inte på minne eller manuella ändringar när stilelement från sida till sida.)
Definierade stilar inkluderar allt från teckensnittpaletten (med storlek och färganvändning) till en färgpalett för hur element, till exempel knappar eller länkar, ska visas och fungera i designen. Brist på stilar kan överväldiga användare eftersom det ofta förekommer inkonsekvens i hur saker ser ut och uppför sig mellan sidor, vilket gör att användarna ställer frågor om huruvida sakerna fungerar ordentligt eller om de fick informationen de begärde med ett tidigare klick.
Att ha definierade stilar kommer också att bidra till att förhindra överdrivning? designen och gör förändringar utan anledning. Ett logiskt, konsekvent mönster kan hjälpa användarna att enkelt hitta information och hålla fast vid designen.
The Perfect Grid Book är ett solidt exempel på enkel, konsekvent design.
Allt är samma storlek
Du kan inte prata om stilar och CSS utan att prata hierarki. Har din design en tydlig hierarki för text och andra element (från foton till knappar till länkar)?
Huvuddelen av den frågan är? Tydlig hierarki.? Styles måste vara tillräckligt olika för att den mest avslappnade användaren tydligt kan skilja skillnaden mellan en rubrik och en text eller en knapp eller ett foto. Det vanligaste problemet när det gäller överväldigande användare är att varje element känns lika stor (eller elementen faller i grupper med ett par storlekar).
Storleken är mer än bara bredd och höjd eller punktstorlek för teckensnitt. Hur stora eller olika förekommer föremål när de placeras sida vid sida? Visuell vikt eller storlek är lika viktig, och även element av olika slag (tex bredvid ett foto) måste ha olika visuella vikter. Färg-, rymd- och bildinnehåll kan spela en stor roll för att bestämma hur stort det ser ut på skärmen. Planera för variationer i elementens visuella storlek för att skapa en visuell väg för användare som hjälper till att rikta ögat från de viktigaste föremålen på skärmen till minst viktiga.
Din avvisningsfrekvens är verkligen hög
Uppmärksammar du studsfrekvensen i din webbplatsanalys? Om antalet spikes efter en design förändras kan det vara resultatet av visuell överbelastning. (På baksidan kan det vara att sökningen och designen är så bra att användarna omedelbart hittade vad de letade efter.)
Jämför avvisningsfrekvensen till tiden på webbplatsen. Helst är en låg avvisningsfrekvens och hög tid på plats bra. Om dessa nummer börjar växla i andra riktningen kan det signalera ett problem.
Om användarna lämnar din webbplats för snabbt, gräva lite djupare in i analyserna för att ta reda på hur de kom fram till din webbplats i första hand och vad de letar efter (med hjälp av klickmönster, översta sidor och sökresultat). Justera designen för att göra dessa element högprioriterade objekt.
Användare klickar inte på rätt saker
Medan du gräver i analyser, notera vad användarna klickar på. Matchar faktiska klick med önskade klick? Om användarna inte gör de saker som de ska? med designen kan det indikera ett visuellt problem. Knappar är kanske inte tillräckligt stora eller tillräckligt klara eller kopiera kan inte leda användarna till lämpliga samtal till handling.
Ofta är problemet att det finns för många saker att göra. Föreställ dig en webbplats med ett stort handlingssätt i hjältebilden, med ett formulär för inlämning av e-post direkt under den och en popup-uppgiftsinformation i form av en kupong. Vad skulle du klicka först? Eller stänger du bara webbplatsen och fortsätter med ditt liv?
Om du skulle göra det senare, kommer det från designens överväldigande karaktär och beror på kognitiv överbelastning eller mängden hjärnkraft som behövs för att använda din webbplats. Det finns för många val som kommer till användarna för fort för att bearbeta dem alla.
Lösningen är lätt på. Begränsa antalet handlingsbara element till en per? Skärm? utanför navigationselement eller sidfot. I scenariot ovan kan designen innehålla en uppmaning till handling i hjältebilden, men inget annat. E-postformuläret skulle leva på en annan sida eller under rullningen, som skulle popup-rutan.
Designen är packad med tricks
För många designtrick eller trender eller element kan kännas coolt när du gör det, men kan förstöra användarupplevelsen. Försök att hålla konstruktionen till ett designtrick som ger en intressant plats för användarna, men överväger inte dem mentalt.
Låt aldrig fads eller saker du vill försöka komma iväg för en av KISS - håll det enkelt, dumt (vilket kan vara den bästa designfilosofin hela tiden).
Användarmönster är inte faktiskt mönster alls
Är funktionerna på din webbplats vanliga och väl begripna? Inget kan överväldiga en användare som att skapa ett nytt sätt att göra någonting. Vänster till höger rullning, snarare än upp och ner, eller knappar som inte ser ut som knappar är bara några exempel på användarmönster som inte är mönster. Och användarna tycker inte om dem.
Håll dig till allmänt accepterade användarflöden, verktyg och åtgärder för att säkerställa att de flesta besökare vet hur man interagerar och engagerar sig med din webbplats. Om designen kräver instruktioner är det förmodligen för komplicerat.Använd ikoner och element som också är kända. Kundvagnsikonet är ett exempel på ett element som varje användare förstår och förväntar sig en viss åtgärd från.
Den dolda menyn, hamburgerikon, är ett intressant exempel som började som något som användarna inte förstod, men har utvecklats till ett ganska vanligt användarmönster för mobil och jämn stationär navigering. Men det är inte utan kontrovers, med många designers som fortfarande pratar mot användning.
Även om det kan vara kul att skapa något helt annat och nytt, tänk på målen för designprojektet. Om du behöver användare att flytta genom webbplatsen och utföra specifika åtgärder - det här är viktigt för e-handelswebbplatser - vanliga användarmönster är nyckeln.
Det finns ingen vit utrymme
Clutter är en hemsida mördare. Vitt utrymme kan rädda konstruktionen och hjälpa användarna att ge riktlinjer, hjälpa till att skapa hierarki och få allt att känna sig lättare och lättare att förstå. Att bara öka utrymmet mellan textlinjer från enkla till 1,5 linjer kan öka tiden på plats och läsbarhet.
Utrymme kan också påverka användarna på andra ställen. Bredare rännor och utrymme mellan element kan bidra till förståelse och förståelse. Överdriven vitt utrymme runt ett element kan göra det verka viktigt och föra fokus till det området på skärmen.
Rymden har också en lugnande effekt för många användare, medan en design som är fylld med element kan göra en användare känslig och rusad.
Slutsats
Det är en fras som vi har använt på Design Shack tidigare: När du är osäker, lämna den ut. Håll den här idén i åtanke när du försöker effektivisera en design som kan känna sig rörig eller överväldigande. Visuell rodnad är ett verkligt problem, både på enskilda webbplatser och när man casual surfar på internet.
En design som är lätt i ögonen kommer att hålla användarna längre och förhoppningsvis uppmuntra fler omvandlingar. Varje sida eller skärm bör ha en enda användaråtgärd i åtanke för att uppmuntra rätt klick vid rätt tidpunkt.