5 tips til at forenkle dit webdesign
Enkelthedsregler! Det gør en hjemmeside ser elegant ud, reducerer negativ forvirring, og det hjælper med at opnå ønskede mål og resultater (f.eks. Flere tilmeldinger, abonnenter og salg). Men alt for ofte virker det svimlende at forenkle dit website design. Uanset hvor svært du prøver, kan du ikke få dit arbejde til at ligne Apples. Så hvad skal en website designer virkelig gøre? Fret ikke, for der er 5 udgangspunkt for at forenkle dit website design.
Et simpelt website design bør ikke være en skræmmende alt-eller-ingenting prøvelse - du kan forenkle dit design ved at tage små trin. Enkle opgaver, som at fokusere kun på de væsentlige elementer på dit websted, slippe af med unødvendige, reducere antallet af sider, dit websted har, få mere indhold over folden og begrænse antallet af farver, du bruger. Du kan altid finjustere og forbedre dit enkle design, men det vigtige her er at komme i gang.
Klar til at begynde at forenkle dit website design? Fantastisk. Uden yderligere ado, her er 5 udgangspunkt for at forenkle dit website design.
1. Fokus kun på væsentlige elementer
Dette første skridt synes tilsyneladende pande-slapping indlysende: af RuteJeg bør lægge fokus på de væsentlige elementer på mit websted, hvad er jeg, en idiot? Men et overraskende antal hjemmesider undlader at opnå dette, og resultatet er et stort rod på vigtige og ubetydelige elementer spydt på en side. Jeg er så skyldig i at gøre dette i fortiden som nogen. Det er svært at være objektiv og prioritere, hvad der er vigtigt eller ej, fordi alt forekommer afgørende. Hvis du vil have dit website design til at være enklere, identificere hvad skal være fokus, ligesom med ethvert godt visuelt design eller kunstværk. Og det betyder kun at fokusere på de væsentlige elementer.
Brug 80-20-reglen
Hvad 20% af, hvad der er på en side, giver 80% af værdien og indholdet, som folk går derhen til? Det kunne være kopien, nogle sociale bevis (gennemgangssedler, testimonials, medie badges) og en tilmeldingsformular eller call-to-action-knap for eksempel. Det er 20% lige der. På din hjemmeside, såvel som på hver enkelt side, fokusere på at vise kun de 20% af webstedets elementer, der leverer 80% af den anvendelighed.
Dette er ikke et teknisk trin, men et princip, som du kan bruge som din guide til at forenkle dit website design hele tiden. 80-20-reglen vil hjælpe med at forenkle dit website design ved at skubbe dig til at trimme dit websted elementer ned til det væsentlige. Hvad der virkelig er cool er, at 80-20-reglen også kan bidrage til at øge de ønskede resultater, som du håber at opnå på dit websted. For eksempel kan en forøget konverteringsfrekvens hos besøgende abonnere, tilmelde sig eller købe. Hvordan? Du gør det, så der er mindre distraktioner og ting for besøgende at klikke på for at forlade siden.
Som vi alle ved, søger vi altid en undskyldning for ikke at købe noget i sidste trin, og enhver grund til at navigere væk er en god. Reducer disse grunde og klik væk muligheder med 80-20 reglen.
Chris Pearson, skaberen af det populære Thesis WordPress-temaeramme, siger, at dette er præcis, hvad der hjalp med at øge salget på hans hjemmeside.
2. slippe af med alle unødvendige elementer
Vi fortsætter med 80-20-reglen her.
Nu hvor du har identificeret 20% af websider, der får 80% af dine ønskede resultater, er det tid til slippe af med alle unødvendige elementer. Med andre ord, 80% af de websider, der får dig kun 20% af resultaterne. Det kan være sociale medier, der deler widgets, sidebar elementer, blog post meta detaljer (dato, tid, forfatter, antal kommentarer osv.) Eller links i footer (dette er især en stor synder en masse gange, især når besøgende leder efter ovennævnte undskyldning for at navigere væk fra siden).
3. Reducer antallet af sider
En stor del af forenkling af dit website design er at bare have færre steder at udforske og klikke rundt. Det kan du gøre ved trimning af sidetællingen. Enten slippe af med unødvendige sider, som dybt ned indeni du ved, ikke er nødvendige, eller i det mindste sikring flere sider i en. Det betyder du ikke virkelig skal adskille "om siden" og "om mig" siderne.
For det første komme i tanken om den besøgende - hvis du skulle ankomme på dit websted, Hvad er de vigtigste ting, du gerne vil gøre? For eksempel find ud af hvad dine ting handler om? Eller kontakt dig? Næste, sørg for at dine sider letter det nødvendige og ikke mere. Hold ikke unødvendige sider på din hjemmeside, fordi du tror, du skal bruge, eller fordi andre hjemmesider har dem. Når du reducerer antallet af sider på din hjemmeside, er det ikke kun lettere for dine besøgende at fokusere på dit indhold, fordi der er færre steder at klikke rundt, men din navigationsmenu er også enklere.
Vi har alle været på hjemmesider med for mange nav menupunkter. Vi ved ikke, hvor vi skal begynde at navigere, fordi vi bliver overvældet af valgene. Og når vi bliver overvældet ved at blive præsenteret med for mange valg, går vi med at vælge ingenting. Ved at have så få nav menupunkter som muligt, gør du din hjemmeside ikke kun enklere men mere indbydende og venligere for besøgende.
4. Få mere indhold over foldet
Undersøgelser har vist, at et flertal af mennesker bruger det meste af deres tid over folden på websider (hvad der vises på skærmen uden at rulle ned). Så hvis du vil øge effektiviteten af dit websted, skal du have hovedindholdet og call-to-action-elementerne over folden. Du kan gøre noget så enkelt som at forkorte headerhøjden, hvis du har et logo og en navigationsmenu øverst på dit website.
Dette indebærer ikke andet end at ændre headerens "højde" -værdi i dit stylesheet (typisk style.css
eller stylesheet.css
). Se også, om en tilmeldingsformular eller knap er under folden. Flyt det element højere op på siden, så det er det første, en besøgende ser. Trods alt det er Din ønskede opfordring til handling af den besøgende, så reducere det arbejde, der er nødvendigt for at komme til det (dvs. at rulle).
5. Begræns dit farveskema
Det er nemt at få båret væk med farver. Hvorfor bosætte sig på 2 eller 3 farver, når du kan have 12 eller 13? Men for at forenkle dit website design visuelt, skal du begrænse dit farveskema. Når du er i tvivl, brug færre farver. Det vil selvfølgelig variere baseret på dit design, men prøv at klæbe med højst 2 eller 3 farver for at starte. Hvis du har brug for mere subtilitet og tekstur til dit visuelle design, skal du bruge nuancer af samme farve - lyseblå til baggrunden og mørkere blå for header og menupunkter.
Jeg er så skyldig som nogen med at blive vild med farver i fortiden. Jeg tilføjer denne farve, så en anden og en anden - og før jeg ved det, ser det ud som en regnbue diarré hele min hjemmeside. Du kan få din hjemmeside konstruktivt forenklet, men hvis farverne distraherer øjnene, når du ser på det snarere end at komplimentere indholdet, så var alt det arbejde for intet. Så brug færre farver med dit website design i stedet.
Har problemer med at vælge en farve til at begynde med? Før efter magasinet har en nyttig gratis e-bog om hvordan man finder den perfekte farve her. Har brug for hjælp til at vælge et farveskema? Prøv denne praktiske farveskema generator.
Sidst men ikke mindst
Forhåbentlig er du nu bevæbnet og klar til at begynde at forenkle dit website design. Du vil være mere stolt af at vise ud af din hjemmeside, fordi det ser ud til at være sjovt darned sexet og endelig vil dine besøgende have en meget mere fornøjelig oplevelse at browse på din hjemmeside.
For at recap, her er de 5 udgangspunkt for at forenkle dit website design:
- Sæt fokus kun på de væsentlige elementer
- Slippe af med alle unødvendige elementer
- Reducer antallet af sider
- Få mere indhold over folden
- Begræns din farvepalette
relaterede artikler
- 11 almindelige webdesign fejl. Ting som at undgå komplicerede former, uorganiseret indhold, dårlig læsbarhed og en ikke let placeret søgebjælke - vil alle yderligere hjælpe dig med at forenkle dit website design og gøre det til en glæde for besøgende og en højere konverteringsfrekvens for dig.
- Rene, enkle og minimalistiske website designs. Alle disse hjemmeside eksempler viser blot, at et simpelt design ikke kun ser sødt ud og imponerer medlemmer af det modsatte køn, men det hjælper meget med brugeroplevelsen.
Over til dig: Hvad er dit foretrukne website design forenkling tips? Har du set en stigning i dine ønskede resultater fra at forenkle dit design?
Redaktørens note:Dette indlæg er skrevet af Oleg Mokhov for Hongkiat.com. Oleg Mokhov er verdens mest mobile elektroniske musiker, en web- og visuel design-entusiast, og medstifter af premium-royaltyfri musikforretningen Soundtrackster.