5 tips för att förenkla din webbdesign
Enkelhetsregler! Det gör att webbplatser ser snygg ut, minskar nagivationsförvirring och det hjälper till att uppnå önskade mål och resultat (t ex fler registreringar, abonnenter och försäljning). Men alltför ofta verkar det svårt att förenkla din webbdesign. Oavsett hur svårt du försöker kan du inte göra ditt arbete likt Apples. Så vad behöver en webbdesigner verkligen göra? Fret inte, för det finns 5 utgångspunkter för att förenkla din webbdesign.
En enkel webbdesign bör inte vara en skrämmande allting eller ingenting - du kan förenkla din design genom att ta små steg. Enkla uppgifter som att fokusera bara på de väsentliga delarna av din webbplats, bli av med onödan, minska antalet sidor som din webbplats har, få mer innehåll ovanför veckan och begränsa antalet färger du använder. Du kan alltid finjustera och förbättra din enkla design, men det viktiga här är att komma igång.
Klar för att börja förenkla din webbdesign? Grymt bra. Utan ytterligare ado, här är 5 utgångspunkter för att förenkla din webbdesign.
1. Fokusera endast på väsentliga delar
Det här första steget verkar förmodligen föregripa uppenbart: av kursJag borde fokusera på de väsentliga delarna på min sida, vad är jag, en idiot? Men ett överraskande antal webbplatser misslyckas med att uppnå detta och resultatet är en stor röra av viktiga och oväsentliga element spewed på en sida. Jag är så skyldig att göra det i det förflutna som någon. Det är svårt att vara objektiv och prioritera vad som är viktigt eller inte, för allt verkar vara nödvändigt. Om du vill att din webbdesign ska vara enklare, identifiera vad måste vara fokus, precis som med någon bra visuell design eller konstverk. Och det betyder att man bara fokuserar på de väsentliga delarna.
Använd 80-20-regeln
Vilken 20% av det som finns på en sida ger 80% av det värde och innehåll som människor åker dit för? Det kan vara kopian, några sociala bevis (granskningar, testimonials, media badges) och en anmälningsblankett eller call-to-action-knapp, till exempel. Det är 20% där. På din hemsida, liksom på varje enskild sida, fokusera på att visa endast 20% av webbplatselementen som levererar 80% av den användbarheten.
Detta är inte ett tekniskt steg men en princip som du kan använda som en guide för att förenkla din webbplatsdesign hela tiden. 80-20-regeln kommer att bidra till att förenkla din webbdesign genom att trycka på dig för att trimma dina sidelement till nöden. Vad som är riktigt coolt är att 80-20-regeln också kan bidra till att öka dina önskade resultat som du hoppas uppnå på din webbplats. Till exempel, en ökad konverteringsfrekvens hos besökare prenumererar, registrerar eller köper. På vilket sätt? Du gör det så det finns mindre distraheringar och saker för besökare att klicka på för att lämna sidan.
Som vi alla vet söker vi alltid en ursäkt för att inte köpa något i sista steget, och någon anledning att navigera bort är en bra. Minska dessa orsaker och klicka bort alternativ med 80-20-regeln.
Chris Pearson, skapare av det populära Thesis WordPress-temamaterialet, säger att detta är exakt vad som bidrog till att öka försäljningen på sin hemsida.
2. bli av med alla onödiga element
Vi fortsätter med 80-20-regeln här.
Nu när du har identifierat 20% av webbplatselementen som kommer att få dig 80% av dina önskade resultat, är det dags att bli av med alla onödiga element. Med andra ord, 80% av webbplatselementen som får dig bara 20% av resultaten. Det kan vara sociala medier som delar widgets, sidobarelement, blogginläggets metadata (datum, tid, författare, antal kommentarer osv.), Eller länkar i sidfoten (det här är speciellt en stor synder mycket av tiden, särskilt när besökare letar efter ovannämnda ursäkt för att navigera bort från sidan).
3. Minska antalet sidor
En stor del av att förenkla din webbdesign är att helt enkelt få färre platser att utforska och klicka runt. Det kan du göra genom trimmar sidantalet. Antingen avlägsna onödiga sidor som djupt inuti du vet är inte nödvändiga, eller i alla fall säkra flera sidor i en. Jag menar, det gör du inte verkligen måste separera "om webbplatsen" och "om mig" sidor.
För det första, kom i tanken hos besökaren - om du skulle komma fram på din webbplats, Vilka är de viktigaste sakerna du vill göra? Till exempel Ta reda på vad dina saker handlar om? Eller kontakta dig? Nästa, se till att dina sidor underlättar vad som är nödvändigt och inget mer. Håll inte onödiga sidor på din webbplats eftersom du tror att du behöver, eller eftersom andra webbplatser har dem. När du minskar antalet sidor på din webbplats, är det inte bara lättare för dina besökare att fokusera på innehållet eftersom det finns mindre platser att klicka runt, men din navigationsmeny är också enklare.
Vi har alla varit på webbplatser med för många nav menyalternativ. Vi vet inte var du ska börja navigera eftersom vi blir överväldigade av valen. Och när vi blir överväldigade genom att presenteras med för många val, går vi med att välja ingenting. Genom att ha så få nav menyalternativ som möjligt gör du din webbplats inte bara enklare men mer inbjudande och vänligare för besökare.
4. Hämta mer innehåll ovanför vikten
Studier har visat att en majoritet av människor spenderar merparten av sin tid över veckan på webbsidor (vad som visas på skärmen utan att rulla ner). Så om du vill öka effektiviteten på din webbplats, har huvudinnehållet och uppmaningselementen ovanför veckan. Du kan göra något så enkelt som att förkorta huvudhöjden om du har en logotyp och en navigeringsmeny högst upp på din webbplats.
Detta innebär inget annat än att ändra huvudets "höjd" -värde i ditt stilark (vanligtvis style.css
eller stylesheet.css
). Se även om en anmälningsblankett eller knapp ligger under veckan. Flytta det här elementet högre upp på sidan så det är det första en besökare ser. Det är trots allt det är Din önskad uppmaning till besökaren, så minska det arbete som behövs för att komma till det (dvs rullning).
5. Begränsa ditt färgschema
Det är lätt att få bäras bort med färger. Varför nöja sig med 2 eller 3 färger när du kan ha 12 eller 13? Men för att förenkla din webbplatsdesign visuellt måste du begränsa ditt färgschema. Om du är osäker, använd färre färger. Det kommer att variera beroende på din design, men försök att hålla fast med 2 eller 3 färger för att börja. Om du behöver mer subtilitet och textur till din visuella design, använd nyanser av samma färg - ljusblå för bakgrunden och mörkblå för rubrik och menyalternativ.
Jag är så skyldig som någon med att bli vild med färger i det förflutna. Jag lägger till den här färgen, sedan en annan och en annan - och innan jag vet det, det ser ut som en regnbågens diarré över hela min hemsida. Du kan få din webbplats konstruktivt förenklad, men om färgerna distraherar ögonen när du tittar på det istället för att komplimentera innehållet, så var all den ansträngningen för ingenting. Använd därför färre färger med din webbdesign i stället.
Har problem med att välja en färg för att börja med? Före efter tidningen har en användbar gratis e-bok om hur man hittar den perfekta färgen här. Behöver hjälp med att välja ett färgschema? Prova den här praktiska färgschemangeneratorn.
Sist men inte minst
Förhoppningsvis är du nu beväpnad och redo att börja förenkla din webbdesign. Du kommer att vara mer stolt att visa på din webbplats eftersom det kommer att se gosh-darned sexigt och slutligen kommer dina besökare att ha en mycket trevligare upplevelse att surfa på din webbplats.
För att återskapa, här är de 5 utgångspunkterna för att förenkla din webbdesign:
- Fokusera bara på de väsentliga delarna
- Bli av med alla onödiga element
- Minska antalet sidor
- Få mer innehåll ovanför veckan
- Begränsa din färgpalett
relaterade artiklar
- 11 vanliga webbdesignfel. Saker som att undvika komplicerade former, oorganiserat innehåll, dålig läsbarhet och en sökväg som inte är lätt att hitta - kommer alla ytterligare att hjälpa dig att förenkla din webbdesign och göra det till en glädje för besökare och en högre omvandlingsfrekvens för dig.
- Rena, enkla och minimalistiska webbdesigner. Alla dessa hemsida exempel visar vidare att en enkel design inte bara ser sött ut och imponerar medlemmar av det motsatta könet, men det bidrar till stor hjälp med användarupplevelsen
Över till dig: Vilka är dina favoritwebbdesign förenklar tips? Har du sett en ökning av dina önskade resultat från att förenkla din design?
Redaktörens anteckning:Detta inlägg är skrivet av Oleg Mokhov för Hongkiat.com. Oleg Mokhov är världens mest mobila elektroniska musiker, en webbdesigner och visuell designentusiast, och medgrundare av premium royaltyfria musikbutiken Soundtrackster.