6 regisztrációs oldal tervezési gyakorlatok súrlódásmentes űrlapokhoz

marketingszakemberként valószínűleg szeretné azt gondolni, hogy jól érti a kilátásait — kik ők, hogyan viselkednek stb. Tehát, ha egyikük meglátogatta az Ön webhelyét vagy regisztrációs oldalát, mit gondolsz, mit tennének ezután?

valószínűleg regisztráljon a Szolgáltatásra, igaz?

ez nem mindig így van, ahogy az egyik márka megtudta. Számukra a CTA és a “köszönöm” oldal közötti valami miatt a vállalkozás elvesztette potenciális ügyfeleinek közel egynegyedét.

probléma volt a regisztrációs oldalukkal.

nyitóoldalak készítése az Instapage-vel (6398) > mi az a regisztrációs oldal?

a regisztrációs oldalak, más néven “regisztrációs oldalak” nem azonosak. Néhány PPC kattintás utáni céloldal; mások navigációval kapcsolódnak a Kezdőlaphoz – mások még a Kezdőlap is. Különbségeik ellenére, mindegyiknek ugyanaz a célja: regisztráció generálása egy szolgáltatáshoz.

sok esetben a regisztrációs oldal a vállalkozás konverziós csatornájának utolsó lépése. Ez az, ahol a kilátások navigálnak, miután értékelték a márkát, és úgy döntöttek, hogy a szolgáltatás azt kínálja, amire szükségük van.

emiatt a regisztrációs oldalak kevésbé összpontosítanak a konverzió meggyőzésére, és inkább a súrlódás minimalizálására. A használhatóságra való összpontosítás azt jelenti, hogy más hagyományos kattintások utáni céloldal elemek, például a társadalmi bizonyítás, az ajánlások és a figyelemfelkeltő média háttérbe szorulnak.

csak nézd meg a Shopify alábbi regisztrációs oldalát, amely megjelenik a Kezdőlap felett, miután rákattintott az “első lépések” gombra.”

ez a kép mutatja a Shopify regisztrációs oldalát, és hogyan optimalizálják azt az új ügyfelek számára egy kontrasztos CTA-val, rövid formával és a címsor ingyenes használatával.

ez tényleg csak egy rövid formában. És ahogy egy kicsit később látni fogod, a legtöbb regisztrációs oldal ugyanúgy épül fel, nem más, mint egy címsor, néhány űrlapmező és egy cselekvésre ösztönzés.

de csak azért, mert sokakat így terveztek, még nem jelenti azt, hogy ez a helyes út. A sikeres regisztrációs oldal létrehozása többről szól, mint a zavaró tényezők kiküszöbölése és az űrlapmezők csökkentése. A feladat kettős.

a maximális feliratkozás létrehozásához minimalizálni kell a regisztráció lépéseit, ugyanakkor a lehető legtöbbet kell kihozni a néhány használt elemből. Íme néhány tipp és betekintés a szakértőktől.

használjon előny-orientált címsort

mire egy potenciális ügyfél megérkezik a regisztrációs oldalra, a legtöbb esetben már értékelték a szolgáltatást, és megállapították, hogy megfelel az igényeiknek. De ez azt jelenti, hogy nem kell emlékeztetnie őket arra, hogy miért vannak ott?

az alábbiakban a Copyblogger egy társadalmi bizonyítékokkal töltött címsort használ, hogy meggyőzze a felhasználókat a regisztrációról, és a Shopify emlékezteti a kilátásokat, hogy a próbaverzió 14 napig ingyenes.

az egyszerű jó, de ha van helyed az USP megerősítésére egy címsorral, tedd meg. Valószínű, hogy pozitívabb hatással lesz a konverziókra, mint a negatív.

minden mező kitöltése kötelező

ez a tipp nem arról szól, hogy a látogatóknak ki kell tölteniük az űrlapot, hanem arról, hogy a megfelelő mezőket választotta-e ki. Ez alatt azt értjük, hogy ha meghatározta, hogy egy űrlapmező opcionális, akkor nincs szüksége erre az információra a kilátás aláírásához.

