Landingsdesign: 12 Viktige regler med virkelige eksempler

I vår forrige artikkel på destinasjonssider, så vi på 8 hovedfaktorer som må vurderes når de opprettes. På dette tidspunktet bestemte vi oss for å utarbeide om utformingen av destinasjonssider. Siden utformingen av nettsider er uløselig knyttet til innhold, vil vi også undersøke noen poeng angående innholdet på destinasjonssidene.

Sikkert, du kjenner hovedformålet med destinasjonssiden - for å oppmuntre en besøkende til å ta en bestemt handling (for eksempel kjøpe produktet eller abonnere på nyhetsbrevet). Ved gjennomføringen av dette målet, spilles ikke den siste rollen av design av høy kvalitet. Han er i stand til å fokusere oppmerksomheten til potensielle kunder på din oppfordring til å gjøre det mer synlig. I tillegg forenkler det oppfatningen av all informasjon som er lagt ut på destinasjonssiden.

Og nå, fra ord til forretning. Overvei spesifikke regler, hvoretter du kan forbedre utformingen av destinasjonssiden din, og dermed øke konverteringsnivået på nettstedet ditt.

1. Ta vare på brukbarheten til destinasjonssiden din.

Komme på destinasjonssiden din, bør besøkende straks forstå:

  • sidemål
  • handling som han må ta
  • fordelene du får med produktet

Hvis det ikke oppfyller disse kravene, kan det anses å være ubrukelig. Ikke tving besøkende til nettstedet ditt for å vandre gjennom labyrinten på destinasjonssiden din. Tro meg, de vil ikke bruke sin tid på det og bare vifte deg en penn. Som et resultat vil nettstedet ditt bare øke sprettfrekvensen, og en økning i konverteringsfrekvensen forblir en uoppnåelig drøm.

Her er et eksempel på en vellykket destinasjonsside, hentet fra nettstedet FeedMyInbox, som til og med en skolepike vil håndtere:

2. Ikke bruk for mye grafikk.

Din side for å ringe til handling skal bare inneholde de nødvendige grafiske elementene. Overdreven bilder vil bare rote det opp, spesielt hvis de befinner seg i "første skjerm" -området. I den øvre halvdelen av rullefeltet bør det bare være en logo og et stilisert bilde av produktet du vil selge.

Sammen med disse bildene er også bilder som viser fordelene eller egenskapene til produktet ditt tillatt. Vær forsiktig når du bruker ikoner. I noen tilfeller vil de ikke gi noen fordel, men vil bare distrahere oppmerksomheten til potensielle kunder.

Vurder destinasjonssiden på Dialogix-nettstedet, som tilbyr en webtjeneste for overvåkning av sosiale nettverk:

Som du kan se, er det ingen ekstra grafiske elementer på siden. Den inneholder bare logoen til programmet, skjermdumpen, ikonene til klientbedrifter, samt bildet av en søt fugl som symboliserer Twitter.

3. Minimer navigasjonsalternativer

Jo flere navigasjonsalternativer du tilbyr besøkende på destinasjonssiden din, desto mer sannsynlig er de å bruke dem. Hjemmesiden din kan inneholde dusinvis av navigasjonskoblinger, men destinasjonssiden skal bare indikere en retning til potensielle kunder, siden det er det første elementet i salgstragten.

Hvis du ikke kan unngå koblinger til andre områder av nettstedet ditt, så tenk på hvordan du reduserer sannsynligheten for at besøkende vil klikke på dem. For eksempel kan du bare forlate toppnavigasjonslinjen og helt fjerne noen koblinger. Navigasjonsforbindelser er bare nødvendige hvis besøkende har en seriøs grunn til å klikke på dem. Hvis du tror at potensielle kunder er usannsynlig å lete etter slike koblinger, kan du ikke inkludere dem.

Skaperne av eWedding-programmet, som du kan lage ditt eget nettsted dedikert til bryllupet ditt, har vedtatt denne regelen. På destinasjonssiden til nettstedet deres, er bare lenker knyttet til selve produktet (for eksempel applikasjonsegenskaper eller emnevarianter) synlige. Og de andre koblingene ligger i et bortgjemt sted: nederst på siden. I tillegg er de trykt i ganske liten utskrift:

4. Bruk modale vinduer

Når du legger inn informasjon eller noen koblinger som kan være av interesse for besøkende på nettstedet ditt, kan du prøve å bruke modale vinduer i stedet for å omdirigere dem til en ny side. Modale vinduer kan gi potensielle kunder informasjon uten å forstyrre konverteringstragten.

Modale vinduer og verktøytips kan inneholde vanlige spørsmål, lister over produktfunksjoner, skjermbilder, etc. Bruk dem ved den første mulige muligheten, for ikke å suspendere prosessen med å snu besøkende til ekte kjøpere.

For eksempel, på salgssiden av Capo-programmet som lager spektrogrammer av musikkfiler, brukes et modalt vindu i form av et skjermbilde av grensesnittet:

5. Unngå rødt i Call-to-Action-knappen.

