Ett framgångsrikt projekt är en kombination av bra design, mördareinnehåll och lite tur. Alltför ofta avspeglas en design av enkla UX-fel som förstör innehållet och stryker gränssnittets avsedda åtgärder.
Användare kan enkelt förlora spår av varför de är där och vad de ska göra. Lyckligtvis är många av dessa designfel lätt att identifiera och korrigera. (Som en bonus gör exemplen i det här inlägget saker som är rätt, använd dem som en guide!)
1. Oläsbar typografi
Det fanns en kort fas där mönster var förpackade med nyhetstycken. Medan det inte är ett problem i sig, presenterar det ett problem när orden är svår att läsa. (Vilken punkt är ord i en design om användaren inte kan ta reda på vad de säger?)
När du tittar på nyhetsalternativ, var medveten om hur bokstäverna ser ut med orden du använder. Vissa kombinationer kan fungera bättre i en typsnitt än andra. Var uppmärksam på karaktären och antalet använda tecken, särskilt med en nyhetstyp. (Färre tecken är ofta bättre med specialdisplay typografi.)
Hur vet du att det är svårt att läsa? Var försiktig med teckensnitt med extrema snedställningar, snäva och kondenserade brevformar, alltför utarbetade swashes, svansar eller ligaturer eller brevformar som verkar springa ihop eller ha ovanliga former.
Fixa det nu: Byt ut det oläsliga tecknet för något med en bredare hållning och vanligare bokstäver. Du behöver inte byta hela vägen till Helvetica, men gå på något läsbar och intressant. Prova något från denna Google Fonts-samling.
Gör det rätt: LeadGen
2. Dålig inriktning
Vänster, höger, väntan, motiverad?
Vi kommer inte att argumentera för meriterna av justeringstyperna här. Den stora takeawayen är detta: Konsekvent anpassning är vad som verkligen betyder. Typ och element ska ligga bekvämt i ett rutnät. Jagged kanter bör undvikas.
Problemet med dålig inriktning är att det stör det visuella flödet, vilket gör det svårt för användarna att flytta från ett element till det nästa i designen. De kan gå vilse i röra och kanske sakna det som är viktigast när det gäller innehåll.
Fixa det nu: Ställ in anpassningsformat för element. Är bilder centrerade eller sitter de i linje med texten till vänster? Skapa en uppsättning riktlinjer, anpassa designen och hålla fast vid reglerna framåt.
Gör det rätt: Lorem Ipsum
3. Olämplig bild
Otillräckligt bilder är en innehållsmördare. Det kan skapa en ojämn synkronisering med text eller lämna användaren att klia på huvudet.
Medan bilder som faller i kort kommer ofta i en? Vet det när du ser det? mode, det finns några röda flaggor att leta efter i dina projekt.
- Dumma eller överanvända stockbilder: Om fotot inte verkar riktigt (personer i affärsrätter ler utan mål) eller om du har sett det på andra liknande webbplatser, undvik det.
- Bilder av dålig kvalitet: Om bilden inte är fokuserad, mörk eller sammansatt dåligt, använd inte den. Inget foto är bättre än ett dåligt foto.
- Lågupplösningsbilder: En pixelbild är alltid dålig. Många av de fotoregler som var en del av design arbetsflöden för några år sedan måste revideras tack vare dominans och popularitet för högupplösta skärmar.
- Fluffbilder förbättrar inte innehållet: Fasta inte fast med ett foto bara för att du kan, även om det inte har något samband med innehållet. Bilder ska förbättra innehållet, inte lerigt det.
Fixa det nu: Gör en bildrevision. Gå igenom din design och ta bort alla bilder som innehåller de röda flaggorna ovan. Du behöver inte byta ut en bild om du inte har något som är lämpligt.
Gör det rätt: Xpand Lace
4. Försumma mobila detaljer
Det är allmänt känt att webbplatser ska utformas på lyhörda ramar. Det skulle vara svårt att hitta en designer eller utvecklare som skulle argumentera annars. Men en lyhörd mall är inte en enda lösning. Designen måste anpassas för olika skärmstorlekar.
Alltför ofta är denna detalj försummad. Webbplatsen fungerar på mobilen, men typstorlekarna är lite för små eller bilderna är dimensionerade på ett korrekt sätt och proportionellt för det olika bildförhållandet på en mobilenhet. Dessa små detaljer kan allvarligt irritera användarna.
Fixa det nu: Spendera lite tid med din mobildesign. Notera alla detaljer som verkar vara oskadliga och orsaka frustration. Kontrollera textstorlekar, bilder, laddningstider, knappplaceringar och göra nödvändiga justeringar för att ge en mer sömlös upplevelse.
Gör det rätt: Och Co
5. Galen färg
En uttråkad formgivare kommer att skapa en ojämn design. Ett av de sätt som detta ofta manifesterar är med galen färg och brist på en definierad palett.
För mycket färg kan vara distraherande och har ofta en amatörlig känsla. För varje projekt som drar av en regnbågeinspirerad palett misslyckas ytterligare 1 000 projekt. Om inte ditt varumärkesriktlinjer kräver att du använder den typen av färgschema, undvik det. (Och om ditt varumärke har sådana riktlinjer, uppmuntra en uppdatering.)
Fixa det nu: Skapa en stark färgpalett. Börja med en dominerande färg och ett eller två sekundära alternativ. Om du behöver mer varians, använd toner och toner från den paletten (och skapa regler för dem också). Börja inte lägga till mer färg.
Gör det rätt: Rush Flyer Printing
6. Inte ge användarna något att göra
Tänk dig landning på en vacker webbsida, men då vet du inte vad du ska göra nästa. Bläddra du? Klickar du på? Finns det ett nästa steg för att hitta mer innehåll?
Det bör finnas.
En bra webbdesign är en webbläsning av åtgärder, interaktioner och rörelser som går från sida till sida. Målet är att få besökare att ansluta med så mycket innehåll som möjligt på vägen till en önskad åtgärd.
Fixa det nu: Varje sida i designen bör innehålla ett samtal till handling.Användare bör veta exakt vad målet för varje sida är och vill klicka på knappen, fylla i ett formulär, spela ett spel eller köpa en produkt. Designstrukturen bör innehålla djärva användargränssnitt för att uppmuntra klick eller kranar från knappstilar till handlingsbara instruktioner.
Gör det rätt: Vinebox
7. För mycket av en bra sak
Gå inte överbord med ditt superkylda element.
Har du en bra illustration? Använd den. Använd det stort, jämnt. Men rör inte det med många andra illustrationer som spädar bilden.
Detsamma gäller ikoner eller annan teknik som är din krok för att locka användare. Du vill lämna dem önskade mer, inte överväldigad av volymen. Det låter ganska enkelt, men det kan vara svårt i verkligheten. (Tänk bara på det ikonpaketet du köpte och känner ett behov av att få dina pengar att värda genom att använda varje objekt.)
Fixa det nu: Anställa en mindre är mer strategi. Använd endast de element du behöver för att förbättra innehållet. Överväldiga inte det. Gå igenom den nuvarande designen och föreställ dig att ta ett element bort från varje sida. Vad skulle det vara? Är designen bättre för den?
Gör det rätt: Konstälskare Australien
Slutsats
Varje designer gör ett designfel här och där. (Vissa av oss gör mer än vi skulle vilja erkänna.) Men kan du identifiera problemen och återhämta sig?
Du borde ha en bra start i den riktningen nu med denna lista över misstag och sätt att rätta till dem. Skäm dig inte när du begår en design synd, justera och fortsätt.