5 tips for å forenkle webdesign

Enkelhetsregler! Det gjør at nettsider ser slanke ut, reduserer nagivasjonsforvirring, og det bidrar til å oppnå ønskede mål og resultater (f.eks. Flere registreringer, abonnenter og salg). Men altfor ofte virker det unnvikende å forenkle webdesign. Uansett hvor hardt du prøver, kan du ikke gjøre arbeidet ditt som Apples. Så hva trenger en webdesigner virkelig å gjøre? Fret ikke, for det er 5 utgangspunkt for å forenkle ditt webdesign.

En enkel nettsideutforming bør ikke være en skremmende all-eller-ingenting prøvelse - du kan forenkle designet ved å ta små skritt. Enkle oppgaver som å fokusere bare på de essensielle elementene på nettstedet ditt, bli kvitt unødvendig, redusere antall sider nettstedet ditt har, få mer innhold over brettet, og begrense antall farger du bruker. Du kan alltid finjustere og forbedre din enkle design, men det viktige her er å komme i gang.

Klar til å begynne å forenkle ditt nettsteddesign? Rått. Uten videre ado, her er 5 utgangspunkt for å forenkle ditt webdesign.

1. Fokus bare på essensielle elementer

Dette første trinnet virker tilsynelatende panne-slapping åpenbart: av kursJeg bør legge vekt på de essensielle elementene på nettstedet mitt, hva er jeg, en idiot? Men et overraskende antall nettsteder klarer ikke å oppnå dette, og resultatet er et stort rot av viktige og ubetydelige elementer spewed på en side. Jeg er så skyldig i å gjøre dette i fortiden som noen. Det er vanskelig å være objektiv og prioritere hva som er viktig eller ikke, fordi alt virker viktig. Hvis du vil at nettstedet ditt skal være enklere, identifiser hva må være fokus, akkurat som med noen god visuell design eller kunstverk. Og det betyr bare å fokusere på de essensielle elementene.

Bruk 80-20-regelen

Hvilke 20% av det som er på en side gir 80% av verdien og innholdet som folk går dit for? Det kan være kopien, noe sosialt bevis (gjennomgangsslipp, testimonials, medie-merker), og et påmeldingsskjema eller en anropsknapp for eksempel. Det er 20% der. På nettstedet ditt, så vel som på hver enkelt side, fokusere på å vise bare 20% av nettstedselementene som leverer 80% av den bruken.

Dette er ikke et teknisk skritt, men et prinsipp som du kan bruke som veiledning for å forenkle ditt nettsteddesign hele tiden. 80-20-regelen vil bidra til å forenkle ditt nettsteddesign ved å presse deg til å trimme elementene dine ned til de viktigste. Det som er veldig kult er at 80-20-regelen også kan bidra til å øke de ønskede resultatene du håper å oppnå på nettstedet ditt. For eksempel, en økt konverteringsfrekvens hos besøkende som abonnerer, logger på eller kjøper. Hvordan? Du gjør det så det er mindre distraksjoner og ting for besøkende å klikke på for å forlate siden.

Som vi alle vet, leter vi alltid etter unnskyldning for ikke å kjøpe noe i siste skritt, og det er en god grunn til å navigere bort. Reduser de grunnene og klikkalternativene med 80-20-regelen.

Chris Pearson, skaperen av det populære Thesis WordPress-temaverket, sier dette er akkurat det som bidro til å øke salget på nettstedet hans.

2. Bli kvitt alle unødvendige elementer

Vi fortsetter med 80-20-regelen her.

Nå som du har identifisert 20% av nettstedets elementer som vil gi deg 80% av dine ønskede resultater, er det på tide å bli kvitt alle unødvendige elementer. Med andre ord, 80% av nettstedets elementer som får deg kun 20% av resultatene. Det kan være sosiale medier som deler widgets, sidebarelementer, bloggpost-metadetaljer (dato, tid, forfatter, antall kommentarer osv.), Eller linker i footer (dette er spesielt en stor skyldige mange ganger, spesielt når besøkende ser etter ovennevnte unnskyldning for å navigere bort fra siden).

3. Reduser antall sider

En stor del av forenkling av webdesign er å bare ha færre steder å utforske og klikke rundt. Du kan gjøre det ved trimme sidetallet. Enten bli kvitt unødvendige sider som du ikke vet dypt ned, er ikke nødvendig, eller i det minste smelter flere sider inn i en. Jeg mener, det gjør du ikke egentlig trenger å skille "om siden" og "om meg" -sidene.