például egy olyan szolgáltatásnak, mint a Groupon, ismernie kell a tartózkodási helyét a regisztrációkor, hogy releváns ajánlatokat és kuponokat kínáljon Önnek. De, a hely nem kulcsfontosságú információ az Instapage számára, hogy megismerje ügyfeleit, ezért nem kérjük a regisztráció során.

ha nem igazán kell tudni, hogy a kilátás a cég, a helyzet, vagy hány alkalmazott van, akkor ne kérdezd. Minél kevesebb munkát kell elvégezniük, annál jobb.

figyelembe veendő űrlapmezők

néhány űrlapmező, amelyet fontolóra kell venni a konszolidáció / megszabadulás:

  • felhasználónév: a felhasználóknak valóban szükségük van egy felhasználónévre a regisztrációhoz? Vagy csak kérheti az e-mailjüket, majd hagyja, hogy meghatározzák a felhasználónevüket, miután bejelentkeztek?
  • Jelszó megerősítése: ez a mező elavult, és csak a jelszó maszkolás, egy másik nem praktikus technika miatt szükséges.

a jelszó maszkolás az a technológia, amely minden betűt azonos golyópontnak néz ki, amikor egy űrlapba kerül. Az extra biztonság benyomását kelti, de az egyetlen dolog, amelytől valóban véd, az, hogy az emberek a vállad fölött kukucskálnak.

kérdezd meg magadtól: az én kilátások valóban létre a jelszavakat egy zsúfolt nyilvános környezetben? Nem valószínű.

a “Jelszó megerősítése” mező használata helyett engedélyezze a felhasználóknak, hogy az eredeti “jelszó” mező leleplezésével vagy a “Megjelenítés/elrejtés” funkció használatával láthassák, amit a MailChimp a regisztrációs oldalon tesz:

ez a kép azt mutatja, hogy a MailChimp regisztrációs oldala egy rövid űrlapot és Adatvédelmi irányelvet használ az új feliratkozások növeléséhez.

  • Utónév és vezetéknév: fontolja meg az utónév és a vezetéknév összevonását egy” teljes név ” mezőbe. Vagy, csak kérjen keresztnevet. Heck, talán még gondolni, hogy megszabaduljon tőle teljesen.

az alábbi példákban (Buffer, Asana, Crazy Egg) a regisztrációs oldalak nem kérnek azonnal nevet, de a konvertált ügyfelek megadják az adatokat, miután bejelentkeztek a platformra.

  • Felhasználói megállapodás: ahelyett, hogy a felhasználók rákattintanának egy jelölőnégyzetre, amely kijelenti, hogy egyetértenek a felhasználói feltételekkel, fontolja meg egy üzenet beillesztését a CTA fölé, ahogyan a LinkedIn alább teszi. Azt állítja, hogy a konvertálással a felhasználó automatikusan hozzájárul.

nyitóoldalakat építsen az Instapage-vel 6025> ha feltétlenül szüksége van az összes információra, kérje meg a következő lépésekben:

nézd, néha valóban sok információra van szüksége egy új felhasználó regisztrálásához. A helyszíni fizetést igénylő feliratkozásokhoz hosszú űrlapokra van szükség az érzékeny információk, például a számlázási cím és a hitelkártya száma rögzítéséhez. Amikor ez megtörténik, fontolja meg a regisztrációs folyamat több lépésre bontását.

a Formstack jelentése azt mutatja, hogy tavaly a többoldalas regisztrációs űrlapok több mint 9%-kal felülmúlták az egyoldalas űrlapokat%:

 ez a kép azt mutatja, hogy a többoldalas regisztrációs űrlapok hogyan tudják megháromszorozni a konverziós arányt.

miért?

