folk har forudsagt “hjemmesidens død” i årevis.
men hjemmesiden vil aldrig gå væk.
hvert siteebsted har brug for en hoveddør for at byde sine nye brugere velkommen for første gang og give dem landskabet.
hjemmesiden udvikler sig imidlertid.
selv for få år siden indeholdt hjemmesider masser af forskellige oplysninger om alle aspekter af virksomheden.
de var fastklemt fuld af links og steder at gå., Virksomheden ønskede at fremhæve alle de forskellige aspekter af, hvad det gjorde.
problemet er, at det gav bagslag.
Der var simpelthen for mange muligheder. Det var overvældende og distraherende for brugerne.
en af de bedste måder til hurtigt at forbedre konvertering af websiteebstedsdesign er ved at grøfte de funktioner, der forringer brugeroplevelsen.
Karruselskydere er et perfekt eksempel. De bruges ofte til at fremvise flere forskellige ting på .n gang.
men den alsidighed kommer ofte til en pris. Test har vist, at de skader konverteringer, SEO og sideindlæsningstider.,
se den lave klikprocent i ovenstående billede? Det er ikke et godt tegn.faktisk er det hele grunden til, at jeg skabte Cra .y Egg. Hvis du kan se, at brugerne ikke klikker på, hvad de skal, kan du ændre designet, før det er for sent.
de bedste hjemmesider tager højde for brugeroplevelsen.
Her er nogle af mine foretrukne hjemmeside designs. Du kan begynde at kopiere dem for at få lignende resultater.
Bills.com
den første store tendens til at fremhæve er ‘hjemmeside som en destinationsside.,’
det giver meget mening, når du tænker over det.
dit ultimative mål er at øge kundeemner og salg. Den’ online brochure ‘ hjemmeside har været død og gået i årevis.
den vanskelige del er at kende den bedste tilgang til at generere kundeemner på hjemmesiden, så du ikke skræmmer alle væk og tvinger dem til at hoppe.
for eksempel er det meget at bede helt nye besøgende, der aldrig engang har hørt om dig at købe noget stort produkt.
så i stedet har du brug for en enklere, mindre invasiv tilgang til i sidste ende at få det, du vil have.
og det er derfor jeg elsker hvad Bills.com gør.,
For eksempel, hovedet over til deres websted, og du vil se følgende skyder:
Nu kan du interaktivt glide frem-og-tilbage at vælge den gæld, beløb, du måtte skylde. Det er så simpelt, at et barn kan gøre det.
det er også den eneste mulighed, de giver dig hidtil! På den måde føler du dig ikke overvældet eller bliver distraheret.
Når du har klikket på “Fortsæt”, spørger de dig, om du er bagud med betalinger eller ej (og i bekræftende fald hvor længe).
de kvalificerer dig her., Hvis du ikke er bagud på betalinger, kan de muligvis ikke hjælpe dig meget (Læs: Tjen penge fra dig).
de kan bruge dette spørgsmål til at tilpasse det Svar, de til sidst vil give dig. Det kan endda hjælpe internt med at opdele, hvilken person eller afdeling der er bedst til at håndtere din sag, hvis du bliver kunde.
det næste trin er at vælge, hvilken tilstand du bor i:
endnu en gang kvalificerer dette dig yderligere og rejser også eventuelle problemer med statsbegrænsninger (som de muligvis skal håndtere senere).,
det allerførste trin er det, de ønskede hele tiden: dine personlige oplysninger!
KlientBoost kalder dette for “Breadcrumb Teknik,” fordi i stedet for at skræmme folk væk med den oprindelige form, du får dem til at gøre lidt micro forpligtelser.
hvert mikroengagement tager dem lidt længere, indtil de allerede er så investerede, at de skal afslutte processen.hvis de for eksempel ville have bedt om dit navn og telefonnummer foran, kunne det have skræmt dig.,
men ved at få dig til at forpligte sig til disse andre trin først, giver de sig selv et bedre skud på i sidste ende at konvertere dig til en ny kunde.KlientBoost har med succes brugt denne teknik til at øge konverteringsfrekvenserne fra 1% til næsten 20%.
tricket med disse multi-step destinationssider er at starte med det mindst truende spørgsmål muligt.
det skal relateres til, hvordan du i sidste ende vil hjælpe dem. Imidlertid, det skal være utroligt enkelt for nogen at give.,
det er klart, at der skal være nul omtale af pris eller deres personlige data på dette tidspunkt.
det kan endda være så simpelt som at bede om et Postnummer.
det næste trin bliver lidt mere specifikt og antyder på det serviceniveau, de har brug for.
når du har fået dem til at forpligte sig til de første to trin, kan du få et par mere personlige spørgsmål til at følge op med dem bagefter.
du vil bemærke det Bills.com bruger også interaktivt indhold til at holde dig engageret på deres siteebsted.
q..r er et værktøj, som du kan bruge til at få dette til at ske på dit eget siteebsted., De har allerede præ-bygget ‘wididgets’, der kan setup i et par minutter (i modsætning til at betale en udvikler til custom gøre det for dig).Victoria ‘s Secret bruger en, der spørger” Hvad er din fitness persona?”Food Net asksork spørger,” kan vi gætte din alder baseret på dine madpræferencer?”
i hvert tilfælde bruger disse mærker et sjovt spørgsmål, der får dig forlovet. Der er nul trussel i at besvare disse spørgsmål i første omgang.et andet alternativt værktøj er SnapApp., De skaber også interaktive regnemaskiner og endda infografik, som folk kan pege, klikke og justere for at se nye resultater.
Her er et sjovt eksempel på, hvor forgæves din markedsføring er, der får dig til at besvare spørgsmål på en Flo .chart-måde.
en sidste værktøjsanbefaling er Brackify. Det navn lyder som “beslag”, ikke?
Nå, det er præcis punktet! Du kan oprette interaktive parenteser eller konkurrencer til næsten alt, og lade kunder eller besøgende komme ind på handlingen.,
Her er hvad der kunne se ud, hvis nogen spurgte, hvad din yndlings Disney film er:
Kiva
Kiva er en microlending platform.
de forbinder iværksættere i tredjelande med donorer og sponsorer fra andre dele af verden.lad os sige, at en iværksætter i Indien har brug for $1.000 til en ny kommerciel symaskine, så de kan producere og sælge dobbelt så mange produkter.,
Så folk fra hele verden kan donere i små mængder, og så få betalt tilbage i løbet af et år eller to ud af den nye pengestrøm, denne iværksætter er i stand til at generere.
Kivas hjemmeside er relativt grundlæggende, for at være ærlig.
men som vi har set, er det OK!enkel og direkte kan holde folk fokuseret på, hvad der er vigtigt (giver dig deres info i bytte for noget af værdi).,
problemet er, at mens folk måske besøger din hjemmeside og er interesseret i, hvad du gør, er der ikke altid en overbevisende grund til at kickstarte processen.
Nogle gange skal du være lidt mere aggressiv eller selvsikker for at fortælle dem om den fantastiske værdi, de kan få.
i dette tilfælde besluttede Kiva at bruge et popup-overlay til blot at få e-mail-nyhedsbrev-opt-ins.
de ønskede at starte små (og ikke bruge noget truende som vi lærte i det sidste trin).,så Kiva gik med en simpel e-mail-mulighed for i det mindste at få noget fra nogen, før de sprang og forlod theebstedet.
Her er, hvordan det nye tilbudsoverlay så ud:
overlejringer som dette er vanskelige at trække af.nogle målgrupper hader dem selvfølgelig. Men det kan betale enorme udbytter, hvis du placerer dit indhold og tilbyder godt.
Du kan også styre, hvordan eller hvornår det vises. For eksempel kan du beslutte at kun udløse det til nye besøgende (vs. tilbagevendende) og kun når deres markør begynder at bevæge sig ud af vinduet.,
Disse vil ofte skabe en ‘lightbox’ effekt, at de understreger alt andet i baggrunden, så at folk kigger lige på dit nye udbud.
Her er endnu et eksempel på en jeg bruger til kommende webinarer:
Der vil altid være en procentdel af dit publikum, der hader disse ting.
så du skal være forsigtig med, hvordan du bruger dem. (Du skal også passe på designfejl, der også vil ødelægge din SEO.)
resultaterne kan dog ofte være risikoen værd.,
Kiva besluttede at opdele test dette overlay for at se, hvordan deres eget publikum reagerede.
de hooked op Unbounce med MailChimp (for eventuelle e-mail opt-ins) og besluttede at vise den nye overlay til kun 50% af trafikken i første omgang. Det kom ud til omkring 5.000 besøgende.
bare det enkelte overlay fangede en ekstra 3-4% af de besøgende lige uden for flagermus.
opmuntret, Kiva holdt iteration med bedre design og forskellige muligheder for at fordoble dette tal til 6-7%.
ikke dårligt for en “irriterende” pop up, ikke?
H. Bloom
Hvad er H. Bloom?,
de er en luksus blomst leveringsservice. Du kan fortsætte, slå i dine præferencer, og de vil tage sig af resten.
så de er perfekte til den overarbejdede iværksætter at aldrig glemme deres kære.
lad os tage et hurtigt kig på deres hjemmeside, og så fortæller jeg dig, hvorfor jeg kan lide det så meget:
først og fremmest har de deres form over folden.
det gør målet med denne side klart lige uden for flagermus. Dine kunder ramte denne side, og de behøver ikke at gætte om, hvad de skal gøre næste.,
den form, der er front-and-center holder tingene godt og klart.
de fleste besøgende på websiteebstedet har en tendens til at koncentrere det meste af deres opmærksomhed over folden stadig (selvom de bliver mere vant til at rulle ned).
den nemmeste måde at forbedre din leadgenereringsformoptimering er at holde din CTA i det normale øjenmønster, som folk allerede bruger.for eksempel blev der foretaget en undersøgelse for mange år siden, der spores, hvordan og hvor folks øjne spores, når de rammer din side. De fandt, at folk har en tendens til at scanne dit websiteebsted i en “f” – form.,
så den første del af H. Blooms hjemmeside fortæller straks læseren, hvad de skal gøre på siden.
og derefter forklarer det næste afsnit i midten nøjagtigt, hvordan deres proces fungerer.
Det logisk, trin-for-trin progression hjælper folk til at forstå, hvad der forventes af dem, og hvor svært eller tidskrævende noget som dette, er ved at være.,
det er kritisk, fordi det straks sætter forventninger og overvinder den potentielle indsigelse om, at det kan være for tidskrævende at komme i gang.
det virker på samme måde som en statuslinje.for eksempel har statuslinjer mulighed for at øge konverteringer med 28%, fordi de hurtigt forsikrer seeren om, at der ikke er meget tilbage for dem at gøre for at få deres ‘belønning.’
min sidste favorit stykke af denne side er den subtile pil bruges som en visuel cue til at hjælpe overgang seere fra et afsnit til det næste.,
Det er en lille detalje, men det hjælper med at give brugere den besked at fortsætte med at læse nedad siden, især hvis de er endnu ikke klar til at udfylde skemaet og komme i gang ASAP.
Basecamp
Før Basecamp var “Basecamp”, var de 37Signals med flere forskellige software produkter.
og i årenes løb har de konstant gentaget for at se, hvad der fungerer bedst til at køre nye gratis prøveversioner.,
Her er et af deres nuværende hjemmeside variationer, der bruger en klassisk copywriting teknik, der har eksisteret i årtier:
Læs den første linje af at side rigtig hurtig.
“din virksomhed vokser, og du er oversvømmet. Den måde, du arbejder på, virker ikke længere.”
de fortsætter med at liste nogle af de forskellige problemer og problemer, som du (overarbejde virksomhedsejer) sandsynligvis forventer.
Dette er et lærebogseksempel på PAS copy .riting-teknikken., Sådan fungerer det:
- Problem: du skærer hurtigt til hjertet af sagen ved klart at bekræfte det vigtigste problem, som din udsigt er imod (f.eks. “du er oversvømmet.”).
- Agitate: så skifter du til at navngive alle de forskellige smertepunkter og symptomer, de i øjeblikket oplever som følge af dette problem (f.eks.).
- løsning: nu præsenterer du din løsning som Frelseren, der vil fjerne alle disse problemer for dem (f “”Det er tid til Basecamp.”).,
Her er et andet hurtigt kig på den hjemmeside nu, hvor du kan identificere den formel, de følger.
for mange virksomheder ønsker at starte direkte ind i funktionerne og fordelene ved deres produkt på hjemmesiden.
problemet med det er, at dine besøgende ikke er helt der endnu.
disse mennesker genkender muligvis ikke de samme problemer i deres liv, så den ‘løsning’, du sælger dem, resonerer ikke med dem. De forlader dit siteebsted uden at konvertere som et resultat!,
du vil også bemærke, at denne hjemmeside er teksttung, hvilket er usædvanligt sammenlignet med nogle andre soft .are websebsteder.
det er et andet trick, de har lært efter at have testet forskellige versioner i de sidste par år.for mange år siden testede de en klassisk langformet destinationsside og så oprindeligt et stort spring i konverteringer (37, 5%).
de var dog stadig ikke tilfredse og troede, at de kunne gøre det bedre.
så de prøvede en anden test, men denne gang ved hjælp af en kundeanmeldelse mod det originale design.,
kunden kom ud på toppen med en konverteringsforøgelse på 102%.
de fulgte derefter dette op med endnu en test for at se, om kopi længde havde noget at gøre med resultaterne. (Svar: det gjorde det ikke.)
så du kan se, at de stadig holder sig til et teksttung format generelt. Det er dog ikke nødvendigvis længden af den kopi, der gør en forskel.
i stedet kommer det hele ned på de specifikke ord, der bruges, og den smarte formel for at sikre, at deres kunder ved nøjagtigt, hvilke problemer Basecamp løser.,
MailChimp
hjemmesiden til e-mail-marketingsoft .arevirksomheden, MailChimp, præsenterer en af de bedste lektioner i, hvordan man designer en hjemmeside, der konverterer.
Men på første blush, det ser ikke ud af meget:
En af de første ting du vil bemærke er, at der er en enkelt knap over folden.
Der er bogstaveligt talt intet andet at klikke her!faldende muligheder og valg har vist sig at hjælpe med at forbedre konverteringsfrekvenserne., Ideen er, at jo flere beslutninger du tvinger besøgende til at tage, jo længere tid tager det dem at beslutte, hvad de skal gøre (hvis noget).
Mailchimps hjemmeside tilbyder også en lektion i hvidt rum (eller negativt rum).
For eksempel har vi alle forsøgt at læse et blogindlæg på et websiteebsted, kun for at føle, at det er for ‘trangt’ eller rodet. Det er et massivt rødt flag, som dit blogdesign stinker!
i stedet skal en veldesignet side være åben og luftig som MailChimp ‘ s.
det negative rum omkring din primære CTA hjælper med at øge dens betydning på siden., Så folk er næsten tvunget til at være mere opmærksomme på det.
lad os rulle lidt ned på siden og se, hvordan de spiller med vandret afstand for også at monopolisere din opmærksomhed.
de bruger et fotograferingstrik kaldet “reglen om tredjedele”, der siger, at du skal placere de vigtigste sideelementer midt i dine krydsstole.
Indholdet i det afsnit af hjemmesiden er off-centreret af en grund! Det ender med at forme eller kontrollere, hvordan de vil have dig til at se sidens indhold i rækkefølge af betydning.,
På den måde kan de hjælpe dig med at prioritere et sidehierarki, der siger “Dette er option #1, Dette er option #2 osv.”
konklusion
de bedste hjemmesider På Nettet i dag kan have forskellige mål.
Der er dog altid en stor, de kommer tilbage til. Leadgenerering.
alle hjemmesider i dag har brug for at sælge.
det betyder ikke, at de skal få folk til at købe med det samme. Men det behøver at komme til dette punkt i sidste ende.
de bedste hjemmesider bruger forskellige faktorer, fra interaktive funktioner til design, til subtilt at instruere brugeren, hvad de skal gøre næste.,
tro det eller ej, dette bør være i den besøgendes bedste interesse, også.
det hjælper med at forenkle deres liv ved at tage færre beslutninger, samtidig med at de får dem til den tilsigtede destination hurtigere (så de kan løse problemet eller smertepunktet, de oplever).
Hvad er dit foretrukne hjemmesideeksempel, og hvad elsker du ved det?
væk din trafik