Oppdatert 9. juli 2019
Hvor viktig er ditt webdesign? Når brukere ble bedt om å beskrive hvorfor de ikke stolte på et nettsted, var 94% av kommentarene direkte relatert til nettstedets design. Et godt bygget nettsted genererer bedre kundetrafikk og et forbedret brukergrensesnitt fører til økte konverteringer.
Kreativitet er viktig, men det er noen grunnleggende regler om design og brukeropplevelse som vil hjelpe deg med å vokse nettstedet ditt. Når du oppretter eller omstrukturerer nettstedet ditt, må du huske på følgende forslag.
Få Tillit Med En Ren, Engasjerende Webdesign
den digitale designverdenen har omfavnet enkelhet, beveger seg bort fra bjeller og fløyter og fokuserer på det grunnleggende. Fra et brukerperspektiv har dette gjort nettsteder enklere å navigere for en morsommere opplevelse. Innlemme disse 8 designreglene i nettstedet ditt for å bedre engasjere publikum.
1 Hold oppsettet enkelt.
jo enklere ditt nettsted layout, jo bedre. Det betyr ikke at det må være kjedelig, men det betyr at det bør fokusere på det viktigste. Rene, funksjonelle oppsett gjør nettstedet enklere å laste, navigere og bruke på ulike plattformer og enheter.
Harrys nettsted plasserer den viktigste informasjonen—deres produkter-foran og senter. De inkluderer visualer med minimal tekst for å gjøre det enkelt å engasjere seg i innholdet.
2 gjør navigasjonen enkel å følge.
hvis du vil at besøkende skal bruke tid på nettstedet ditt, må du gjøre det enkelt for dem å komme seg rundt. Det kan være fristende å gjøre noe kreativt med navigasjonsmenyene, men enkelheten og den intuitive informasjonsarkitekturen er viktigere. Gjør menyene dine standard i utseende, slik at leserne dine føler seg komfortable når de beveger seg gjennom nettstedet ditt.
Vogue har beskrivende, fremtredende navigasjonsmenyer som hjelper deg med å finne og engasjere deg i innholdet du leter etter.
3 Bruk klare anrop til handling.
Hva er det du vil at besøkende skal gjøre? Kjøpe produkter? Registrer deg for et nyhetsbrev? Donere til en sak? Tenk på dine samtaler til handling. Design dem på en måte som gjør at de skiller seg ut for en besøkende som skanner nettstedet ditt. Hvis du bruker knapper i designet, må du kontrollere at teksten er kort og direkte.
World Wildlife Fund bruker lyse knapper sammen med navigasjonslinjen som oppfordrer besøkende til å «donere» og «adoptere» sammen med sterke oppfordringer til handling gjennom innholdet.
4 med innhold, mindre er mer.
Bruk det du vet om dine besøkende for å minimere alternativene og fokusere oppmerksomheten på produktene dine. Vis bare teksten og de visuelle elementene du vil at de skal gjøre noe med.
Nettsteder for mobilapper-som Pocket-gjør en god jobb med dette. De fokuserer på å forklare appen, inkluderer sterke oppfordringer til handling for å installere den. Mindre viktig innhold, som Om-delen og bloggen deres, er mindre fremtredende og er koblet i bunnteksten.
5 ikke vær redd for mellomrom.
tomrom er ganske enkelt tomrom på en side. Det trenger ikke å være hvitt—det må bare inneholde tekst eller bilder. Hvis det gjøres bra, kan det forbedre lesbarheten og fjerne rot fra webdesign. Hvit plass kan også hjelpe direkte fokus og oppmerksomhet. Det gir en måte å skille funksjoner og ideer slik at besøkende kan skjelne nøyaktig hva du vil de skal se i et raskt blikk, snarere enn å måtte visuelt sortere gjennom en støyende og overfylt layout.
Google Er det ultimate eksempelet på å bruke mellomrom. Det kunne ikke vært renere-bare en tom side med en logo og en søkeboks.
6 Forbedre webdesign med iøynefallende farger.
Velg en farge som vil gi grunnlaget for hele webdesign, og velg deretter en kontrastfarge for viktige knapper og andre grensesnittelementer. Du kan lære mer om å velge riktig fargepalett for merkevaren din.
Whole Foods Market bruker grønt for sin primære merkevarefarge, og de små poppene i den sekundære oransjen trekker øyet mot kjente oppfordringer til handling.
7 Innlemme attraktive, lettleste skrifter.
Bruk en attraktiv type som er visuelt balansert og unik for å gjøre nettstedets tekst klar og spennende. Fire topp trending skrifttyper Er Brandon Grotesque, Museo Sans, Railway Og Playfair Display.
Belgiske barneklær nettstedet Studio Aimee bruker Brandon Grotesque for en ren, lesbar shopping opplevelse.
8 Engasjer brukere med video og rike bilder.
Videoer og bilder er mer engasjerende enn tekst alene—faktisk kan landingssider med videoer øke konverteringene med mer enn 80%. Bruk skalerbare BILDER (SVG) for å sikre en brukeropplevelse av høy kvalitet på både stasjonære og mobile enheter.
ideell veldedighet: vann viser en video på hjemmesiden deres, noe som gjør den til en av de første tingene du ser når du besøker nettstedet deres for maksimal effekt.
Hold Besøkende Engasjert Med Et Brukervennlig Nettsted
Du kan ha det mest attraktive nettstedet i verden, men hvis det er vanskelig å bruke, vil dine besøkende ikke konvertere til kunder. Disse syv reglene vil sikre at publikum har en jevn brukeropplevelse.
1 Gjør nettstedet ditt mobilvennlig.
Visste du at opptil 70% av webtrafikken kommer fra en mobil enhet? Det betyr at det er en god sjanse for at noen besøker nettstedet ditt for første gang bruker smarttelefonen. Og hvis mobilopplevelsen er negativ, har du nettopp mistet en kunde. Finn ut hvorfor og hvordan du kan gjøre nettstedet ditt mer mobilvennlig.
Everlanes mobile handleopplevelse er ren og enkel å bruke. Designet inkluderer modulært innhold, så det er responsivt og oversetter godt på mobile enheter. Nettstedet inneholder også samtaler for å laste ned shopping-appen uten at du føler at du får en mindre opplevelse på nettstedet.
2 Effektiviser navigasjonen.
jo flere sider noen må navigere på nettstedet ditt for å finne det de leter etter, desto mer sannsynlig vil kunden forlate nettstedet ditt ut av frustrasjon. Faktisk, for en gjennomsnittlig nettside, vil 40% av besøkende forlate etter bare å ha sett en side!
Innhold skal ikke begraves. Ikke gjør besøkende jakte rundt for hva de kom for. Navigasjonen skal være godt organisert og logisk fra et brukerperspektiv. Det bør også føles kjent, slik at brukerne ikke har en bratt læringskurve.
Tilde Inc. har en enkel navigeringslinje på toppen av nettstedet, med de viktige punktene som er koblet nedenfor med en kort forklaring i delen» Hva Vi Gjør». Dette gjør det enkelt å finne det du leter etter.
3 Bruk anrop til handling for å gjøre ting enklere å finne.
Tenk på hvor du kan plassere knapper på hele nettstedet ditt for å gjøre de viktige tingene enklere for besøkende å finne. Hvis du er et e-handelsnettsted, har knapper som sier «Kjøp Nå» mye mer innvirkning enn en enkel navigasjonslink; hvis du er en ideell, vil En «Donere» – knapp ved siden av navigasjonslinjen gjøre donasjon til en bris for besøkende.
Square har en enkel oppfordring til handling som oppfordrer bedriftseiere til å begynne å selge. DERES CTA-knapp leser » Start En Firkantet konto.»Det blir ikke mye enklere enn det.
4 Gi brukerne robuste søkefunksjoner.
Det Er like viktig Å tenke på hvordan besøkende vil søke på nettstedet ditt og hvordan resultatene vises. Søkeopplevelsen bør speile navigasjonsopplevelsen din med hvordan resultatene er organisert. Innlemme funksjoner som autofullfør vil gjøre søk enklere fra et brukerperspektiv også.
Zappos har et smart søkeverktøy, som er svært nøyaktig og oppdaterer også filtrene på venstre side basert på søkeord.
5 Bryt innhold opp med seksjonshoder.
når du arbeider med innholds tunge områder på nettstedet ditt, bryte den opp med overskrifter. Enten det er en artikkel eller produktbeskrivelse, gir overskrifter innholdsstrukturen din og gjør det enkelt å skanne.
WebMD gjør en effektiv jobb med å bryte innholdet i fordøyelige biter med mange seksjonshoder, slik at Du kan finne informasjonen du leter etter.
6 Snakk som en ekte person.
jo mer sjargong og markedsførings-talende brukere må dechiffrere når de besøker nettstedet ditt, jo mindre sannsynlig er de å engasjere seg med merkevaren din. En vennlig, conversational tone vil gjøre det enklere for besøkende å lese og forstå innholdet, samt navigere nettstedet ditt.
Zipcar gjør tjenesten enklere å forstå—og nettstedet enklere å navigere-med sin omgjengelige merkevarestemme.
7 Bekreft dine besøkendes handlinger.
hvis de besøkende kjøper et produkt fra deg, abonnerer på et nyhetsbrev, eller til og med deler innholdet ditt, er det en god praksis å vise en bekreftelsesskjerm som viser at deres handling gikk gjennom. Det gjør ikke vondt å bruke den skjermen til å takke dem heller.
TheSkimm gratulerer og ønsker deg velkommen etter at du har registrert deg for nyhetsbrevet, med en melding om å dele på sosiale medier.
Test Nettstedet ditt Før Lansering
Det er alltid kinks du må trene når du starter—eller relanserer-et nettsted. Det er viktig å ta deg tid til å teste nettstedet ditt og samle tilbakemelding før det går live.
1 Gjennomføre kvalitetssikring (QA) tester.
hvis du har ressursene, kan du leie et kvalitetssikringsteam slik at de kan teste alle aspekter av nettstedet ditt. Hvis du ikke kan ansette folk spesielt FOR qa-rollen, må du få folk både interne og eksterne til firmaet ditt til å teste nettstedet ditt før lanseringen. De kan klikke på alle koblinger, fylle ut alle skjemaer og prøve alle tjenester. I utgangspunktet, hvis det er noe å gjøre på nettstedet, bør de gjøre det. På den måten kan du fikse eventuelle feil før du starter.
2 Samle tilbakemeldinger fra brukere før du trykker på nettstedet ditt live.
Inviter en utvalgt gruppe betatestere til å gi tilbakemelding på elementer som navigasjon, design og større brukerflyter. Du kan ikke gjøre endringer basert på alle tilbakemeldingene du mottok før lansering, men det kan være lurt å holde forslag i bakhodet for endringer nedover veien.
Å Lage et nettsted fra bunnen av—selv om du har vervet et byrå for å hjelpe-er ingen liten prestasjon. Vi har laget en hendig 3 Trinn For Å Lage En Engasjerende Webdesign (PDF) sjekkliste, slik at du kan sørge for at du sjekker alle de viktige elementene fra listen mens du går.