a többoldalas űrlapok kevésbé terhelik a konvertálást azáltal, hogy a folyamatot több rövid lépésre választják el. A több oldal több helyet jelent a nagyobb betűtípusok, a hosszabb mezők és a leíró címkék számára, amelyek esetleg nem férnek el rövidebb formában. Továbbá, a többoldalas feliratkozásokhoz általában egy kényelmes folyamatjelző sáv tartozik, amely lehetővé teszi a felhasználók számára, hogy milyen messze vannak a regisztrációban.

Emlékezz: ha néhány mező eltávolításával lerövidítheti az űrlapot, rövidítse le. Ha nem tudja, Ne próbálja meg rövidebbnek tűnni azzal, hogy mindent kis helyre tömörít. Csak elrontja az oldalt, és elárasztja a kilátásait.

fontolja meg a modális ablak használatát

azok számára, akiknek gyors regisztrációs folyamata van, mint például a Canva, a modális ablak néhány előnyt kínál.

 ez a kép a Canva regisztrációs oldalát mutatja, és azt, hogy hogyan optimalizálják azt a közösségi gombokkal és a címsorban a szabad szóval.

tervező, Joshua Johnson elmagyarázza, miért:

átfedik az aktuális tartalmat, ahelyett, hogy egy másik oldalra vinnének. Valahogy ez csak kevésbé nyugtalanító, mint hogy elverték valahova új, ami úgy érzi, mint egy megszakítás. A honlap grafikájának tompításával és egy modális jel regisztrációs űrlap létrehozásával azt az érzést kapja, hogy a folyamat gyors és fájdalommentes lesz, és hamarosan visszatér a böngészéshez.

abban az időben, amikor az internetezők türelmetlenebbek, mint valaha, nagyszerű gyakorlat, hogy azt a benyomást keltik, hogy egy pillanat alatt visszatérnek a böngészéshez.

nyitóoldalak készítése az Instapage-val 6025> engedélyezze a közösségi automatikus kitöltést

szinte minden alábbi regisztrációs oldalon megjelenik a közösségi automatikus kitöltés gombja. Ezek lehetővé teszik a felhasználók számára, hogy egyetlen kattintással megkerüljék az űrlapot azáltal, hogy importálják a közösségi hálózatokba már beküldött releváns személyes adatokat.

a Formstack megállapította, hogy ennek a funkciónak a bevonásával a felhasználók 189% – kal magasabb űrlapkonverziókat tudtak generálni. Ezenkívül az emberek 86% – a szerint kényelmetlen új felhasználói fiókok létrehozása a különböző webhelyeken. Amikor a cél az, hogy a konvertálást a lehető legegyszerűbbé tegye, a közösségi automatikus kitöltés kihasználása nem okos.

árok a helyőrző szöveg

átalakítani, a látogatók kell tudni, hogyan kell kitölteni az űrlapot. De a helyőrző szöveg használata nem a legjobb módja annak, hogy megmutassa őket.

 ez a kép azt mutatja, hogy a regisztrációs oldal helyőrző szövege hogyan irritálhatja az online olvasókat és csökkentheti a konverziós arányokat.

a Nielsen Norman Group szerint a világosszürke Szöveg hozzáadása az űrlapmezőkhöz:

  • feszítse meg a felhasználók rövid távú memóriáját. Amikor elkezdenek gépelni, és a szürke szöveg eltűnik, azt gondolják magukban: “hány karakterre van szükség a jelszavamhoz?”
  • tegye láthatatlanná az űrlapmezőket. Az üres űrlapmezőket valójában jobban észrevehetik a kilátások, mint a helyőrzőkkel rendelkezők.
  • irritálja a felhasználókat az űrlapon keresztül. Azoknak, akik gyorsan kitöltik az űrlapot a” tab ” gombbal, nem lesz idejük elolvasni a magyarázó helyőrző szöveget, mielőtt az eltűnik.
  • megzavarja a látogatókat. Előfordulhat, hogy a helyőrző szöveget automatikusan kitöltött információnak tévesztik össze.

