Det är ingen hemlighet så enkelt är det ofta bättre när det gäller webbdesign. Ett gränssnitt som är enkelt att förstå - och lika enkelt att använda - är mer benägna att göra besökare till aktiva användare som kommer senare till din webbplats.
Men hur förenklar du din webbplats? Även om du inte bygger något nytt från början, är tricket att ställa in mål och sedan titta på vägen för att nå dem för användare. Allt som kommer i vägen för den vägen ska elimineras. Allt som gör förståelse vad en användare ska göra bör avlägsnas från designen.
Det är vad vi ska titta på idag - några knep som du kan använda för att förenkla din webbdesign. Och dessa idéer fungerar för befintliga platser och nya byggnader. (Den här artikeln innehåller exempel på stiliga enkla mönster, besök varje sida för ännu mer inspiration.)
1. Fokusera på samtal till handling
Din webbplats ska ha ett slutmål för varje användare att göra något. Det målet bör vara uppenbart för varje person som landar på designen.
Samtal till handling måste vara tydlig, tillräckligt stor för att se och på tillräckligt många platser så att användarna aldrig blir för långt borta från att göra det viktiga klicket.
2. Strömma antalet sidor
Är din design fylld med sidor och sidor med information? Behöver det vara?
Effektivisera innehållet i hanterbara bitar, men överväldiga inte användare med alltför många sidor för att klicka igenom. Håll allt relaterat innehåll tillsammans för att underlätta läsning och flöde.
Eliminera sidor med gammal, föråldrad information eller de som bara innehåller en tredjeparts widget eller karta. (Dessa element kan vanligtvis inkorporeras någon annanstans.)
3. Stick fast vid en färgpalett
Medan en mängd olika färger kan vara roligt och engagerande, är det också överväldigande. Håll dig till en färgpalett med bara två eller tre alternativ för att hålla färgen under kontroll.
Om du vill gå super enkel, överväga en monoton färgpalett med bara några färger och toner i en enda färg. Det häpnadsväckande hur vackert något så enkelt kan vara, och det är också enkelt för användarna. Färre färger ger mindre mental överbelastning och hjälper till att skapa ett mer harmoniskt och organiserat utseende. (Något som nästan alla med ett hektiskt liv kan uppskatta.)
4. Välj Standard Navigation
Medan dolda eller alternativa navigeringsstilar kan se coola är dessa trendiga alternativ inte lika användarvänliga som du kan förvänta dig. Vilken avvikelse från? Normal? Användarmönstren kan vara något kränkande och få användarna att tänka för mycket om att flytta runt på webbplatsen. Välj standardmönster så att din webbplats är lätt att använda.
Med det i åtanke är standarden ganska mager. Topp eller pop-out navigationselement med tre till åtta menyalternativ är normen. Och glöm de mega-stil navigeringsmenyer som var en gång populär. Om du inte är en viktig e-handel återförsäljare finns det ingen anledning att varje sida i designen får plats i navigeringen. (Och många av dessa mega-alternativ fungerar inte alls på mobila enheter.)
5. Tänk på 80-20-regeln
80-20-regeln är ett bra ställe att börja när man tänker på att göra ändringar i en design. Det finns två sätt att tänka på och genomföra regeln.
- Tänk på att 20 procent av elementen på din webbplats kommer att resultera i 80 procent av önskade användaråtgärder, vilket betyder en handfull samtal till handling, knappar eller andra användargränssnitt kommer att generera en betydande del av användarinteraktionen. Detta är helt normalt.
- Med det i åtanke, när man gör förändringar fokuserar på de översta 20 procenten av innehållet för att göra 80 procent av förändringarna när du uppdaterar eller omprövar en design. De 20 procentenheter som du kanske vill tänka på innehåller samma element som genererar flest klick - CTA, trafiktrafik och bilder. Vitt utrymme är en annan viktig faktor.
Om 80-20-regeln verkar bekant, kallas den också Pareto-principen eller lagen för de vitala få. Det utvecklades av ekonomen Vilfredo Pareto, men har tillämpningar inom alla discipliner.
6. Använd användargränssnitt med syftet
Ikoner, bilder och alla andra användargränssnitt i designen bör finnas där av en anledning. (Tänk bara på hur irriterande det är att klicka på en Facebook-ikon och inte bli länkad till varumärkets sida.)
Överväldiga inte användare med snygga divots bara för att du har dem. Planera och använd endast element när de tjänar en faktisk användning och syfte i den övergripande designen.
7. Var försiktig med typografi
Modellen för att använda typografi väl är precis som att använda färg: mindre är mer.
De teckensnitt som är enklaste att läsa har vanliga former, enhetliga slagbredd och ingen överflöd av utsmyckning. En fast typfamilj kommer med alternativ så att du inte behöver leta efter ytterligare teckensnitt om du behöver lägga tonvikten på specifika bokstäver. Bokstäverna måste innehålla tillräckligt mycket häft för att vara läsbar och kontrast till din bakgrund.
Och börja med bara två tecken. En för huvudtexten på hemsidan och en för visningshantering. Det är allt. Det är allt du behöver.
8. Bump upp textstorleken
Och medan du tänker på typografi, stöta på storleken på bokstäverna. Skärmarna blir allt större, vilket gör det enklare för dem att se ditt meddelande istället för att få mer text på duken.
Även om det här kan tyckas kontraintuitivt när det gäller mobila enheter, gäller detsamma. Större bokstäver kan vara enklare att läsa. Glöm det gamla ordspråket att allt måste vara ovanför scrollen. Medan sökord ska locka användare att rulla, behöver inte allt på den första skärmen. Användare förstår att fortsätta och är vana vid rullning, särskilt när man tittar på webbplatser på sina telefoner.
9. Skapa obeveklig kopia
Medan typografi kan göra en stor skillnad när det gäller att bestämma hur enkelt eller komplicerat din design ser ut, är de faktiska orden lika viktiga.Varje ord ska förmedla samma mening som dina visuella så det finns en distinkt kongruens.
Redigera kopian. Redigera sedan det igen.
Webbplatser är ett medium som menas som en läsbar form av kommunikation. Se till att konversationen du har med besökare är den du förväntar dig med ren, koncis, läsbar kopia. Skapa en ton som flyter genom designen och använder ord och språk som vädjar till användare.
Redigera sedan en gång till och ta bort varje text som är onödig.
10. Bryt en regel, men bara en
Reglerna är avsedda att brytas. Men bryta bara en regel.
Om du vill göra något annat, muddar du inte designen med många olika eller ovanliga element. Genom att fokusera på en mer komplex eller ovanlig sak kan du skapa intresse utan överväldigande användare.
Det låter ganska enkelt, eller hur? (Bara få inte fångas i en av de gemensamma fällorna att göra för mycket.)
Slutsats
En webbdesign som är för komplicerad eller för designad? kan komma i vägen för vad du vill kommunicera med användare. Kom ihåg dina omvandlingsmål och vad du vill att användarna ska göra med designen. Oavsett om det är att fylla i ett formulär, ladda ner en app eller köpa en fylld kanin, bör varje designelement betona att du kommer till denna destination.
Ta bort alla designelement som står i vägen för den här vägen. Användare gillar rena, enkla och lätta att använda mönster. Detta är särskilt sant på mindre enheter, som telefoner, där rodnad kan förstöra användarupplevelsen i en fråga om nanosekunder.
Minimalistisk grafisk design
Minimalistisk grafisk design är en filosofi att skapa något där varje element tjänar ett syfte. Det är enkelt, rent och vackert. Det är mycket användbart. Vår funktion utforskar olika metoder och metoder för minimalistisk grafisk design (med många inspirerande exempel!)