6 registrace stránky Design postupy pro Frictionless formulářů

jako obchodník, pravděpodobně chtěli myslet, že jste pochopili své vyhlídky dobře-kdo jsou, jak se chovají, atd. Takže pokud jeden z nich navštívil váš web nebo registrační stránku, co si myslíte, že by udělali dál?

pravděpodobně se zaregistrujte pro svou službu, že?

to není vždy případ, jak zjistila jedna značka. Pro ně, něco mezi touto CTA a jejich stránkou „děkuji“ způsobilo, že podnik ztratil téměř čtvrtinu svých potenciálních zákazníků.

došlo k problému s jejich registrační stránkou.

Vytvořte vstupní stránky pomocí Instapage co je registrační stránka?

registrační stránky, známé také jako „registrační stránky“, nejsou všechny stejné. Některé jsou vstupní stránky PPC po kliknutí; jiné jsou propojeny s domovskou stránkou pomocí navigace-některé jsou dokonce domovskou stránkou. Přes jejich rozdíly, všichni sdílejí stejný cíl: generovat registrace pro službu.

v mnoha případech je registrační stránka posledním krokem v konverzním trychtýři firmy. Je to místo, kde se vyhlídky orientují poté, co vyhodnotili značku a rozhodli se, že její služba nabízí to, co potřebují.

z tohoto důvodu se registrační stránky zaměřují méně na přesvědčování vyhlídky na konverzi a více na minimalizaci tření, které se na tom podílí. Toto zaměření na použitelnost znamená, že další tradiční prvky vstupní stránky po kliknutí, jako je sociální důkaz, posudky, a média přitahující pozornost, se posadí na zadní sedadlo.

stačí se podívat na registrační stránku Shopify níže, která se po kliknutí na tlačítko „Začínáme“ objeví na domovské stránce.“

tento obrázek ukazuje registrační stránku Shopify a jak ji optimalizují pro nové zákazníky s kontrastním CTA, krátkým formulářem a použitím zdarma v nadpisu.

je to opravdu jen krátká forma. A, jak uvidíte o něco později, většina registračních stránek je postavena stejným způsobem, představovat nic víc než Nadpis, několik polí formuláře, a výzva k akci.

ale to, že mnoho z nich je navrženo tímto způsobem, neznamená, že je to správná cesta. Vytvoření úspěšné registrační stránky je více než jen odstranění rozptýlení a zmenšení polí formuláře. Úkol je dvojí.

Chcete-li generovat maximální registrace, musíte minimalizovat kroky spojené s registrací a současně co nejlépe využít několik prvků, které používáte. Zde je několik tipů a postřehů od odborníků.

použijte Nadpis zaměřený na výhody

v době, kdy vyhlídka dorazí na vaši registrační stránku, ve většině případů již vyhodnotili Vaši službu a určili, že vyhovuje jejich potřebám. Ale, znamená to, že byste jim neměli připomínat, proč tam jsou?

níže Copyblogger používá sociální-důkaz-plněné titulek přesvědčit uživatele, aby se zaregistrovat, a výše, Shopify připomíná vyhlídky jejich zkušební verze je zdarma po dobu 14 dnů.

jednoduché je dobré, ale pokud máte prostor pro posílení vašeho USP nadpisem, udělejte to. Je pravděpodobné,že to bude mít pozitivnější dopad na konverze než negativní.

proveďte všechna požadovaná pole

tento tip je méně o tom, že návštěvníci požadují vyplnění formuláře, a více o tom, zda jste vybrali správná pole. Tím máme na mysli, pokud jste zjistili, že pole formuláře je volitelné,nepotřebujete tuto informaci k přihlášení vyhlídky.

například služba jako Groupon potřebuje znát vaši polohu při registraci, aby vám mohla nabídnout relevantní nabídky a kupóny. Umístění však není rozhodující informací o tom, aby Instapage věděl o svých zákaznících, a proto o to při registraci nepožadujeme.

pokud opravdu nepotřebujete znát společnost vašeho vyhlídky, jejich pozici nebo kolik zaměstnanců mají, pak se neptejte. Čím méně práce musí udělat, tím lépe.

pole formuláře zvážit