For det første, kom i tankene til den besøkende - hvis du skulle ankomme på nettstedet ditt, hva er de viktigste tingene du vil gjøre? For eksempel finn ut hva dine ting handler om? Eller kontakte deg? neste, sørg for at sidene letter det som er nødvendig og ikke noe mer. Ikke hold unødvendige sider på nettstedet ditt fordi du tror du trenger det, eller fordi andre nettsteder har dem. Når du reduserer antall sider på nettstedet ditt, er det ikke bare enklere for de besøkende å fokusere på innholdet ditt fordi det er færre steder å klikke rundt, men navigasjonsmenyen din er også enklere.

Vi har alle vært på nettsteder med for mange nav menyelementer. Vi vet ikke hvor du skal begynne å navigere fordi vi blir overveldet av valgene. Og når vi blir overveldet ved å bli presentert med for mange valg, går vi med å velge ingenting. Ved å ha så få nav menyelementer som mulig, gjør du nettstedet ditt ikke bare enklere, men mer innbydende og vennligere for besøkende.

4. Få mer innhold over foldet

Studier har vist at et flertall av mennesker bruker mesteparten av tiden over folden på nettsider (hva som vises på skjermen uten å rulle ned). Så hvis du vil øke effektiviteten til nettstedet ditt, har du hovedinnholdet og handlingselementene over folden. Du kan gjøre noe så enkelt som å forkorte topphøyde hvis du har en logo og en navigasjonsmeny øverst på nettstedet ditt.

Dette innebærer ikke noe annet enn å endre topptekstens "høyde" -verdi i stilarket ditt (typisk style.css eller stylesheet.css). Se også om et påmeldingsskjema eller en knapp er under folden. Flytt elementet høyere opp på siden, så det er det første en besøkende ser. Tross alt, det er Din ønsket oppfordring til den besøkende, så redusere arbeidet som trengs for å komme seg til det (dvs. rulling).

5. Begrens fargen din

Det er lett å bli båret med farger. Hvorfor slå seg på 2 eller 3 farger når du kan ha 12 eller 13? Men for å forenkle nettstedet ditt visuelt, må du begrense fargevalg. Når du er i tvil, bruk færre farger. Det vil variere basert på design selvfølgelig, men prøv å stikke med ikke mer enn 2 eller 3 farger for å starte. Hvis du trenger mer subtilitet og tekstur til din visuelle design, bruk nyanser av samme farge - lyseblå for bakgrunnen og mørkere blå for topptekst og menyelementer..

Jeg er så skyldig som noen med å bli vill med farger i fortiden. Jeg legger til denne fargen, deretter en annen og en annen - og før jeg vet det, ser det ut som en regnbue diaré over hele nettstedet mitt. Du kan få nettstedet ditt konstruktivt forenklet, men hvis fargene distraherer øynene når du ser på det i stedet for å komplimentere innholdet, så var all den innsatsen for ingenting. Så bruk færre farger med din webdesign i stedet.

Har problemer med å velge en farge for å begynne med? Før etter magasinet har en nyttig gratis e-bok om hvordan du finner den perfekte fargen her. Trenger hjelp til å velge et fargeskjema? Prøv denne praktiske fargeskjema generatoren.

Sist men ikke minst

Forhåpentligvis er du nå væpnet og klar til å begynne å forenkle webdesign. Du vil være mer stolt av å vise nettsiden din fordi den ser gosh-darned sexy og til slutt vil dine besøkende ha en mye mer behagelig opplevelse å surfe på nettstedet ditt.

For å omtale, her er de 5 utgangspunktene for å forenkle ditt webdesign:

1. Legg fokuset bare på de grunnleggende elementene
2. Bli kvitt alle unødvendige elementer
3. Reduser antall sider
4. Få mer innhold over brettet
5. Begrens fargepaletten din

relaterte artikler

• 11 vanlige webdesign feil. Ting som å unngå kompliserte former, uorganisert innhold, dårlig lesbarhet og en ikke lett lokalisert søkefelt - vil alle hjelpe deg med å forenkle webdesign og gjøre det til en glede for besøkende og en høyere konverteringsfrekvens for deg..
• Rene, enkle og minimalistiske nettside design. Alle disse nettstedene eksempler bare bevise at en enkel design ikke bare ser søt og imponerer medlemmer av motsatt kjønn, men det bidrar sterkt til brukeropplevelsen

Over til deg: Hva er din favoritt nettside design forenkling tips? Har du sett en økning i dine ønskede resultater fra å forenkle ditt design?

Redaktørens notat:Dette innlegget er skrevet av Oleg Mokhov for Hongkat.com. Oleg Mokhov er verdens mest mobile elektroniske musikalist, en web- og visuell designentusiast, og medgrunnlegger av premium royalty-fri musikkforretningen Soundtrackster.