a félreértések elkerülése érdekében minden mező fölé helyezzen egy címkét, amely pontosan megmondja a látogatóknak, hogy mit kell belefoglalniuk. A helyőrző szöveg csak nagyobb súrlódást okoz a regisztrációs oldalon.

nyitóoldalakat építsen az Instapage-vel!

hogyan építik a profik a regisztrációs oldalakat?

most, hogy tudja, mit kell felvenni a regisztrációs oldalra, vessünk egy pillantást arra, hogy a profik hogyan építik fel a sajátjukat.

LinkedIn

 ez a kép a LinkedIn regisztrációs oldalát mutatja, és azt, hogyan optimalizálják azt egy Facebook bejelentkezéssel és egy rövid űrlappal.

ez a LinkedIn regisztrációs oldal a kattintás utáni céloldal változatához tartozik. Ez önálló, ami azt jelenti, hogy nem kapcsolódik a vállalat weboldalához navigáción keresztül — még a logóban sem.

az űrlap felett a címsor erősebb előnyt jelenthet. Négy mező tartja alacsony a súrlódást. Bár az első és a vezetéknevek egyetlen “teljes név” mezőbe történő kombinálásával ez a súrlódás még alacsonyabb lehet.

minden szövegmezőn a szürke betűk lehetővé teszik a kilátások számára, hogy mit kell beírniuk, és a “jelszó” mező felett ez a címke még konkrétabb. Bár, hogy a “jelszó” mező nem követi a legjobb gyakorlatokat megjelenítésével azonos golyók minden betű a kilátás típusok.

az utolsó űrlapmező alatti további szürke betűk tudatják a látogatókkal, hogy a “Csatlakozás most” gombra kattintva elfogadják a LinkedIn felhasználói megállapodását, adatvédelmi irányelveit és cookie-irányelveit. Ez megtakarítja a kilátásba helyezett további lépést, ha a beleegyezéshez egy opt-in mezőre kell kattintania.

a cselekvésre ösztönzés során a “most” szó hangsúlyozza, hogy amint a felhasználó rákattint a CTA gombra, azonnal a hálózat részei. Ami magát a gombot illeti, még egy kicsit felpattanhat, nem gondolod? Egy másik háttér vagy gombszín nagyobb figyelmet fordíthat arra, hogy a felhasználónak hol kell kattintania a csatlakozáshoz.

ez alatt a “folytatás a Facebook-lal” gomb egyszerűsíti az egész folyamatot. Ha van profilja a világ legnagyobb közösségi hálózatán, kattintson erre a gombra, hogy az automatikus kitöltés kitöltse az űrlapot az Ön számára a Facebook-szal már megosztott adatok felhasználásával.

Copyblogger

 ez a kép a Copyblogger regisztrációs űrlapját mutatja, és hogyan optimalizálják azt a felsorolt másolattal és a kontrasztos CTA fiók létrehozásával.

itt van egy regisztrációs oldal, amely több, mint egy űrlap. Az első dolog, amit a kilátások valószínűleg észrevesznek, az az Óriás, társadalmi bizonyossággal kitöltött címsor. Lefordítva azt mondja: “ha elég jók vagyunk 334 000 marketingszakember számára, akkor neked is elég jók vagyunk.”

kihasználja a “FOMO” néven ismert jelenséget is, ami azt jelenti, hogy “félelem a kimaradástól.”Senki sem akarja kihagyni azt a előnyt, amelyet az 334,000 iparági társaik rendelkeznek.

alatta az összes ingyenes értékes tartalom előnézete, amelyet a kilátások a regisztráció után kapnak, arra csábítja őket, hogy töltsék ki ezt az űrlapot. Maga a forma azonban jobban megtervezhető.

a “jelszó újbóli megadása” mező kiküszöbölésével és az utónév és a vezetéknév “teljes név” tömörítésével a Copyblogger csökkentheti a szövegdobozok számát 5-ről 3-ra, és viszont a regisztrációval járó súrlódás mértékét. A “jelszó újbóli megadása” mező helyett a show/hide opció használható a pontosság biztosítására a jelszó megadásakor.