některá pole formuláře zvážit konsolidaci / zbavit se:

  • uživatelské jméno: potřebují vaši uživatelé k registraci uživatelské jméno? Nebo můžete jen požádat o jejich e-mail a nechat je určit své uživatelské jméno, jakmile se přihlásí?
  • potvrďte heslo: toto pole je zastaralé a nezbytné pouze kvůli maskování heslem, což je další nepraktická technika.

maskování heslem je technologie, díky které každé písmeno vypadá jako identický odrážka, když je zadáno do formuláře. Působí to dojmem extra bezpečnosti, ale jediná věc, před kterou opravdu chrání, jsou lidé, kteří vám vykukují přes rameno.

zeptejte se sami sebe: opravdu moje vyhlídky vytvářejí svá hesla v přeplněném veřejném prostředí? To není pravděpodobné.

místo použití pole „Potvrdit heslo“ umožněte uživatelům vidět, co píšou, odmaskováním původního pole „heslo“ nebo pomocí funkce „Zobrazit/skrýt“, jak MailChimp dělá na své registrační stránce:

tento obrázek ukazuje, jak registrační stránka MailChimp používá krátký formulář a Zásady ochrany osobních údajů ke zvýšení nových registrací.

  • jméno a příjmení: zvažte sloučení křestního jména a příjmení do jednoho pole“ Celé jméno“. Nebo, stačí požádat o křestní jméno. Sakra, možná dokonce přemýšlejte o tom, jak se toho úplně zbavit.

v několika níže uvedených příkladech (Buffer, Asana, Crazy Egg) přihlašovací stránky nepožadují jméno okamžitě, ale nechávají své převedené zákazníky zadat podrobnosti, jakmile se přihlásí na platformu.

  • uživatelská smlouva: místo toho, aby uživatelé klikli na zaškrtávací políčko s uvedením, že souhlasí s vašimi uživatelskými podmínkami, zvažte zahrnutí zprávy nad vaši CTA tak, jak to dělá LinkedIn níže. Uvádí, že převodem uživatel automaticky souhlasí.

Vytvořte vstupní stránky pomocí Instapage ➔

pokud tyto informace absolutně potřebujete, požádejte o ně v krocích

podívejte se, někdy opravdu potřebujete spoustu informací k registraci nového uživatele. Registrace, které vyžadují platbu na místě, vyžadují dlouhé formuláře k zachycení citlivých informací, jako je fakturační adresa a číslo kreditní karty. Když k tomu dojde, zvažte rozdělení procesu registrace do několika kroků.

zpráva z Formstacku ukazuje, že v loňském roce vícestránkové registrační formuláře překonaly jednostránkové o více než 9%:

tento obrázek ukazuje srovnávací údaje o tom, jak vícestránkové registrační formuláře mohou ztrojnásobit míru konverze.

proč?

vícestránkové formuláře činí konverzi méně ohromující rozdělením procesu do několika krátkých kroků. Více stránek znamená více místa pro větší písma, delší pole a popisné štítky, které se nemusí vejít do kratší podoby. Navíc vícestránkové registrace obvykle přicházejí s pohodlným ukazatelem průběhu, který uživatelům umožňuje vědět, jak daleko jsou v registraci.

zapamatovat si: pokud můžete formulář zkrátit odstraněním několika polí, zkraťte jej. Pokud nemůžete, nesnažte se, aby to vypadalo kratší tím, že nacpete vše do malého množství prostoru. Budete jen nepořádek svou stránku a přemoci vaše vyhlídky.

zvažte použití modálního okna

pro ty, kteří mají rychlý proces registrace, jako je Canva, nabízí Modální okno několik výhod.

tento obrázek ukazuje registrační stránku Canvy a jak ji optimalizují pomocí sociálních tlačítek a slova zdarma v nadpisu.

návrhář, Joshua Johnson, vysvětluje proč:

překryjí aktuální obsah místo toho, aby vás přenesli na jinou stránku. Nějak je to méně znepokojující, než být odveden někam do nového, což se cítí jako přerušení. Stmíváním grafiky domovské stránky a vyvoláním registračního formuláře modálního znamení získáte pocit, že proces bude rychlý a bezbolestný a že se v žádném okamžiku vrátíte k procházení.

v době, kdy jsou uživatelé internetu netrpělivější než kdy jindy, což jim dává dojem, že se okamžitě vrátí k prohlížení, je skvělá praxe.

vytvářejte vstupní stránky pomocí Instapage povolte automatické vyplňování sociálních sítí

