opdateret den 9. juli 2019
hvor vigtigt er dit hjemmesidedesign? Da brugerne blev bedt om at beskrive, hvorfor de ikke stolede på en hjemmeside, var 94% af kommentarerne direkte relateret til hjemmesidens design. En velbygget hjemmeside genererer bedre kundetrafik, og en forbedret brugergrænseflade fører til øgede konverteringer.
kreativitet er vigtig, men der er nogle grundlæggende regler om design og brugeroplevelse, der hjælper dig med at vokse din hjemmeside. Når du opretter eller redesigner din hjemmeside, holde følgende forslag i tankerne.
få tillid med et rent, engagerende hjemmeside Design
den digitale designverden har omfavnet enkelhed, bevæger sig væk fra klokker og fløjter og fokuserer på det grundlæggende. Fra et brugerperspektiv har dette gjort hjemmesider lettere at navigere for en mere fornøjelig oplevelse. Indarbejde disse 8 design regler i din hjemmeside for bedre at engagere dit publikum.
1 Hold layoutet enkelt.
jo enklere din hjemmeside layout, jo bedre. Det betyder ikke, at det skal være kedeligt, men det betyder, at det skal fokusere på det væsentlige. Rene, funktionelle layouts gør din hjemmeside nemmere at indlæse, navigere og bruge på forskellige platforme og enheder.
Harrys hjemmeside placerer de vigtigste oplysninger—deres produkter—front og center. De inkluderer visuals med minimal tekst for at gøre det nemt at engagere sig i indholdet.
2 gør navigationen let at følge.
hvis du vil have besøgende til at bruge tid på din hjemmeside, skal du gøre det nemt for dem at komme rundt. Det kan være fristende at gøre noget kreativt med dit design af navigationsmenuer, men enkelheden og den intuitive informationsarkitektur er vigtigere. Gør dine menuer standard i udseende hjælper dine læsere føler sig trygge, når de bevæger sig i hele din hjemmeside.
Vogue har beskrivende, fremtrædende navigationsmenuer, der hjælper dig med at finde og engagere dig i den type indhold, du leder efter.
3 Brug klare opfordringer til handling.
Hvad er det, du gerne vil have besøgende til at gøre? Købe produkter? Tilmeld dig et nyhedsbrev via e-mail? Donere til en sag? Tænk på dine opfordringer til handling. Design dem på en måde, der får dem til at skille sig ud for en besøgende, der scanner din hjemmeside. Hvis du bruger knapper i dit design, skal du sørge for, at teksten er kort og direkte.
Verdensnaturfonden bruger lyse knapper sammen med sin navigationslinje, der opfordrer besøgende til at “donere” og “vedtage” sammen med stærke opfordringer til handling i hele deres indhold.
4 med indhold er mindre mere.
brug det, du ved om dine besøgende, til at minimere deres muligheder og fokusere deres opmærksomhed på dine produkter. Vis kun den tekst og de visuelle elementer, som du vil have dem til at handle på.
hjemmesider til mobile apps—som Pocket—gør et godt stykke arbejde med dette. De fokuserer på at forklare appen, inkluderer stærke opfordringer til handling for at installere den. Mindre vigtigt indhold, ligesom deres Om sektion og deres blog er mindre fremtrædende og er forbundet i sidefoden.
5 vær ikke bange for mellemrum.
hvidt rum er simpelthen tomt rum på en side. Det behøver ikke at være hvidt-det skal bare ikke indeholde tekst eller billeder. Hvis det gøres godt, kan det forbedre læsbarheden og fjerne rod fra din hjemmeside design. Hvidt rum kan også hjælpe med direkte fokus og opmærksomhed. Det giver en måde at adskille funktioner og ideer på, så besøgende kan skelne nøjagtigt, hvad du vil have dem til at se med et hurtigt blik, snarere end at skulle visuelt sortere gennem et støjende og overfyldt layout.
Google er det ultimative eksempel på at bruge mellemrum. Det kunne ikke være renere—bare en tom side med et logo og et søgefelt.
6 forbedre din hjemmeside design med iøjnefaldende farver.
vælg en farve, der vil danne grundlag for hele din hjemmeside design, og derefter vælge en kontrasterende accent farve til vigtige knapper og andre interface elementer. Du kan lære mere om at vælge den rigtige farvepalet til dit brand.
hele fødevaremarkedet bruger grønt til deres primære mærkefarve, og de små popper i den sekundære orange trækker øjet mod fremhævede opfordringer til handling.
7 indarbejde attraktive, let at læse skrifttyper.
brug en attraktiv type, der er visuelt afbalanceret og unik for at gøre din hjemmeside tekst klar og spændende. Fire populære skrifttyper er Brandon grotesk, Museo Sans, jernbane og Playfair Display.
belgisk børnetøjsside Studio Aimee bruger Brandon grotesk til en ren, læsbar shoppingoplevelse.
8 Engager brugere med video og rige billeder.
videoer og billeder er mere engagerende end tekst alene—faktisk kan destinationssider med videoer øge konverteringer med mere end 80%. Brug skalerbare billeder (SVG) for at sikre en brugeroplevelse af høj kvalitet på både stationære og mobile enheder.
Nonprofit velgørenhed: vand viser en video på deres hjemmeside, hvilket gør det til en af de første ting, du ser, når du besøger deres hjemmeside for maksimal effekt.
hold besøgende engageret med en brugervenlig hjemmeside
du kan have den mest attraktive hjemmeside i verden, men hvis det er svært at bruge, vil dine besøgende ikke konvertere til kunder. Disse syv regler sikrer, at dit publikum får en jævn brugeroplevelse.
1 Gør din hjemmeside mobilvenlig.
vidste du, at op til 70% af internettrafikken kommer fra en mobil enhed? Det betyder, at der er en god chance for, at nogen besøger din hjemmeside for første gang bruger deres smartphone. Og hvis mobiloplevelsen er negativ, har du lige mistet en kunde. Lær hvorfor og hvordan du gør din hjemmeside mere mobilvenlig.
Everlanes mobile shopping oplevelse er ren og nem at bruge. Designet indeholder modulært indhold, så det er lydhør og oversætter godt på mobile enheder. Hjemmesiden indeholder også opkald til at hente shopping app uden at gøre dig føle, at du får en mindre oplevelse på hjemmesiden.
2 Strømlin din navigation.
jo flere sider en person har til at navigere på din hjemmeside for at finde det, de leder efter, jo mere sandsynligt, at kunden vil forlade din hjemmeside ud af frustration. Faktisk, for en gennemsnitlig hjemmeside, 40% af de besøgende vil forlade efter kun at se en side!
indhold bør ikke begraves. Lad ikke dine besøgende jage rundt for, hvad de kom til. Din navigation skal være velorganiseret og logisk set fra et brugerperspektiv. Det skal også føles velkendt, så dine brugere ikke har en stejl indlæringskurve.
Tilde Inc. har en simpel navigationslinje øverst på sin hjemmeside med de vigtige punkter, der er knyttet nedenfor med en kort forklaring i afsnittet “hvad vi gør”. Dette gør det nemt at finde det, du leder efter.
3 Brug opfordringer til handling for at gøre tingene lettere at finde.
tænk over, hvor du kan placere knapper i hele din hjemmeside for at gøre de vigtige ting lettere for besøgende at finde. Hvis du er et e-handelssted, vil det have meget mere indflydelse at have knapper, der siger “Shop nu” end et simpelt navigationslink; hvis du er en nonprofit, vil en “Doner” – knap Ved siden af din navigationslinje gøre donation til en leg for besøgende.
firkantet har en simpel opfordring til handling, der tilskynder virksomhedsejere til at begynde at sælge. Deres CTA-knap lyder ” Start en firkantet konto.”Det bliver ikke meget lettere end det.
4 Giv brugerne robuste søgefunktioner.
det er lige så vigtigt at tænke over, hvordan besøgende vil søge på din side, og hvordan resultaterne vises. Søgeoplevelsen skal afspejle din navigationsoplevelse med, hvordan resultaterne er organiseret. Inkorporering af funktioner som auto-complete vil også gøre søgning lettere fra et brugerperspektiv.
Appos har et smart søgeværktøj, som er meget nøjagtigt og også opdaterer filtrene på venstre side baseret på søgetermer.
5 bryde indhold op med sektionsoverskrifter.
når der beskæftiger sig med indhold-tunge områder på din hjemmeside, bryde det op med overskrifter. Uanset om det er en artikel eller produktbeskrivelse, giver overskrifter din indholdsstruktur og gør det nemt at scanne.
6 tal som en rigtig person.
jo mere jargon og marketing-speak brugere skal dechiffrere, når de besøger din hjemmeside, jo mindre sandsynligt er de at engagere sig med dit brand. En venlig, konversation tone vil gøre det lettere for besøgende at læse og forstå dit indhold, samt navigere din hjemmeside.
Cipcar gør deres service lettere at forstå—og deres hjemmeside lettere at navigere—med deres afslappede brandstemme.
7 Bekræft dine besøgendes handlinger.
hvis dine besøgende køber et produkt fra dig, abonnerer på et nyhedsbrev eller endda deler dit indhold, er det en god praksis at vise en bekræftelsesskærm, der viser dem, at deres handling gik igennem med succes. Det skader heller ikke at bruge skærmen til at takke dem.
TheSkimm lykønsker og byder dig velkommen, når du tilmelder dig deres nyhedsbrev, med en prompt til at dele på sociale medier.
Test din hjemmeside før lancering
der er altid kinks, du skal træne, når du starter—eller genstarter—en hjemmeside. Det er vigtigt at tage sig tid til at teste din hjemmeside og indsamle feedback, før den går live.
1 Udfør kvalitetssikringstest.
hvis du har ressourcerne, skal du ansætte et kvalitetssikringsteam, så de kan teste alle aspekter af din side. Hvis du ikke kan ansætte folk specifikt til KVALITETSSIKRINGSROLLEN, så få folk både interne og eksterne til din virksomhed til at teste din hjemmeside inden lanceringen. De kan klikke på alle links, udfylde alle formularer og prøve alle tjenester. Dybest set, hvis der er noget at gøre på hjemmesiden, bør de gøre det. På den måde kan du rette eventuelle fejl, før du starter.
2 indsamle brugerfeedback, før du skubber din hjemmeside live.
Inviter en udvalgt gruppe betatestere til at give feedback om elementer som navigation, design og større brugerstrømme. Du kan muligvis ikke foretage ændringer baseret på al den feedback, du modtog før lanceringen, men du vil måske huske på forslag til ændringer undervejs.
oprettelse af en hjemmeside fra bunden—selvom du har hyret et agentur til at hjælpe—er ikke nogen lille bedrift. Vi har lavet en handy 3 trin til at skabe en engagerende hjemmeside Design (PDF) tjekliste, så du kan sikre dig, at du tjekker alle de vigtige elementer fra listen, som du går.