I mange kulturer, spesielt i USA og europeiske land, har rød en negativ konnotasjon. I deres bilde av verden er rødt fargen på aggresjon, fare og stopplys. Selv i de mest positive konnotasjonene (lidenskap og kjærlighet), forårsaker røde nyanser mennesker angst. Herfra en konklusjon: Hvis nettstedet ditt er beregnet for det europeiske og amerikanske publikum, nekter du bruk av en rød bakgrunn i Call-To-Action-knappen. Kanskje, i noen tilfeller vil det komme unna med deg, men det er ikke verdt risikoen. Bedre bruk kaldere farger, for eksempel blå eller grønn (som det er gjort på programmet for høsttidsplanlegging):

6. Gjør anropsknappen synlig.

Så vi fant ut at den røde bakgrunnen ikke er den beste løsningen for å trekke oppmerksomheten til call-to-action-knappen (se forrige avsnitt). Men det er en annen ekstreme - bruk av for bleke farger eller liten utskrift, på grunn av hvilken det er bokstavelig talt tapt på destinasjonssiden din. Call-to-Action-knappen skal være et lyst sted på destinasjonssiden din, slik at besøkende på nettstedet kan se det med det blotte øye.

Graden av "synlighet" av anropsknappen kan vurderes ved hjelp av en enkel visuell test: Stand ca. 1,5 meter fra dataskjermbildet, og svar ærlig på spørsmålet: "Blinker knappeknappen i øyet?" Hvis du ikke kan si ja med tillit, må du ringe til handlingsknappen.

Du må kanskje endre fargen slik at den står i kontrast til bakgrunnen til selve siden, eller øker skriftstørrelsen litt. Noen uforsiktige webdesignere klarer seg selv å plassere CTA-knappen utenfor "første skjerm", og så er de fortsatt overrasket over at nettstedets konverteringsfrekvenser ikke kommer av bakken. For å ikke gjenta sine feil må du nøye vurdere alle aspekter av Call-to-Action-knappen.

Ta et eksempel fra designerne på nettstedet Plnnr, som gjør individuelle utflukter til forskjellige byer. Deres gule knapp, plassert på en grå bakgrunn, er rett og slett umulig å ikke legge merke til!

7. Angi kun informasjon av interesse for besøkende på nettstedet.

Gi nettstedet ditt bare informasjonen de trenger for å ta en avgjørelse. Ikke overbelast hovedet med for mye informasjon. Målet ditt er å gjøre potensielle kunder til ekte kjøpere med minimum informasjon.

Tenk på hvilken informasjon dine potensielle kunder kan være interessert i, og uttrykk den med nøyaktige og forståelige ord. Teksten din skal være kort og berøre punktet. Moderne forbrukere virkelig verdsetter sin tid, så de vil umiddelbart vite om tilbudet ditt oppfyller deres behov. Hvis de ikke klarer å gjøre dette om noen sekunder, vil de forlate nettstedet ditt uten å nøle.

I tillegg bør teksten som presenteres på destinasjonssiden ha en klar struktur (tittel, tekst, punktliste). Med forbehold for denne tilstanden, vil besøkende på nettstedet kunne skimme gjennom hele siden og bare velge informasjonen av interesse.

Ta en titt på destinasjonssiden til online tekstredigeringsprogrammet TitanPad. Som du kan se, inneholder den bare den nødvendige informasjonen (programfunksjoner og et klart kall til handling):

8. Ikke be om for mye informasjon.

Når du oppretter et abonnementsskjema, kan du prøve å minimere informasjonen du ber om fra besøkende til nettstedet ditt. I de fleste tilfeller er det nok bare å spørre dem om en e-postadresse. Hvis du trenger andre personlige data fra dine potensielle kunder, for eksempel et mobilnummer, bør du forklare hvorfor du ber om denne informasjonen.

Igjen, dette er nødvendig, slik at besøkende på nettstedet ditt har mindre grunn til å forlate det. Tross alt, nesten alle mennesker har tvil om hvordan du vil bruke hans personlige data. Hva om du begynner å fylle sin e-postboks med spam? Eller vil du sende ham en tekstmelding, klamrer mobiltelefonen sin med unødvendig informasjon?

Eventuell tilleggsinformasjon som du spør besøkende til, er et annet hinder for å bli kundene dine. Og jo flere hindringer i veien deres, desto større er sannsynligheten for at de ikke kommer til deres endelige destinasjon.

Heldigvis er mange webutviklere klar over denne enkle sannheten og prøver ikke å fremkalle ekstra informasjon fra potensielle kunder. På enkelte nettsteder, krever de ikke noen personlige data: du registrerer deg og fortsetter arbeidet ditt. Ta for eksempel Pen.io bloggen. Alt som kreves av deg, er å komme opp med navnet på siden din og et passord, og du kan umiddelbart begynne å lage et innlegg:

9. Ikke spør alle besøkende på en gang.