a súrlódás további csökkentése érdekében az egyes mezőkön belüli címkéket felette kell elhelyezni. Épp most, hogy a szürke betűk eltűnnek, amikor a kilátások rákattintanak a szövegmezőbe, Megkönnyítve számukra, hogy elfelejtsék, mit gépeltek.

összességében, míg néhány hiányosság az űrlapon és néhány kimenő link árthat a konverzióknak ezen a regisztrációs oldalon, a Copyblogger ingyenes tartalma túl értékes ahhoz, hogy lemondjon róla.

Crazy Egg

 ez a kép a Crazy Egg regisztrációs űrlapját mutatja, és hogyan optimalizálják azt az új ügyfelek számára egy rövid űrlap és személyre szabott CTA másolat segítségével.

először is, egy vállalkozás, amely magát “vezetőnek” nevezi az iparágában, olyan, mint egy kávézó, amely a kávét a világ legjobbjának nevezi. Sokan mondják, de kevesen tudják bizonyítani. Ahelyett, hogy a legjobbnak hívná magát, készítsen biztonsági másolatot a követeléséről statisztikával vagy egy jól ismert ügyfél idézésével, aki úgy véli, hogy Ön.

a címsor alatt egy kép látható, amely előnézeti a Crazy Egg használatakor szerzett betekintést, és a kép jobb oldalán Három sor másolat magyarázza el, hogy mi az a betekintés, és mit lehet vele csinálni.

ezen a szuper rövid formában a súrlódás minimális. A címsor hangsúlyozza, hogy a próbaverzió ingyenes, a gomb fehér alapon jelenik meg, a cselekvésre ösztönzést pedig első személyben írják. Jelenleg az egyetlen dolog, ami megakadályozza, hogy ez az űrlap fájdalommentes legyen, az egyes mezők zavaró szürke helyőrző szövege.

ez alatt a társadalmi bizonyíték felismerhető ügyféllogók formájában és a “több mint 200 000 vállalkozás jobban konvertál A Crazy Egg-vel” szöveg növeli a regisztrációs oldal meggyőzését.

Összességében ez az oldal teszi konvertáló a szél a látogatók számára.

nyitóoldalak készítése az Instapage-vel!

Buffer

 ez a kép a Buffer regisztrációs űrlapját mutatja, valamint azt, hogyan optimalizálják azt az új ügyfelek számára a közösségi gombok és egy rövid űrlap segítségével.

ha rákattint a “regisztráció ingyen” call-to-action puffer.val vel, a honlap átalakul egy regisztrációs oldalt telepítésével egy rövid pop-up formában sötétítő környező tartalom.

a felugró ablakban a konverziós folyamat egyszerű-kattintson a három közösségi bejelentkezési gomb egyikére az űrlap megkerüléséhez, vagy írjon be egy e — mail címet és jelszót. Akárhogy is, a súrlódás minimális. Csak így lehet ezt az űrlapot könnyebben kitölteni? Szabaduljon meg attól a zavaró helyőrző szövegtől.

Asana

 ez a kép az Asana regisztrációs oldalát mutatja, és azt, hogy hogyan optimalizálják azt a konverziókhoz és az új ügyfelekhez.

legfeljebb két kattintással regisztrálhat ezen az oldalon az Asana-ból. A Google bejelentkezési funkcióval, akár egy is eltarthat.

az űrlap feletti mondat megmondja, hogyan kell kitölteni az űrlapot, még akkor is, ha melyik e-mailre kell regisztrálnia.

közvetlenül alatta azonban egy szürke helyőrző szöveggel töltött űrlapmező elvonja a felhasználót. De vajon visszatartja-e az embereket a regisztrációtól? Nem valószínű. Ez a forma szinte súrlódásmentes és könnyen kitölthető.

kezdje el létrehozni egy optimalizált regisztrációs oldalt az Instapage segítségével, kérjen egy Instapage Enterprise bemutatót még ma.

Leave a Reply

Az e-mail-címet nem tesszük közzé.