v téměř každém příkladu registrační stránky níže si všimnete tlačítek automatického vyplňování sociálních sítí. Umožňují uživatelům obejít váš formulář jediným kliknutím importem relevantních osobních údajů, které již odeslali do sociálních sítí.

Formstack zjistil, že zahrnutím této funkce mohli uživatelé generovat o 189% vyšší konverze formulářů. 86% lidí navíc tvrdí, že vytváření nových uživatelských účtů na různých webech je nepohodlné. Když je vaším cílem, aby konverze tak jednoduché, jak je to možné, využití sociální automatické vyplňování je ne-nasnadě.

příkop zástupný text

Chcete-li převést, návštěvníci potřebují vědět, jak vyplnit váš formulář. Použití zástupného textu však není nejlepší způsob, jak je zobrazit.

tento obrázek ukazuje, jak může text zástupného symbolu stránky dráždit čtenáře online a snížit míru konverze.

podle skupiny Nielsen Norman má přidání světle šedého textu do polí formuláře potenciál:

  • kmen krátkodobou paměť uživatelů. Když začnou psát a šedý text zmizí ,pomyslí si: „kolik znaků musí mít moje heslo znovu?“
  • Make your form fields invisible. Prázdná pole formuláře jsou ve skutečnosti viditelnější vyhlídkami než pole s zástupnými symboly.
  • dráždit uživatele tabbing prostřednictvím formuláře. Ti, kteří rychle vyplní váš formulář pomocí tlačítka „tab“, nebudou mít čas číst vysvětlující zástupný text, než zmizí.
  • zmást návštěvníky. Mohli by zaměnit zástupný text za informace, které byly automaticky vyplněny.

aby nedošlo k záměně, uveďte nad každé pole štítek, který návštěvníkům přesně řekne, co do něj musí zahrnout. Zástupný text vytvoří pouze větší tření na vaší registrační stránce.

vytvářejte vstupní stránky pomocí Instapage jak profesionálové vytvářejí registrační stránky

Nyní, když víte, co zahrnout na svou registrační stránku, pojďme se podívat na to, jak profesionálové staví své.

LinkedIn

 tento obrázek ukazuje přihlašovací stránku LinkedIn a jak ji optimalizují pomocí přihlašovacího jména Facebook a krátkého formuláře.

tato přihlašovací stránka LinkedIn je odrůdy vstupní stránky po kliknutí. Je samostatný, což znamená, že není připojen k webové stránce společnosti pomocí navigace-ani v logu.

nad formulářem by Nadpis mohl přinést silnější výhodu. Na něm čtyři pole udržují nízké tření. Ačkoli, spojením jména a příjmení do jednoho pole „Celé jméno“, toto tření by mohlo být ještě nižší.

nad každým textovým polem šedé písmo umožňuje zájemcům vědět, co mají psát, a nad polem „heslo“ je tento štítek ještě konkrétnější. Ačkoli toto pole „Heslo“ nedodržuje osvědčené postupy zobrazením identických odrážek pro každé písmeno typů vyhlídek.

další šedé nápisy pod posledním polem formuláře umožňují návštěvníkům vědět, že kliknutím na „Připojit se“ souhlasí s uživatelskou smlouvou LinkedIn, zásadami ochrany osobních údajů a zásadami souborů cookie. To šetří vyhlídky další krok museli kliknout na opt-in box pro souhlas.

v call-to-action slovo“ now “ zdůrazňuje, že jakmile uživatel klikne na tlačítko CTA, jsou okamžitě součástí sítě. Pokud jde o samotné tlačítko, mohlo by to trochu víc pop, nemyslíte? Jiná Barva pozadí nebo tlačítka může upozornit na to, kam uživatel potřebuje kliknout, aby se připojil.

pod tím Tlačítko „pokračovat s Facebook“ zjednodušuje celý proces. Pokud máte profil na největší sociální síti na světě, klikněte na toto tlačítko a nechte automatické vyplňování vyplnit formulář pomocí dat, která jste již sdíleli s Facebook.

Copyblogger

tento obrázek ukazuje Copyblogger registrační formulář a jak optimalizovat s odrážkami kopii a kontrastní vytvořit účet CTA.

zde je registrační stránka, která je víc než jen formulář. První věc, kterou si vyhlídky pravděpodobně všimnou, je ten obří, sociálně odolný titulek. V překladu se říká: „pokud jsme dost dobří pro 334 000 obchodníků, jsme dost dobří i pro vás.“

