Egy látogató megérkezik az űrlapodra, és egy "Szervezet" feliratú mezőt lát. Mit kérdezel? A cég nevét? A cég méretét? Valami mást? Nem tudja, ezért habozik, rosszul tippel, majd feladja, amikor hibát kap.
Ez a rossz űrlapszöveg láthatatlan súrlódása. Egy űrlapnak lehet tökéletes számú mezője és gyönyörű dizájnja, de a gyenge címkék és a nem egyértelmű utasítások megölik a konverziót. Ez a cikk pontosan megmutatja, hogyan írj mezőcímkéket, súgószöveget és gombszöveget, amelyek előre viszik a látogatókat, ahelyett, hogy megállítanák őket.
Miért olyan konverziós eszköz az űrlapszöveg, amelyet a legtöbb márka figyelmen kívül hagy
Egy űrlap minden szava egy dolgot csinál: eltávolítja a kétértelműséget, vagy bizalmat épít. A legtöbb űrlap egyiket sem teszi. A mögöttes adatbázismező nevét öröklik címkeként. "Számlázási cím." "Cégméret." "Kapcsolattartási mód." Ezek géppel olvashatók, nem emberrel.
Ha a látogató nem érti, mit kérsz tőle, háromféleképpen dönthet. Tippel. Elmegy. Vagy kitölt valamit, megnyomja a beküldést, és a validálásod elutasítja. Mindhárom megöli a konverziós arányodat. Valójában a nem egyértelmű címkék és a zavaros utasítások a legfőbb okok közé tartoznak, amiért a látogatók félbehagyják az űrlapokat, mielőtt befejeznék.
A matek könyörtelen. Egy kutatóintézet egyik tanulmánya szerint a konkrét, eredményre fókuszáló gombszöveg akár 25%-kal növelte a konverziót az általános "Beküldés" gombokhoz képest. Ez a különbség egy 5%-os és egy 6,25%-os konverziójú űrlap között, egyetlen forgalmi többletköltség nélkül. Csak jobb szavak.
A konkrétság ereje a mezőcímkékben
A címkének egy kérdésre kell válaszolnia a látogatónak: "Pontosan milyen információt vár ez a mező?" Nem körülbelül. Pontosan.
Vegyünk egy egyszerű példát. A legtöbb űrlap a "Név" mezőt kéri. De melyik nevet? A vezetéknevet és a keresztnevet együtt? Csak a keresztnevet? A teljes hivatalos nevet?
ROSSZ: Név
JÓ: A teljes neved
Vagy még jobb, ha külön kell a vezetéknév és a keresztnév:
JÓ: Vezetéknév | Keresztnév (külön mezőkként)
Egy másik példa. Egy űrlap a "Telefon" mezőt kéri. Elsőre ez egyértelműnek tűnik. De a látogatók azt gondolják: kell az országkód? Zárójeleket használjak? Kötőjeleket? Szóközöket? Nem tudják, ezért vagy tippelnek, vagy kihagyják.
ROSSZ: Telefon
JÓ: Telefonszám (formátum: 555-123-4567)
Ez azért működik, mert megszünteti a találgatást. A látogató pontosan tudja, mit szeretnél, és milyen formátumot fogadsz el. Nincs habozás. Nincs hibaüzenet. Nincs lemorzsolódás.
A minta minden mezőtípusnál érvényes. Általános címkék helyett használj konkrétakat:
ROSSZ: E-mail
JÓ: E-mail-cím (ide küldjük a visszaigazolásokat)
ROSSZ: Weboldal
JÓ: A céged weboldala (nem kötelező)
ROSSZ: Írd le a projektedet
JÓ: Mondd el, mire van szükséged (legfeljebb 250 karakter)
Figyeld meg az utolsó példát. A karakterkorlát megadása egy újabb zavarforrást szüntet meg. A látogató tudja, hogy nem írhat regényt. Ismeri a határt. A határig kitölti, és megy tovább.
Kötelező vagy nem kötelező: jelöld világosan
A látogatók tudni akarják, mibe kerül az űrlapod beküldése. Ha egy mező kötelező, ezt az elején tudniuk kell. Ha nem kötelező, tudniuk kell, hogy kihagyhatják. A kötelező és a nem kötelező mezők világos jelölése az egyik legfontosabb tényező az űrlap súrlódásának csökkentésében. Minél kevesebb a kétértelműség, annál kevesebb látogató habozik és hagyja félbe.
A régi tervezési minta egy apró piros csillag volt a kötelező mezők mellett. Ez azért nem működik, mert sok látogató nem veszi észre, nem érti a jelentését, vagy dekorációs elemnek hiszi.
ROSSZ: E-mail *
JÓ: E-mail-cím (kötelező)
Vagy ha a mezőid többsége kötelező, és csak néhány nem az, fordítsd meg a mintát:
JÓ: Weboldal (nem kötelező)
A kifejezett jelölés csökkenti a kognitív terhelést. A látogató átnézi az űrlapot, látja, mely mezőket kell kitöltenie, és fejben beosztja az erőfeszítését. Már ez is csökkenti a lemorzsolódást.
Súgószöveg: a rejtett meggyőző
A súgószöveg az a rövid utasítás vagy magyarázat, amely a mező alatt vagy benne van. Két célt szolgál. Először elmagyarázza, mit kér a mező. Másodszor megnyugtatja a látogatót, hogy az információ megadása biztonságos és van értelme.
A legtöbb űrlap teljesen kihagyja a súgószöveget. A mezőcímkének kell elvégeznie az egész munkát. De a súgószövegben építesz bizalmat és csökkented a súrlódást egyszerre.
1. példa: Egy űrlap telefonszámot kér. A látogató azt gondolja: miért? Fel fognak hívni? Milyen gyakran? Spamelni fognak? Egy apró súgószöveg ezt megválaszolja:
CÍMKE: Telefonszám
SÚGÓSZÖVEG: Csak akkor hívunk, ha kifejezetten visszahívást kérsz. Legfeljebb egy hívás.
Ez az egyetlen sor megszünteti a szorongást. A látogató ismeri a határt. Nagyobb valószínűséggel adja meg a számát.
2. példa: Egy űrlap cégnevet kér. A látogató habozik. Ez csak cégtulajdonosoknak szól? Mi van, ha szabadúszó? A "cég" társaságot jelent, vagy bármilyen vállalkozást?
CÍMKE: A céged vagy márkád neve
SÚGÓSZÖVEG: Írd be, aminek a vállalkozásodat nevezed. A szabadúszók, tanácsadók és egyéni vállalkozók egyszerűen a saját nevüket vagy a vállalkozásuk nevét adják meg.
Itt is néhány szónyi egyértelműség elhárítja az akadályt.
A legjobb súgószöveg három dolgot tesz.
1. Tisztázza a kétértelműséget. Elmagyarázza, mit értesz a kifejezés alatt.
2. Megmutatja, miért kérdezel. Segít a látogatónak megérteni a célt.
3. Eloszlatja a félelmet. Megnyugtatja, hogy az információt biztonságos megosztani.
A súgószöveget közvetlenül a címke alá vagy a mezőbe tedd helyőrző szövegként. Ne használj olyan súgóikonokat, amelyekhez rá kell mutatni vagy kattintani. A látogatók gyorsan haladnak, és nem keresgélnek rejtett súgót. Tedd láthatóvá.
Gombszöveg, amely előre viszi az embereket
A beküldés gomb az utolsó cselekvésre ösztönzés. A szövege dönti el, hogy a látogató kattint, vagy elmegy.
A "Beküldés" azért nem működik, mert általános. A látogató bármit "beküldhet". Nem kelti az eredmény érzetét. Kap árajánlatot? Visszaigazoló e-mailt? Értékesítői hívást?
ROSSZ: Beküldés
A cselekvésspecifikus gombszöveg drámaian jobban konvertál, mert pontosan megmondja a látogatónak, mi történik ezután. Ha valaki kitölti a bemutató kérése űrlapodat, ezt kell látnia:
JÓ: Kérem a bemutatómat
Nem "Bemutatókérés beküldése." Túl passzív. A látogató kéri a bemutatót. Ő a cselekvő. Így fogalmazd meg.
További példák:
Árajánlatkérő űrlapnál: Kérem az egyedi ajánlatomat (nem "Beküldés")
Ingyenes próba regisztrációnál: Indítom az ingyenes próbámat (nem "Beküldés")
Kapcsolatfelvételi űrlapnál: Elküldöm az üzenetemet (nem "Beküldés")
Álláspályázatnál: Jelentkezem most (nem "Jelentkezés beküldése")
Konzultációkérésnél: Időpontot foglalok a hívásra (nem "Beküldés")
A minta: ige + birtokos + eredmény. "Kérem az..." "Indítom az..." "Elküldöm az..." Ettől a látogató lesz az alany, a cselekvés pedig a tárgy. Ő tesz valamit, nem adatokat küld a semmibe.
Még egy szabály: a gombszövegnek illeszkednie kell ahhoz, amit az űrlap elér. Ha valaki kitölti az űrlapodat, és azonnal kap egy visszaigazoló e-mailt, a gomb mondhatja: "Kérem a visszaigazoló e-mailemet." Ha késik a válasz, azt írd: "Visszahívást kérek." Illeszd a gombot ahhoz, ami valóban ezután történik. A következő lépésekkel kapcsolatos őszinteség bizalmat épít, és az űrlap konverziós arányát magasabban tartja, mint az általános "Beküldés" gombok.
Mikrodöntések: nem kötelező mezők és másodlagos szöveg
Az űrlap a látogató által hozott apró döntések ezreiből áll. Némelyik nyilvánvaló. Mások a margón rejtőznek.
Ha egy mezőt nem kötelezőnek jelölsz, néhány látogató akkor is kihagyja, ha ki tudná tölteni. Miért? Mert a "nem kötelező" most már a fejében "nem fontosként" él. Az űrlap ezt mondta.
Ha egy nem kötelező mező valóban segítene neked (és segítenie kell, különben minek kérdezed), adj hozzá egy rövid megjegyzést, amely kedvet csinál a kitöltéshez:
Weboldal (nem kötelező)
Súgószöveg: Ez segít megértenünk a jelenlegi online jelenlétedet, és jobb javaslatokat adni.
Így a nem kötelező nem azt jelenti, hogy "hagyd ki". Azt jelenti: "csak akkor töltsd ki, ha azt szeretnéd, hogy jobb munkát végezzünk." A nem kötelező mezők kitöltési aránya megugrik, ha elmagyarázod, miért fontosak.
Ugyanez vonatkozik az egész űrlap közelében lévő másodlagos szövegre. Ha az űrlap érzékeny témáról szól, az átláthatóság arról, mi történik ezután, növeli a bizalmat:
"Átnézzük a jelentkezésedet, és 2 munkanapon belül jelentkezünk."
"A fizetési adataidat SSL titkosítja, és soha nem tároljuk a szervereinken."
"Heti összefoglalót küldünk, többet nem. Bármikor leiratkozhatsz."
Ezek a sorok pontosan véve nem űrlapszövegek, de az űrlap közelében vannak, és befolyásolják, hogy valaki belekezd-e. Ugyanolyan világosan és konkrétan írd őket, mint a címkéidet.
A nyelvi csapda: zsargon vagy világosság
Az űrlapok az üzleti oldalról öröklik a zsargont. Egy CRM talán "ügyfélpotenciál-azonosítónak" hív valamit. Az űrlapodnak ezt "Az ügyfélazonosítód" néven kell hívnia.
Nézd át az űrlapodat olyan szavak után, amelyek egy adatbázissémába illenek, nem egy beszélgetésbe:
ROSSZ: Számlázási cím | Kapcsolattartási módszertan | Szervezet | Kérelmező neve
JÓ: Hová küldjük a számlát? | Hogyan érhetünk el legkönnyebben? | A céged | A neved
A második csoport úgy hangzik, mintha egy ember írta volna egy másik embernek. Az első úgy hangzik, mint egy űrlap. Találd ki, melyiknek magasabb a kitöltési aránya.
Egy kivétel: ha a közönséged használja a zsargont, használd te is. Ha nagyvállalati szoftvert adsz el IT-vezetőknek, lehet, hogy az "API végpont-hozzáférés" jobban ismert nekik, mint a "hogyan csatlakozol a rendszerünkhöz". Ismerd a közönségedet, és igazodj a szintjükhöz.
A hibaüzenet második esély, nem büntetés
Amikor a látogató érvénytelen adatot küld be, az űrlap elutasítja. A legtöbb űrlap itt büntet. "Érvénytelen bevitel." "Hiba." "Ez nem felel meg a formátumunknak."
Ez hiba. A hibaüzenet nem büntetés. Második esély. Fogalmazd át.
ROSSZ: Érvénytelen e-mail-cím
JÓ: Érvényes e-mail-címre van szükségünk. (Példa: nev@ceg.hu)
ROSSZ: A telefonszám nem felel meg a formátumnak
JÓ: Kérjük, a telefonszámodat 555-123-4567 formátumban add meg.
A második változat pontosan megmondja a látogatónak, mi ment félre, és hogyan javítsa. Nem zavarodik meg, és nem frusztrálódik. Kijavítja, és megy tovább.
Ami fontosabb, a konkrét hibaüzenetek csökkentik a jövőbeli hibákat. Ha valaki ezt látja: "Kérjük, a telefonszámodat 555-123-4567 formátumban add meg", tudja, hogy ne írjon be betűket vagy extra karaktereket. A következő mezőnél már elsőre helyesen tölti ki.
Az űrlapszöveg tesztelése: mi működik a közönségednél
Az az űrlapszöveg, amely az egyik közönségnél konvertál, a másiknál csődöt mondhat. A nagyvállalati vevők más nyelvet várnak, mint a startup-alapítók. Az egészségügyi betegek más hangnemet várnak, mint a webshopos vásárlók.
Az egyetlen módja annak, hogy megtudd, mi működik, a tesztelés. Állíts be A/B teszteket az űrlapszövegedre:
1. teszt: Általános vagy konkrét gombszöveg
A változat: "Beküldés" | B változat: "Kérem az ingyenes próbámat"
2. teszt: Súgószöveg megléte
A változat: Csak címke | B változat: Címke + súgószöveg, amely elmagyarázza, miért kell az információ
3. teszt: Kötelezőség jelzése
A változat: Piros csillag | B változat: "(kötelező)" sima szövegben
4. teszt: Hangnem és szóhasználat
A változat: Hivatalos nyelv ("Kérjük, adja meg elérhetőségeit") | B változat: Beszélgetős ("Mi a legjobb módja, hogy elérjünk?")
Futtasd ezeket a teszteket legalább két hétig, egyenértékű forgalommal. Kövesd az űrlap kitöltési arányát. A nyertes lesz az új alap, és az lesz a következő változat ellen tesztelve.
A legfontosabb: megtudod, mire reagál a konkrét közönséged. Lehet, hogy a közönséged szereti a konkrét gombszöveget, de nem törődik a súgószöveggel. Vagy fordítva. Hagyd, hogy az adatok vezessék az űrlapszöveggel kapcsolatos döntéseidet.
Akadálymentesség és űrlapszöveg
A világos űrlapszöveg egyben akadálymentes űrlapszöveg is. Ha a címkék konkrétak, és a súgószöveg látható, mindenki jól jár. Ide tartoznak a kisegítő technológiát használók is, de a világosság minden látogatónak számít.
Néhány konkrét gyakorlat viszont az akadálymentesség miatt fontos:
Minden űrlapmezőnek kell, hogy legyen címkéje. Nem helyőrző szöveg. Nem ikon. Valódi címke, amely HTML-en keresztül kapcsolódik a beviteli mezőhöz. A képernyőolvasók felolvassák a címkéket, így a felhasználók tudják, mire való az egyes mezők.
A helyőrző szöveg eltűnik, amint valaki gépelni kezd. Nem lehet az egyetlen utasításod. Használd példa mutatására, de mindig párosítsd látható címkével.
Kerüld, hogy csak a szín jelezze a kötelező mezőket. A piros csillag semmit sem jelent annak, aki színvak, vagy képernyőolvasót használ. Használd a "kötelező" szót sima szövegben.
A hibaüzeneteket ahhoz a mezőhöz kell kapcsolni, amely okozta őket. Ha az űrlap beküldése sikertelen, a hibaüzenetnek a probléma közelében kell megjelennie, nem egy általános felugró ablakban az oldal tetején.
Gyakori űrlapszöveg-hibák
1. hiba: Helyőrző szöveg címke helyett
Látsz olyan űrlapokat, ahol egy mezőnek nincs címkéje, csak helyőrző szövege, például "Írd ide az e-mail-címed." Abban a pillanatban, hogy valaki gépelni kezd, az utasítás eltűnik, és fogalma sincs, mit tölt ki. Mindig használj valódi címkét a mező fölött vagy mellett.
2. hiba: Ugyanazt kérdezed kétszer
Egyes űrlapok az "E-mail" mezőt kérik, majd az "E-mail megerősítése" mezőt. Mindkettő szükséges a biztonsághoz, de a második címkének tisztáznia kell. Nem "E-mail megerősítése", hanem "Erősítsd meg az e-mail-címedet (egyeznie kell a fentivel)."
3. hiba: Homályos utasítások példák nélkül
Egy mező azt mondja: "Születési dátum." ÉÉÉÉ.HH.NN legyen? NN/HH/ÉÉÉÉ? Csak az év? Adj hozzá példát: "Születési dátum (ÉÉÉÉ.HH.NN)."
4. hiba: Olyan súgószöveg, amely az üzleti okot magyarázza a felhasználói haszon helyett
ROSSZ: "Ez segít az ügyfél-adatbázisunk szegmentálásában." (Senkit nem érdekel.)
JÓ: "Ez segít abban, hogy a tapasztalati szintedhez illő javaslatokat adjunk." (Felhasználói haszon.)
5. hiba: Következetlen szóhasználat
Az egyik mező azt mondja: "Vállalkozás neve." Egy másik: "Cég." Egy másik: "Szervezet." Válassz egy kifejezést, és használd mindenhol az űrlapodban. A következetesség megszünteti a zavart.
Hogyan illeszkedik az űrlapszöveg az átfogó stratégiádba
Az űrlapszöveg csak egy eszköz egy teljes konverzióoptimalizálási stratégiában. Akkor működik a legjobban, ha átgondolt űrlaptervezési elvekkel, megfelelő űrlaphosszal és világos vizuális hierarchiával kombinálod. De az űrlapszövegben bújik meg gyakran a legnagyobb nyereség, mert a legtöbb márka teljesen elhanyagolja. Azok a márkák, amelyek minden szóra odafigyelnek, aránytalan előnyre tesznek szert a kitöltési arányokban.
Hogyan segít a WEMASY konvertáló űrlapszöveget írni
A WEMASY űrlapépítője teljes kontrollt ad az űrlapszöveg minden darabja fölött: mezőcímkék, súgószöveg, gombszöveg, hibaüzenetek és visszaigazoló szöveg. Pontosan azt írhatod, amire szükséged van, technikai korlátoktól való aggódás nélkül. Az űrlapépítő rugalmas validálást is tartalmaz, így pontosan megmondhatod a látogatóknak, milyen formátumra van szükséged, ahelyett, hogy rejtélyesen elutasítanád a bevitelüket. Láthatod, mely mezőknél a legmagasabb a hibaarány, és mely gombokra kattintanak a legtöbben, így valós adatok alapján finomíthatod a szöveget.
Nézd meg, hogyan működnek a WEMASY űrlapok az egyes csomagokban elérhető űrlapfunkciók megismerésével.
Az űrlapszöveg-ellenőrzőlistád
Mielőtt közzéteszel egy űrlapot, nézd át minden címkét, minden súgószöveget és minden gombot:
1. Minden címke megválaszolja, pontosan milyen információt vár a mező? (Nem körülbelül. Pontosan.)
2. A kötelező mezők egyértelműen "(kötelező)" jelzéssel vannak ellátva? A nem kötelező mezők "(nem kötelező)" jelzéssel, ha az hasznos?
3. Minden olyan nem kötelező mezőnek, amely magyarázatot igényel, van súgószövege, amely elmagyarázza, miért fontos?
4. A gombszöveg cselekvésspecifikus és eredményközpontú? (Nem "Beküldés.")
5. Van olyan zsargon kifejezés, amelyet egy átlagos látogató nem értene? (Cseréld egyszerű nyelvre.)
6. A hibaüzenetek megmondják a látogatónak, mi ment félre, és hogyan javítsa?
7. A súgószöveg látható anélkül, hogy rá kellene mutatni vagy kattintani?
8. Az űrlap következetesen ugyanazt a szóhasználatot használja végig? (Nem keveri a "vállalkozás", "cég" és "szervezet" szavakat.)
9. Teszteltél különböző szövegváltozatokat, hogy lásd, mire reagál a közönséged?
10. Meg tudja érteni valaki, aki semmit nem tud a vállalkozásodról, mit vár az egyes mezők és miért?