Folk har vært å forutsi «død av hjemmesiden» for år.
Men hjemmesiden vil aldri gå bort.
Hvert nettsted trenger en døra for å ønske sin nye brukere for første gang og gi dem lå i landet.
Imidlertid hjemmesiden er under utvikling.
Selv bare for noen få år siden, hjemmesider finnes tonnevis av forskjellige opplysninger om alle aspekter av selskapet.
De ble kjørt seg fast full av linker og steder å gå., Selskapet ønsket å markere alle de ulike aspektene av hva den gjorde.
problemet er at det backfired.
Det var rett og slett for mange valg. Det var overveldende og forstyrrende for brukerne.
En av de beste måtene å raskt forbedre nettstedet design konverteringer ved grøfting funksjoner som reduserer brukeropplevelsen.
Karusellen glidere er et perfekt eksempel. De er vanligvis brukes til å vise frem flere forskjellige ting på en gang.
Men at allsidighet ofte kommer til en kostnad. Tester har vist at de vondt konverteringer, SEO, og side lasting ganger.,
Se at lav klikk prosent i bildet ovenfor? Det er ikke et godt tegn.
faktisk, det er hele grunnen til at jeg opprettet Crazy Egg. Hvis du kan se at brukere ikke å klikke på det de er ment til, kan du endre design før det er for sent.
Den beste hjemmesider ta brukeropplevelse i betraktning.
Her er noen av mine favoritt hjemmeside design. Du kan begynne å kopiere dem til å få lignende resultater.
Bills.com
Den første store trenden med å høydepunkt er ‘hjemmeside som en destinasjonsside.,’
Det gjør mye fornuftig når du tenker på det.
det endelige målet Ditt er å kjøre opp leads og salg. Den ‘online brosjyre’ nettsted har vært død og borte i år.
Den vanskelige delen er å vite den beste tilnærmingen til å generere salg på hjemmesiden, slik at du ikke skremme alle unna, og tvinge dem til å sprette.
For eksempel, det er mye å be splitter nye besøkende som aldri har hørt om deg til å kjøpe noen store-produktet.
Så i stedet, må du ha en enklere, mindre invasiv tilnærming til slutt få det du ønsker.
Og det er derfor jeg elsker det Bills.com gjør.,
For eksempel, som leder over til deres nettsted, og du vil se følgende glidebryteren:
Nå kan du prøve å skyve frem og tilbake for å velge det gjeld beløpet du kan skylder. Det er så enkelt at et barn kan gjøre det.
Det er også den eneste muligheten de gir deg så langt! På den måten trenger du ikke føler deg overveldet eller bli distrahert.
Etter å klikke på «Fortsett» de spør deg om du er bak på betalinger eller ikke (og hvis så, hvor lenge).
De er kvalifiserende du her., Hvis du ikke er bak på betalinger, kan de ikke være i stand til å hjelpe deg mye (les: å tjene penger fra deg).
De kan bruke dette spørsmålet for å tilpasse responsen de til slutt kommer til å gi deg. Det kan også hjelpe internt splittet opp som person eller en avdeling, vil være best til å håndtere saken din hvis du blir kunde.
Det neste trinnet er å velge hvilken by du bor i:
igjen, dette videre kvalifiserer deg og reiser også noen potensielle problemer med statlige restriksjoner (som de kanskje har å forholde seg senere).,
Den aller siste trinnet er en de ville alle sammen: Din personlige informasjon!
KlientBoost kaller dette «brødsmule-navigeringen for Teknikk,» fordi i stedet for å skremme folk bort med det første skjemaet, så får du dem til å gjøre litt micro forpliktelser.
Hver micro engasjement tar dem litt sammen før de er allerede så investert at de har for å fullføre prosessen.
For eksempel, hvis de ville ha bedt om å oppgi ditt navn og telefonnummer opp foran det kan ha skremt deg av.,
Imidlertid, ved å få deg til å forplikte seg til de andre trinnene først, de gir seg selv en bedre sjanse til slutt konverterer du til en ny kunde.
KlientBoost har med hell brukt denne teknikken for å øke konvertering priser fra 1% til nesten 20%.
trikset med disse multi-trinn destinasjonssider er til å begynne med minst truende spørsmål som mulig.
Det må være relatert til hvordan du er til syvende og sist kommer til å hjelpe dem. Det bør imidlertid være utrolig enkelt for noen å gi.,
Selvfølgelig, det skal være null omtale av pris eller deres personlige data på dette punktet.
Det kan også være så enkelt som å be om et postnummer.
neste trinn blir litt mer spesifikk, antydet at nivået av tjenesten de kommer til å trenge.
Etter å få dem til å forplikte seg til de to første trinnene, kan du ta opp noen mer personlige spørsmål å følge opp med dem etterpå.
Du vil legge merke til at Bills.com bruker også interaktivt innhold for å holde deg engasjert på deres nettsted.
Qzzr er et verktøy som du kan bruke til å gjøre dette skje på ditt eget nettsted., De har allerede pre-bygget «widgets» som kan settes opp i et par minutter (i motsetning til å betale for en utbygger å egendefinerte gjøre det for deg).
Victoria ‘ s Secret bruker en som spør «Hva er din fitness persona?»Food Network spør, «Kan Vi Gjette Alderen Din Basert på Dine Mat Preferanser?»
I hvert enkelt tilfelle, disse merkene er ved hjelp av et morsomt spørsmål som får deg engasjert. Det er null trussel i å besvare disse spørsmålene først.
et Annet alternativ verktøyet er SnapApp., De kan også lage interaktive kalkulatorer og selv infografikk at folk kan peke, klikke og justere for å se nye resultater.
Her er et morsomt eksempel på hvordan forgjeves din markedsføring er som får deg til å svare på spørsmål i et flytskjema mote.
En siste verktøy anbefaling er Brackify. At navnet høres ut som «parentes,» ikke sant?
Vel, det er nøyaktig det punktet! Du kan lage interaktive braketter eller konkurranser for nesten alt, og la kunder eller besøkende komme inn på handlingen.,
Her er hva som kan se ut som om noen spurte hva din favoritt Disney-filmen er:
Kiva
Kiva er en microlending plattform.
De kobler gründere i tredje verden land med givere og sponsorer fra andre deler av verden.
For eksempel, la oss si en entreprenør i India behov $1000 for en ny kommersiell symaskin slik at de kan produsere og selge dobbelt så mange produkter.,
Slik at folk fra hele verden kan gi i små mengder, og deretter få betalt tilbake i løpet av et år eller to av den nye kontantstrøm dette entreprenør er i stand til å generere.
Kiva ‘ s hjemmeside er relativt grunnleggende, for å være ærlig.
Imidlertid, som vi har sett, det er OK!
Enkelt og direkte kan holde folk fokusert på hva som er viktig (som gir deg sin informasjon i bytte for noe av verdi).,
problemet er at selv om folk kan besøke din hjemmeside, og være interessert i hva du gjør, det er ikke alltid en overbevisende grunn til å kickstart at prosessen.
noen Ganger, du har til å være litt mer aggressiv eller sterk for å la dem vite om den fantastiske verdi de kan få.
I dette tilfellet, Kiva bestemte seg for å bruke et popup overlegg å bare få nyhetsbrev på e-post opt-in.
De ønsket å begynne i det små (og ikke bruke noe truende som vi lærte i forrige trinn).,
Så Kiva gikk med en enkel e-post muligheten til å i det minste få noe fra noen før de spratt og forlot stedet.
Her er hva det nye tilbudet overlegg så ut som:
Maler som dette er vanskelig å trekke av.
Noen målgrupper hater dem, selvsagt. Men det kan gi stort utbytte hvis du plasserer ditt innhold og tilbyr bra.
Du kan også kontrollere hvordan eller når det viser. Du kan For eksempel bestemme deg for å utløse det til nye besøkende (kontra returnerende de) og bare når markøren begynner å flytte ut av vinduet.,
Disse vil ofte skape en «lightbox» – effekten som de understreker alt annet i bakgrunnen, slik at folk ser rett på din nye tilbud.
Her er et annet eksempel på den jeg bruker for kommende webinarer:
Det vil alltid være en andel av målgruppen som hater disse tingene.
Så du må være forsiktig med hvordan du bruker dem. (Du må også se opp for design feil som vil ødelegge din SEO så vel.)
Imidlertid resultatene kan ofte være verdt risikoen.,
Kiva bestemte seg for å split test dette overlegg for å se hvordan deres eget publikum reagerte.
De koblet opp Unbounce med MailChimp (for eventuell e-post opt-in), og bestemte seg for å vise den nye overlegg å bare 50% av trafikken i utgangspunktet. Som kom ut til om lag 5000 besøkende.
Akkurat som enkelt overlegg tatt et ekstra 3-4% av de besøkende rett utenfor balltre.
Oppmuntret, Kiva holdt iterating med bedre design og ulike alternativer for å doble det tallet til 6-7%.
Ikke dårlig for en «irriterende» dukker opp, ikke sant?
H. Bloom
Hva er egentlig H. Bloom?,
De er en luksus flower delivery service. Du kan gå på, punch i dine preferanser, og de vil ta seg av resten.
Slik at de er perfekt for overarbeidet entreprenør til å aldri glemme sine kjære.
La oss ta en rask titt på deres hjemmeside, og så skal jeg fortelle deg hvorfor jeg liker det så mye:
Først og fremst, de har sin form over fold.
Som gjør målet med denne siden klart rett utenfor balltre. Dine kunder truffet denne side, og de trenger ikke å gjette på hva de er ment å gjøre neste.,
Den form som er front-og-senteret holder ting fin og klar.
de Fleste besøkende har en tendens til å konsentrere seg det meste av sin oppmerksomhet over fold fortsatt (selv om de er blitt mer vant til å bla nedover).
Den enkleste måten å forbedre føre generasjon form optimalisering er å holde din CTA i det normale øyet mønster at folk som allerede er i bruk.
For eksempel, en studie som ble gjort for mange år siden at spores hvor og hvordan folks øyne spores når de treffer din side. De fant at folk har en tendens til å skanne ditt nettsted i en «F» – form.,
Så den første delen av H. Bloom ‘ s hjemmeside umiddelbart forteller leseren hva de er ment å gjøre på siden.
Og deretter den neste delen i midten forklarer nøyaktig hvordan prosessen fungerer.
Den logiske, trinn-for-trinn progresjon hjelper folk til å forstå hva som er forventet av dem og hvor vanskelig eller tidkrevende noe som dette er i ferd med å bli.,
Det er kritisk fordi det er umiddelbart sette forventninger og overvinne den mulige innvendinger mot at det kan være for tidkrevende å komme i gang.
Det fungerer langs de samme linjer som en fremdriftsindikator.
For eksempel, fremgang barer har makt til å øke konverteringene med 28%, fordi de raskt sikre viewer at det er ikke mye igjen for dem å gjøre for å få sin belønning.’
Min siste favoritt stykke på denne siden er den subtile pil brukt som et signal for å bidra til overgang seere fra ett punkt til det neste.,
Det er en liten detalj, men det bidrar til å gi brukerne meldingen for å fortsette å lese nedover på siden, spesielt hvis de ennå ikke er klar til å fylle ut skjema og kom i gang SNAREST.
Basecamp
Før Basecamp var «Basecamp» de var 37Signals med flere forskjellige programvare-produkter.
Og gjennom årene har de stadig iterated for å se hva som fungerer best for å skape ny gratis prøveversjon registreringer.,
Her er en av deres nåværende hjemmeside varianter som bruker en klassisk copywriting teknikk som har eksistert i flere tiår:
Leser første linje av siden virkelig rask.
«Din bedrift vokser, og du er overbelastet. Måten du jobber ikke virker lenger.»
De går på å liste opp noen av de ulike problemstillinger som du (overarbeidet business eier) er sannsynligvis forventer.
Dette er en lærebok eksempel av PAS copywriting teknikk., Her er hvordan det fungerer:
- Problem: Du raskt kutte til hjertet av saken ved å tydelig bekrefter det viktigste problemet ditt prospekt er opp mot (for eksempel «Du er overbelastet.»).
- Rør: Så du overgang til å navngi alle de ulike smerter poeng og symptomer de er i dag opplever som et resultat av at problemet (f.eks. «rotete e-post og tekster,» «ting skli gjennom sprekker,» osv.).
- Løsning: Nå kan du presentere løsningen som frelseren som vil ta bort alle av disse problemene for dem (for eksempel «Det er tid for Basecamp.»).,
Her er en rask titt på hjemmesiden du nå kan identifisere formelen de er følgende.
For mange selskaper ønsker å starte rett inn i funksjoner og fordeler av produktet deres på hjemmesiden.
Imidlertid, problemet med det er som besøker nettstedet ditt er ikke helt der ennå.
Disse menneskene kan ikke gjenkjenne de samme problemer i sitt liv, så den «løsningen» du selger dem ikke appellerer til dem. De forlater nettstedet ditt uten konvertering som et resultat!,
Du vil også legge merke til at denne hjemmesiden er tekst-tunge, som er uvanlig i forhold til noen annen programvare nettsteder.
Det er et triks de har lært etter å teste ulike versjoner i løpet av de siste årene.
År siden, de testet en klassisk lang-form destinasjonssiden, og i utgangspunktet så et stort sprang i konverteringer (37.5%).
Men, har de fortsatt ikke var fornøyd og mente de kunne gjøre bedre.
, Så de prøvde en annen test, men denne gangen med en kunde testimonial mot den opprinnelige design.,
kunden en kom ut på topp med en 102% konvertering øke.
De deretter fulgte dette opp med enda en test for å se om kopi lengde hadde noe å gjøre med resultatene. (Svar: Det gjorde det ikke.)
Så du kan se at de fortsatt holde seg til en tekst-tunge-format samlet. Imidlertid, det er ikke nødvendigvis lengden på at kopi som gjør en forskjell.
i Stedet, det hele kommer ned til det bestemte ord brukes og smart formel for å sørge for at deres kunder vet nøyaktig hvilke problemer Basecamp løser.,
MailChimp
hjemmesiden til e-post markedsføring programvare selskapet, MailChimp, presenterer en av de beste leksjoner i hvordan å designe en hjemmeside som konverterer.
Imidlertid, ved første øyekast, er det ikke ser ut som mye:
En av de første tingene du vil legge merke til er at det er en enkelt knapp over fold.
Det er bokstavelig talt noe annet å klikke her!
Synkende valg, og valgene som har blitt vist å bidra til å forbedre konverteringsfrekvensen., Tanken er at flere beslutninger du tvinge besøkende til å gjøre, jo lenger tid det tar dem å bestemme hva de skal gjøre (hvis noe).
MailChimp hjemmesiden tilbyr også en leksjon i hvitt plass (eller negative plass).
For eksempel, har vi alle prøvd å lese en blogg innlegg på en nettside, bare for å føle som om det er for «trangt» eller rotete. Det er en massiv rødt flagg som din blogg design stinker!
i Stedet, en godt designet side bør være åpen og luftig som MailChimp er.
Den negative plass rundt primære CTA bidrar til å øke sin betydning på siden., Så folk er nesten tvunget til å betale mer oppmerksomhet til det.
La oss bla nedover siden litt og se hvordan de spiller med horisontal avstand til også å monopolisere din oppmerksomhet.
De bruker et fotografi trikset som kalles «rule of thirds» som sier at du bør plassere den viktigste side elementer i midten av trådkorset.
innholdet i denne delen av hjemmesiden er off-sentrert for en grunn! Det ender opp med å forme eller å kontrollere hvordan de vil ha deg til å vise innhold på siden i rekkefølge av betydning.,
på den måten kan de hjelpe deg subtilt prioritere en side hierarki som sier «Dette er alternativ #1, dette er alternativ #2, osv.»
Konklusjon
Den beste hjemmesider på nettet i dag kan ha forskjellige mål.
Men, det er alltid en stor en som de kommer tilbake til. Bly generasjon.
Alle nettsteder har i dag behov for å selge.
det betyr ikke At de har for å få folk til å kjøpe med en gang. Men det trenger å komme til det punktet slutt.
Den beste hjemmesider bruke ulike faktorer, fra interaktive funksjoner for å utforme, å subtilt instruere brukeren hva du skal gjøre neste.,
enten du Tror det eller ikke, bør dette være i den besøkendes beste interesse, også.
Det bidrar til å forenkle livet ved å gjøre færre avgjørelser, samtidig som de også komme dem til adressaten raskere (slik at de kan løse problemet, eller smerte de opplever).
Hva er din favoritt hjemmeside eksempel og hva liker du om det?
Vokser trafikken