Tenk deg at en potensiell kunde kommer til nettstedet ditt, og ser straks en stor lysknapp som krever at et bestemt produkt skal kjøpes. Hva blir hans reaksjon? I beste fall vil han få en rekke spørsmål, for eksempel: "Hva foreslår de at jeg kjøper?" eller "Hvor mye koster dette produktet?". Og i verste fall - han vil umiddelbart lukke destinasjonssiden din og tenke på at de vil skyve en ubrukelig ting uten å spørre om han trenger det.

Derfor begynner du ikke umiddelbart å snakke om å kjøpe, hvis du ikke vil skremme kundene dine. Del kjøpsprosessen i 2-3 trinn, slik at de lærer nødvendig informasjon før du tar en endelig beslutning. Ellers vil de få inntrykk av at du pålegger produktet på dem.

Call-to-Action-knappen skal inneholde mer nøytrale setninger, for eksempel "Se tariffplaner og priser" eller "Lær mer." De inneholder mindre tvunget undertekst enn i Kjøp nå eller Abonner på uttrykk. I tillegg takker de besøkende, hva de skal forvente i neste trinn.

Utviklerne av VaultPress-plugin designet for å støtte WordPress-nettsteder, har i praksis anvendt denne regelen:

10. Mål for en enkel og ryddig design.

Alle landinger har ett spesifikt mål: å oppfordre besøkende til å utføre en bestemt handling. Hvis enkelte designelementer ikke bidrar til gjennomføringen av denne oppgaven, kan du trygt fjerne dem.

Dette betyr ikke at destinasjonssiden din skal være halv tom. Du må bare finne ut hvilke komponenter som er relevante og hvilke som ikke er. Hvis du er sikker på at de vil øke kundenes tillit til salgssamtalen din, kan du hjelpe dem med å forstå produktet bedre og generelt forbedre deres generelle inntrykk av bedriften din. Konklusjonen er åpenbar: Disse elementene må være til stede på destinasjonssiden din.

Vær oppmerksom på destinasjonssiden til programmet Ting 2 for iPhone:

Som du kan se, er det laget enkelt og med smak. Samtidig inneholder den alle nødvendige elementene: En beskrivelse av søknaden, skjermbilder og en oppfordring til handling ("Gå til App Store").

11. Fremhev bedre avtaler.

Hvis destinasjonssiden inneholder flere samtaler til handling (for eksempel tabeller med forskjellige tariffplaner), kan du be om at nettstedet ditt er det mest lønnsomme eller populære alternativet ved hjelp av grafiske verktøy. For eksempel kan du markere den tilsvarende setningen i rammen eller gjøre skrifttypen større.

Du bør ikke automatisk fremheve det dyreste alternativet, ellers vil besøkende på nettstedet tenke at du gjør det med vilje til å gjøre dem gaffel. De fleste bedrifter fokuserer potensielle kunder på en mellomliggende tariffplan, som inneholder alle nødvendige alternativer og samtidig har en rimelig pris.

Se hvordan designerne på Ning-nettstedet, som tilbyr et program for å lage sin egen sosiale plattform, gjorde dette:

Som du ser, har de valgt en mørkere bakgrunn for Performancé-tariffplanen, som tilhører mellompris kategorien. I tillegg ligger den i midten av skjermen - det mest synlige området på siden. Vær oppmerksom på Popular Choice-ikonet, som viser populariteten til denne tariffplanen.

12. Rapporter om fordelene med produktet ditt.

Hovedspørsmålet som interesserer besøkende på nettstedet ditt: "Hvilke fordeler får jeg fra dette produktet?" Det er ikke nok å liste sine generelle egenskaper og funksjoner - du må angi hvordan det kan hjelpe dem i det virkelige liv. Først av alt må du selv være trygg på verdien av produktet ditt for å formidle denne ideen til dine potensielle kunder ved hjelp av en lys overskrift, klar tekst og optimal innholdsstruktur på destinasjonssiden.

Generelt, ikke nøl med å prise produktet ditt i henhold til fortjeneste, slik det er gjort for eksempel av utviklere av Skylight-programmet:

Ikke glem å teste landingssidene

Så vi analyserte et dusin anbefalinger for utformingen av destinasjonssider og ga dem reelle eksempler å følge. Vi håper at de vil inspirere deg til å forbedre deres destinasjonssider ytterligere.

Men ikke glem om et annet viktig stadium i etableringen av destinasjonssider - A / B-testing. Eventuelle endringer som du gjør ved utformingen av landingen din, vil på en eller annen måte føre til visse resultater. De kan øke eller redusere nettstedets konverteringsfrekvens eller til og med beholde det på samme nivå. Alt avhenger av den spesifikke situasjonen.

Derfor konklusjonen: Ikke vær lat til å utføre A / B-tester før du stopper på en bestemt versjon av destinasjonssiden. Vær oppmerksom på resultatene av disse studiene, og velg alternativet som ligger foran alle andre når det gjelder konvertering, selv om det ved første øyekast syntes å være ubetydelig for deg.

Se på videoen: KSP Backcountry Landing (Januar 2020).

Loading...

Legg Igjen Din Kommentar