6 kirjautumissivun Suunnittelukäytäntöjä Kitkattomille lomakkeille
markkinoijana haluat luultavasti ajatella ymmärtäväsi hyvin tulevaisuudennäkymäsi — keitä he ovat, miten he käyttäytyvät jne. Joten jos joku heistä vieraili sivustollasi tai kirjautumissivullasi, mitä luulet heidän tekevän seuraavaksi?
luultavasti ilmoittaudu palvelukseesi, eikö?
näin ei aina ole, eräs merkki totesi. Heille, jotain välillä, että CTA ja niiden ”kiitos” sivu aiheutti liiketoiminnan menettää lähes neljännes sen potentiaalisia asiakkaita.
heidän rekisteröitymissivullaan oli ongelma.
Rakenna aloitussivut Instapagella ➔
mikä on rekisteröitymissivu?
Rekisteröitymissivut, jotka tunnetaan myös nimellä ”rekisteröintisivut”, eivät ole kaikki samanlaisia. Jotkut ovat PPC post-click aloitussivuja; toiset on linkitetty kotisivulle navigoinnin kautta-jotkut ovat jopa Kotisivu. Erilaisuudestaan huolimatta niillä kaikilla on sama tavoite: luoda palveluun rekisteröitymisiä.
monissa tapauksissa rekisteröitymissivu on yrityksen muuntosuppilon viimeinen vaihe. Siellä näkymät navigoida kun he ovat arvioineet tuotemerkin ja päätti sen palvelu tarjoaa mitä he tarvitsevat.
tämän vuoksi rekisteröitymissivuilla keskitytään vähemmän kääntymismahdollisuuden taivutteluun ja enemmän sen tekemiseen liittyvän kitkan minimoimiseen. Että keskittyä käytettävyys tarkoittaa muita perinteisiä post-click Aloitussivun elementtejä, kuten sosiaalinen todiste, suosittelut, ja huomiota herättävä media ottaa takapenkille.
katso alla olevaa Shopify-palvelun kirjautumissivua, joka ponnahtaa kotisivun päälle, kun klikkaat ” aloita.”
se on oikeastaan vain lyhyt muoto. Ja, kuten näet hieman myöhemmin, useimmat kirjautumissivut on rakennettu samalla tavalla, jossa ei ole muuta kuin otsikko, muutama lomakekenttä ja call-to-action.
mutta vaikka monet on suunniteltu niin, se ei tarkoita, että se olisi oikea tapa. Onnistuneen kirjautumissivun luominen on enemmän kuin häiriötekijöiden poistaminen ja lomakekenttien vähentäminen. Tehtävä on kaksijakoinen.
luodaksesi maksimaalisen rekisteröitymisen, sinun on minimoitava rekisteröitymisen vaiheet ja samalla otettava kaikki irti harvoista elementeistä, joita käytät. Tässä muutamia vinkkejä ja oivalluksia asiantuntijoilta.
käytä hyötykeskeistä otsikkoa
siinä vaiheessa, kun mahdollisuus saapuu kirjautumissivullesi, he ovat useimmissa tapauksissa jo arvioineet palvelusi ja määrittäneet sen sopivan heidän tarpeisiinsa. Eikö sinun pitäisi muistuttaa heitä siitä, miksi he ovat siellä?
alla Copyblogger käyttää sosiaalista varmuutta osoittavaa täytettyä otsikkoa vakuuttaakseen käyttäjät rekisteröitymään, ja yllä Shopify muistuttaa prospects-sivuston mukaan heidän kokeilunsa on ilmainen 14 päivän ajan.
yksinkertainen on hyvä, mutta jos sinulla on tilaa vahvistaa USP: tä otsikolla, tee se. On mahdollista, että se vaikuttaa käännytyksiin myönteisemmin kuin kielteisesti.
tee kaikki tarvittavat kentät
tässä vinkissä ei niinkään vaadita vierailijoita täyttämään lomakettasi, vaan enemmänkin varmistamaan, että olet valinnut oikeat kentät. Tällä tarkoitamme, jos olet määrittänyt lomakkeen kenttä on valinnainen, et tarvitse, että pala tietoa allekirjoittaa näköpiirissä.
esimerkiksi Grouponin kaltaisen palvelun täytyy tietää sijaintisi kirjautumisessa tarjotakseen sinulle merkityksellisiä tarjouksia ja kuponkeja. Mutta, sijainti ei ole ratkaiseva pala tietoa Instapage tietää asiakkaistaan, minkä vuoksi emme pyydä sitä rekisteröinnin aikana.
jos sinun ei todellakaan tarvitse tietää mahdollisuutesi yritystä, heidän asemaansa tai kuinka monta työntekijää heillä on, älä kysy. Mitä vähemmän työtä heidän on tehtävä, sen parempi.
lomakkeet, joita pitää harkita
jotkut lomakkeet, jotka harkitsevat konsolidointia/eroon pääsemistä:
- käyttäjätunnus:tarvitsevatko käyttäjät todella käyttäjätunnuksen rekisteröityäkseen? Tai voit vain kysyä heidän sähköpostinsa, ja anna heidän määrittää käyttäjätunnuksensa, kun he ovat kirjautuneet sisään?
- Vahvista salasana: Tämä kenttä on vanhentunut ja tarpeellinen vain salasanan peittämisen vuoksi, joka on toinen epäkäytännöllinen tekniikka.
Salasanamaskaus on tekniikka, joka saa jokaisen kirjaimen näyttämään samanlaiselta luodilta, kun se on syötetty muotoon. Se antaa vaikutelman ylimääräisestä turvallisuudesta, mutta ainoa asia, jolta se todella suojaa, on se, että ihmiset kurkistelevat olkasi yli.
kysy itseltäsi: ovatko minun prospects todella luoda salasanansa tungosta julkisessa ympäristössä? Tuskinpa.
sen sijaan, että käyttäisit ”Vahvista salasana” – kenttää, Salli käyttäjien nähdä, mitä he kirjoittavat poistamalla alkuperäinen ”salasana” – kenttä tai käyttämällä ”Näytä / piilota” – ominaisuutta, kuten MailChimp tekee kirjautumissivullaan:
- etu-ja sukunimi: harkitse etunimen ja sukunimen yhdistämistä yhdeksi ”koko nimi” – kentäksi. Tai Kysy etunimeä. Hemmetti, ehkä jopa ajatella hankkiutuvansa siitä kokonaan eroon.
useissa alla olevissa esimerkeissä (Buffer, Asana, Crazy Egg) rekisteröitymissivut eivät kysy nimeä heti, vaan antavat muunnettujen asiakkaidensa syöttää tiedot, Kun he ovat kirjautuneet alustalle.
- käyttäjäsopimus: sen sijaan, että laittaisit käyttäjäsi klikkaamaan valintaruutua, jossa he ilmoittavat hyväksyvänsä käyttöehtosi, harkitse CTA: n yläpuolella olevan viestin lisäämistä samalla tavalla kuin LinkedIn tekee alla. Siinä todetaan, että muuntamalla käyttäjä automaattisesti suostuu.
Rakenna aloitussivut Instapagella ➔
jos ehdottomasti tarvitset kaiken tuon tiedon, pyydä sitä vaiheittain
katso, joskus todella tarvitset paljon tietoa uuden käyttäjän rekisteröimiseksi. Rekisteröinnit, jotka vaativat paikan päällä maksamista, edellyttävät pitkiä lomakkeita arkaluonteisten tietojen, kuten laskutusosoitteen ja luottokortin numeron, tallentamiseksi. Kun näin tapahtuu, harkitse hajottaa rekisteröintiprosessin alas useisiin vaiheisiin.
Formstack-sivuston raportti osoittaa, että viime vuonna monisivuiset rekisteröintilomakkeet ylittivät yksisivuiset yli 9%:
miksi?
monisivuiset lomakkeet tekevät muuntamisesta vähemmän ylivoimaista erottamalla prosessin useisiin lyhyisiin vaiheisiin. Enemmän sivuja tarkoittaa enemmän tilaa isommille fonteille, pidemmille kentille ja kuvaileville merkinnöille, jotka eivät välttämättä mahdu lyhyempään muotoon. Lisäksi, monisivuinen kirjautumiset yleensä mukana kätevä edistymispalkki, jonka avulla käyttäjät tietävät, kuinka pitkällä he ovat rekisteröinnin.
muista: jos voit lyhentää lomakettasi poistamalla muutaman kentän, lyhennä sitä. Jos et pysty, älä yritä saada sitä näyttämään lyhyemmältä sullomalla kaikkea pieneen tilaan. Sinun vain sotkua sivu ja hukuttaa teidän mahdollisuus.
harkitse modaalisen ikkunan käyttöä
niille, joilla on nopea rekisteröitymisprosessi, kuten Canva, modaalinen ikkuna tarjoaa muutamia etuja.
suunnittelija Joshua Johnson kertoo, miksi:
ne päällekirjoittavat nykyisen sisällön sen sijaan, että ne veisivät sinut toiselle sivulle. Jotenkin se on vähemmän huolestuttavaa kuin se, että sinut viedään jonnekin uuteen, mikä tuntuu keskeytykseltä. Himmentämällä kotisivun grafiikkaa ja tuomalla modaalisen merkin rekisteröintilomakkeen, saat tunteen, että prosessi on nopea ja kivuton ja että palaat selailuun hetkessä.
aikana, jolloin Internetin käyttäjät ovat kärsimättömämpiä kuin koskaan, on hyvä käytäntö antaa heille vaikutelma, että he palaavat selailemaan hetkessä.
Rakenna aloitussivut Instapage ➔
Enable social autofill
lähes jokaisessa alla olevassa rekisteröitymissivun esimerkissä huomaat social autofill-painikkeet. Näiden avulla käyttäjät voivat ohittaa lomakkeen yhdellä napsautuksella tuomalla asiaankuuluvia henkilökohtaisia tietoja, jotka he ovat jo lähettäneet sosiaalisiin verkostoihin.
Formstack havaitsi, että sisällyttämällä tämän ominaisuuden käyttäjät pystyivät tuottamaan 189% korkeamman Formin muunnoksia. Lisäksi 86% ihmisistä sanoo, että uusien käyttäjätilien luominen eri verkkosivustoille on hankalaa. Kun tavoitteena on tehdä muuntamisesta mahdollisimman helppoa, sosiaalisen autofillin hyödyntäminen on helppoa.
Ojenna paikkateksti
muuttaaksesi, vierailijoiden on osattava täyttää lomake. Mutta, käyttämällä paikkamerkki teksti ei ole paras tapa näyttää heille.
Nielsenin Normanniryhmän mukaan vaaleanharmaan tekstin lisääminen lomakkeisiin on mahdollista:
- rasittaa käyttäjien lähimuistia. Kun he alkavat kirjoittaa ja harmaa teksti katoaa, he ajattelevat itsekseen, ” kuinka monta merkkiä salasanassani pitää olla taas?”
- Make your form fields invisible. Tyhjät lomakekentät ovat itse asiassa näkyvämpiä näkymien perusteella kuin paikkamerkinnät.
- ärsyttää lomakkeella tailaavia käyttäjiä. Ne, jotka täyttävät lomakkeen nopeasti ”tab” – painikkeella, eivät ehdi lukea selitystekstiä ennen kuin se katoaa.
- hämmentää kävijöitä. He saattavat erehtyä luulemaan paikkamerkintätekstiä automaattisesti täytetyksi tiedoksi.
sekaannusten välttämiseksi jokaisen kentän yläpuolella on merkintä, joka kertoo kävijöille tarkalleen, mitä heidän tulee sisällyttää siihen. Paikkamerkki teksti luo vain lisää kitkaa rekisteröintisivullasi.
Rakenna aloitussivut Instapagella ➔
miten ammattilaiset rakentavat rekisteröitymissivut
nyt kun tiedät mitä sisällyt rekisteröitymissivullesi, katsotaan miten ammattilaiset rakentavat omansa.
tämä LinkedIn-kirjautumissivu on napsautuksen jälkeistä Aloitussivun lajiketta. Se on itsenäinen, eli se ei ole yhteydessä yhtiön verkkosivuille navigoinnin kautta — ei edes logossa.
lomakkeen yläpuolella otsikko voisi välittää vahvemman hyödyn. Siinä neljä kenttää pitää kitkan matalana. Tosin yhdistämällä etu-ja Sukunimet yhdeksi ”koko nimi” – kentäksi tuo kitka saataisiin vielä pienemmäksi.
jokaisen tekstiruudun päällä harmaalla kirjaimella prospektit saavat tietää, mitä heidän pitäisi kirjoittaa, ja ”Salasana” – kentän yläpuolella merkintä on vielä tarkempi. Vaikka, että” salasana ” kenttä ei noudata parhaita käytäntöjä näyttämällä identtisiä luoteja jokaisen kirjaimen näköpiirissä tyyppejä.
viimeisen lomakekentän alla oleva harmaa kirjainlyhenne antaa kävijöille tiedon, että klikkaamalla ”Join Now” he hyväksyvät LinkedInin käyttäjäsopimuksen, tietosuojakäytännön ja evästekäytännön. Tämä säästää mahdollisuus ylimääräinen askel ottaa napsauttamalla opt-in-ruutuun suostumus.
call-to-actionissa sana ” nyt ” korostaa, että kun käyttäjä napsauttaa CTA-painiketta, hän on heti osa verkkoa. Mitä itse nappiin tulee, se voisi poksahtaa vähän enemmän, vai mitä? Erilainen tausta tai painikkeen väri saattaa kiinnittää enemmän huomiota siihen, missä käyttäjän täytyy klikata liittyäkseen.
sen alapuolella” Jatka Facebookilla ” – painike tehostaa koko prosessia. Jos sinulla on profiili maailman suurimmassa yhteisöpalvelussa, napsauta tätä painiketta, jotta autofill täyttää lomakkeen sinulle käyttämällä tietoja, jotka olet jo jakanut Facebookille.
Copyblogger
tässä kirjautumissivu, joka on enemmän kuin pelkkä lomake. Ensimmäinen asia, jonka prospektit todennäköisesti huomaavat, on se jättimäinen, yhteiskunnallisesti kestävä otsikko. Käännetty, se sanoo, ” Jos olemme tarpeeksi hyviä 334,000 markkinoijat, olemme tarpeeksi hyviä sinulle liian.”
se hyödyntää myös ilmiötä, joka tunnetaan yleisesti nimellä ”FOMO”, joka tarkoittaa ” ulkopuolisuuden pelkoa.”Kukaan ei halua menettää etumatkaa, joka 334000: lla heidän alallaan on.
sen alla oleva esikatselu kaikesta vapaasta arvokkaasta sisällöstä, jonka prospektit saavat rekisteröitymisen jälkeen, houkuttelee heitä täyttämään tämän lomakkeen. Itse muoto voisi kuitenkin olla paremmin suunniteltu.
poistamalla ”re-enter password” – kentän ja tiivistämällä etu-ja sukunimen” full name ” – muotoon Copyblogger saattoi vähentää tekstiruutujen määrää 5: stä 3: een ja vastaavasti kirjautumisen aiheuttaman kitkan määrää. Sen sijaan, että ”re-enter password” kenttä, Näytä / piilota vaihtoehto voidaan varmistaa tarkkuus syötettäessä salasana.
kitkan vähentämiseksi entisestään kunkin kentän merkinnät tulisi sijoittaa sen sijaan edellä. Juuri nyt, että harmaa kirjain katoaa, kun prospects klikkaa tekstikenttään, joten se on helppo unohtaa, mitä he kirjoittivat.
kaiken kaikkiaan, vaikka muutama puute lomakkeessa ja pari lähtevää linkkiä saattavat vahingoittaa tuloksia tällä kirjautumissivulla, Copybloggerin ilmainen sisältö on liian arvokasta jätettäväksi väliin.
Crazy Egg
ensinnäkin yritys, joka kutsuu itseään ”alansa johtajaksi”, on kuin kahvila, joka kutsuu kahviaan maailman parhaaksi. Monet sanovat sen, mutta harvat voivat todistaa sen. Sen sijaan, että kutsuisit itseäsi parhaaksi, tue väitettäsi tilastolla tai siteeraamalla tunnettua asiakasta, joka uskoo sinun olevan.
otsikon alla on kuva, joka ennakoi Crazy Eggiä käyttäessäsi saamasi oivalluksen, ja kuvan oikealla puolella kolme riviä kopiota selittää, mikä tuo oivallus on ja mitä sillä voi tehdä.
tässä superlyhytmuodossa kitka on minimaalinen. Otsikossa korostetaan, että oikeudenkäynti on ilmainen, nappi ponnahtaa valkoiselle taustalle ja kutsu toimintaan on kirjoitettu ensimmäisessä persoonassa. Tällä hetkellä ainoa asia, joka estää tätä lomaketta olemasta kivuton, on häiritsevä harmaa paikkateksti jokaisessa kentässä.
sen alapuolella sosiaalinen todiste tunnistettavien asiakaslogojen muodossa ja teksti ”yli 200,000 businesses convert better with Crazy Egg” lisää tämän kirjautumissivun vakuuttavuutta.
kaiken kaikkiaan tämä sivu tekee käännyttämisestä kävijöille tuulahduksen.
Rakenna aloitussivut Instapagella ➔
Buffer
kun klikkaat puskurissa ”rekisteröidy ilmaiseksi”-kutsupyyntöä.com, Kotisivu muuttuu kirjautumissivuksi ottamalla käyttöön lyhyen ponnahduslomakkeen ja tummentamalla ympäröivän sisällön.
kyseisessä ponnahdusikkunassa muuntamisprosessi on yksinkertainen-napsauta yhtä kolmesta sosiaalisesta kirjautumispainikkeesta ohittaaksesi lomakkeen, tai syötä sähköpostiosoite ja salasana. Joka tapauksessa kitka on minimaalista. Ainoa tapa tämä lomake voisi olla helpompi täyttää? Hankkiudu eroon siitä häiritsevästä tekstistä.
Asana
tällä sivulla asanasta ilmoittautuminen kestää korkeintaan kaksi klikkausta. Kun Google kirjautuminen ominaisuus, se voisi kestää niin vähän kuin yksi.
lomakkeen yläpuolella oleva lause kertoo, miten lomake täytetään, jopa mihin sähköpostiin kannattaa ilmoittautua.
suoraan sen alapuolella on kuitenkin harmaalla paikkatekstillä täytetty lomakekenttä, joka häiritsee käyttäjää. Mutta estääkö se ihmisiä ilmoittautumasta? Tuskinpa. Tämä lomake on lähes kitkaton ja helppo täyttää.
Aloita optimoidun kirjautumissivun luominen Instapage-ohjelmalla, pyydä Instapage-yritysdemo tänään.