využívá také jev běžně známý jako „FOMO“, což znamená “ strach ze ztráty.“Nikdo nechce přijít o získání náskoku, který má 334,000 svých vrstevníků v oboru.

pod tím náhled veškerého bezplatného cenného obsahu, který vyhlídky získají po registraci, je láká k vyplnění tohoto formuláře. Samotná forma by však mohla být lépe navržena.

odstraněním pole „znovu zadat heslo“ a kondenzací jména a příjmení na „celé jméno“ by Copyblogger mohl snížit počet textových polí z 5 na 3 a následně množství tření při registraci. Místo tohoto pole „znovu zadat heslo“lze pro zajištění přesnosti při zadávání hesla použít možnost zobrazit/skrýt.

aby se ještě více snížilo tření, měly by být štítky v každém poli umístěny výše. Právě teď, tento šedý nápis zmizí, když vyhlídky kliknou do textového pole, což jim usnadňuje zapomenout na to, co píšou.

Celkově lze říci, že zatímco několik nedostatků ve formuláři a několik odchozích odkazů může poškodit konverze na této registrační stránce, bezplatný obsah Copybloggeru je příliš cenný na to, aby se vzdal.

Crazy Egg

 tento obrázek ukazuje registrační formulář Crazy Egg a jak jej optimalizují pro nové zákazníky s krátkým formulářem a personalizovanou kopií CTA.

Za prvé, podnik, který se nazývá „lídrem“ ve svém oboru, je jako cafè, který nazývá svou kávu nejlepší na světě. Existuje mnoho lidí, kteří to říkají, ale jen málo, kteří to dokážou. Místo toho, abyste se nazývali nejlepšími, zálohujte svůj nárok statistikou nebo citováním známého klienta, který věří, že jste.

pod tímto nadpisem je obrázek, který zobrazuje náhled, který získáte při použití Crazy Egg, a napravo od obrázku tři řádky kopie vysvětlují, co je tento pohled spolu s tím, co s ním můžete dělat.

na této super krátké formě je tření minimální. Titulek zdůrazňuje, že zkušební verze je zdarma, tlačítko se objeví na bílém pozadí a výzva k akci je napsána v první osobě. Právě teď, jediná věc, která brání tomu, aby byl tento formulář bezbolestný, je rušivý šedý zástupný text v každém poli.

pod tím sociální důkaz ve formě rozpoznatelných log klientů a text „více než 200 000 podniků převede lépe s Crazy Egg“ zvyšuje přesvědčivost této registrační stránky.

celkově tato stránka dělá konverzi hračkou pro návštěvníky.

Vytvořte vstupní stránky pomocí Instapage Buffer

 tento obrázek ukazuje registrační formulář bufferu a jak jej optimalizují pro nové zákazníky pomocí sociálních tlačítek a krátkého formuláře.

po klepnutí na tlačítko“ Zaregistrujte se zdarma “ call-to-action na vyrovnávací paměti.s, domovská stránka se transformuje na registrační stránku nasazením krátkého vyskakovacího formuláře a ztmavnutím okolního obsahu.

v tomto vyskakovacím okně je proces převodu jednoduchý-kliknutím na jedno ze tří tlačítek sociálního přihlášení obejdete formulář nebo zadejte e — mailovou adresu a heslo. Ať tak či onak, tření je minimální. Jediný způsob, jak by tento formulář mohl být jednodušší dokončit? Zbavte se toho rušivého textu zástupného symbolu.

Asana

tento obrázek ukazuje Asaninu registrační stránku a jak ji optimalizují pro konverze a nové zákazníky.

nanejvýš, registrace na této stránce z asany trvá dvě kliknutí. S funkcí přihlášení Google to může trvat jen jeden.

věta nad formulářem vám řekne, jak vyplnit formulář, dokonce i na který E-Mail byste se měli zaregistrovat.

přímo pod tím však pole formuláře vyplněné šedým zástupným textem rozptyluje uživatele. Ale bude to odradit lidi od přihlášení? To není pravděpodobné. Tento formulář je téměř bez tření a snadno se dokončí.

začněte vytvářet optimalizovanou registrační stránku s Instapage, požádejte o Instapage Enterprise demo ještě dnes.

Leave a Reply

Vaše e-mailová adresa nebude zveřejněna.