Minden mező, amelyet egy űrlaphoz adsz, döntés. A kutatások szerint minden további kötelező mező 10-15%-kal csökkenti a kitöltési arányt. De kevesebb adatot kérni azt is jelenti, hogy kevesebb adatot kapsz. A konverzió javításának kulcsa nem az, hogy teljesen elhagyd a mezőket. Hanem az, hogy tudatosan döntesz arról, mely mezőket jelölöd kötelezőnek, melyeket nem kötelezőnek, és melyeket rejtesz el addig, amíg relevánssá nem válnak.
Mit tesznek valójában a kötelező mezők a konverziós arányokkal?
Amikor valaki az űrlapodra érkezik, másodpercek alatt átfutja. Nem szóról szóra. Megnézi, hány mező van, mennyit kell görgetnie, és észszerűnek tűnnek-e a kérések.
A kötelező mezők jelet küldenek. Mindegyik azt üzeni: „Ezt tőled kérem.” Két-három kötelező mező kezelhetőnek tűnik. Hét kötelező mező olyan, mint egy állásjelentkezés. Az elhagyási arányok különbsége nem kicsi.
Vegyél bármilyen webshop pénztárat, és látni fogod ezt működés közben. Ha az irányítószám mező nem kötelező, a szállítási cím viszont kötelező, a vevők maradnak. Ha mindkettő kötelező, és nincs egyértelműen jelölve, megugrik a kosárelhagyás. A lélektan egyszerű. A bizonytalan látogatók elmennek.
A kisebbség jelölésének szabálya: mikor jelölj kötelezőt, mikor nem kötelezőt
A legtöbb űrlapon egyensúlytalanság van. Egy kapcsolatfelvételi űrlapon lehet öt kötelező és egy nem kötelező mező. Egy regisztrációs űrlapon nyolc kötelező és két nem kötelező. Ezekben az esetekben minden kötelező mező jelölése helyet és gondolkodási terhet pazarol.
A jobb megközelítés, hogy csak a kisebbséget jelölöd. Ha a mezőid 80%-a kötelező, csak a nem kötelezőket jelöld a „(nem kötelező)” szóval a felirat mellett. A jelöletlen mezőket kötelezőnek feltételezik. Ez csökkenti a vizuális zsúfoltságot, és rövidebbnek láttatja az űrlapot.
Másrészt nézd meg azokat az összetett űrlapokat, ahol a kötelező mezők szétszórva vannak. A biztosítási kérelmekben, hitelűrlapokon és többoldalas kérdőíveken gyakran vegyesen vannak kötelező és nem kötelező mezők. Ilyenkor jelöld mindkettőt. Használj csillagot (*) a kötelező és „(nem kötelező)” szöveget a nem kötelező mezőkhöz. Az egyértelmű jelölés felülmúlja a hallgatólagos megegyezéseket.
A szabály egyszerű. Jelöld a kisebbséget, bármi is legyen az.
Hogyan jelöld a kötelező mezőket úgy, hogy az emberek észrevegyék?
A csillag önmagában nem elég. A képernyőolvasót használók nem hallják a csillagot. Aki nem anyanyelvi angolul beszél, nem biztos, hogy ismeri ezt a megegyezést. A gyorsan görgetők elnézhetnek egy apró jelet.
A megoldás a rétegzett jelölés. Kell a csillag, a „kötelező” szó, és mindkettő legyen látható és programozottan is egyértelmű.
Használj csillagot, és párosítsd a „kötelező” szóval
A kutatások szerint a piros csillag (*) és a „kötelező” szöveg párosítása a feliratban megszünteti a zavart. A csillag megragadja a szemet. A „kötelező” szó megerősíti, mit jelent. Együtt működnek a látó felhasználóknak, a képernyőolvasót használóknak és a kognitív fogyatékkal élőknek.
Próbáld ki: E-mail-cím * (kötelező) vagy Telefonszám *, utána egy szöveg: „A csillaggal jelölt mezők kötelezők.” Ez a forma jól működik.
Adj hozzá magyarázatot, mit jelent a kötelező
Mielőtt az űrlapmezők elkezdődnek, tegyél be egy egyszerű sort: „* = kötelező mező” vagy „A csillaggal (*) jelölt mezők kötelezők.” Ez a mondat néhány szó, és megszünteti, hogy a felhasználóknak maguknak kelljen értelmezniük a jelet.
Párosítsd ezt programozott HTML-attribútumokkal. Az űrlapod kódjában adj required vagy aria-required="true" attribútumot minden kötelező beviteli mezőhöz. Ez azt mondja a böngészőnek és a képernyőolvasónak, hogy a mező kötelező, anélkül hogy csak a vizuális kialakításra támaszkodna.
A szín kevésbé számít, mint a kontraszt és a pozíció
A piros csillag megszokott, de az igazi kérdés a kontraszt. Ha a csillagod halvány szürke, vagy beleolvad a feliratba, a gyengénlátók nem fogják észrevenni. Tedd a csillagot félkövérré, és biztosítsd az erős kontrasztot a háttérrel.
A pozíció is számít. Tedd a csillagot közvetlenül a felirat szövege után, ne külön lebegjen. Így a „kötelező” jel vizuálisan kapcsolódik a mező nevéhez, és balról jobbra olvasható.
Mikor jobb elrejteni a nem kötelező mezőket, mint jelölni őket?
Egyes űrlapoknak más megközelítés jó, amelyet fokozatos megjelenítésnek hívnak. Rejtsd el a nem kötelező mezőket, amíg relevánssá nem válnak. Ez akkor működik, ha az űrlapnak van egyértelmű fő útvonala, és a nem kötelező mezők csak bizonyos felhasználókra vonatkoznak.
Vegyünk egy foglalási űrlapot. A „Márkanév” lehet kötelező céges ügyfeleknek, de nem kötelező magánszemélyeknek. Ahelyett, hogy nem kötelezőnek jelölnéd, és zsúfolnád a fő útvonalat, csak akkor mutasd, ha a felhasználó a „foglalás típusa” mezőben a „céges” lehetőséget választja. Soha nem látják a mezőt, hacsak nem vonatkozik rájuk.
A fokozatos megjelenítés rövidebbnek láttatja az űrlapokat
Azok az űrlapok, amelyek elrejtik a nem kötelező mezőket, amíg szükség nincs rájuk, jobban konvertálnak, mint amelyek mindent előre mutatnak. Az ok az érzékelés. Az az űrlap, amely 12 mezőt mutat (még ha 3 nem kötelező is), hosszabbnak tűnik, mint amely 9 mezőt mutat, és a felhasználó válaszai alapján további 3-at felfed.
A feltételes logika az előző válaszok alapján fed fel mezőket
A modern űrlapszerkesztők ezt alapból támogatják. Amikor a felhasználó egy bizonyos lehetőséget választ, új mező jelenik meg. Amikor megváltoztatja a lehetőséget, a mező eltűnik. Az űrlap valós időben alkalmazkodik az igényeikhez.
Itt ragyog a WEMASY feltételes logikája. Beállíthatsz olyan szabályokat, mint „ha az ágazat egészségügy, mutasd a HIPAA-megfelelési mezőt” vagy „ha a költségvetés $1000 alatti, mutasd a kis csomagok fizetési lehetőségeit”. A felhasználó csak azokat a kérdéseket látja, amelyek számára fontosak.
Feltételesen kötelező mezők: csak akkor kötelező, ha van értelme
A haladó űrlaptervezés ezt még egy lépéssel tovább viszi. Egyes mezők alapból nem kötelezők, de a felhasználó korábbi válaszai alapján kötelezővé válnak. Ez az ideális pont az adatgyűjtés és a felhasználói élmény között.
Tegyük fel, hogy a „Mesélj a márkádról” nem kötelező egy ingyenes feliratkozásnál. De ha a felhasználó egy legördülő menüből a „Márkatulajdonos vagyok” lehetőséget választja, ugyanaz a mező kötelezővé válik. Az űrlap menet közben változtatja a követelményt.
Mutasd meg világosan az átmenetet
Amikor egy mező nem kötelezőből kötelezővé változik, a felhasználónak tudnia kell. A legjobb megközelítés, hogy a csillagot és a „(kötelező)” feliratot rögtön hozzáadod, amikor a mező kötelezővé válik. Egyes űrlapszerkesztők finom animációval vagy színváltással emelik ki a mező változását. Ez jelzi, hogy valami megváltozott, anélkül hogy zavaró lenne.
Hibák, amelyek csendben ölik a kitöltési arányt
Még a helyes szabályok mellett is a kis hibák összeadódva növelik az elhagyást. Vigyázz ezekre.
Jelek keverése magyarázat nélkül
Ha egyes mezőknél csillagot, másoknál „(kötelező)” szöveget használsz, zavart keltesz. Válassz egy megközelítést, és tartsd magad hozzá. A következetesség az egész márkádban többet számít, mint hogy melyik konkrét jelet választod.
Nem kötelező mezők véletlen kötelezőnek jelölése
Ez gyakori a régi rendszerekből átvett űrlapokon, vagy ha a követelmények a projekt közben változnak. Egy mező nem kötelezőnek van felcímkézve, de a háttérrendszer megköveteli, vagy fordítva. A felhasználók kitöltenek egy mezőt, amelyről azt hitték, hogy nem kötelező, beküldik az űrlapot, és hibát kapnak. Elhagyják.
Olyan információ elrejtése, amelyet a felhasználóknak látniuk kell
A fokozatos megjelenítés akkor működik, ha az elrejtett mező valóban nem kötelező vagy valóban feltételes. Visszaüt, ha kötelező mezőket rejtesz el bonyolult logika mögé. Ha egy mező elengedhetetlen, mutasd. Ne hagyd, hogy a felhasználók azon tűnődjenek, ki kell-e töltenük.
Csillag használata magyarázó szöveg nélkül
A csillag önmagában rejtély azoknak, akik még nem látták ezt a megegyezést. Magyarázat nélkül egyes felhasználók kihagyják a mezőt, mert azt hiszik, hogy nem kötelező. Add hozzá a magyarázatot. Egy sor a tetején. Néhány szó. Megelőzi az elhagyást.
A kötelező állapot megváltoztatása az űrlap közben
Ha egy mező kötelező, tartsd kötelezőnek. Ha később nem kötelezővé kell tenned a márka változó igényei miatt, végezz teljes felülvizsgálatot. Ne változtass csendben egy mezőt kötelezőből nem kötelezőre, abban bízva, hogy senki nem veszi észre. A felhasználók észreveszik, és összezavarodnak.
Hogyan segít a WEMASY a kötelező és nem kötelező mezőknél?
A WEMASY űrlapszerkesztője teljes irányítást ad a mezőkövetelmények felett kódolás nélkül. Bármelyik mezőt beállíthatod kötelezőnek vagy nem kötelezőnek a szerkesztőből. Adj hozzá feltételes logikát, amely csak bizonyos feltételek teljesülésekor tesz egy mezőt kötelezővé. Adj hozzá egyedi magyarázatot a kötelező mezők jeleinek elmagyarázásához.
Valós idejű adatot is láthatsz arról, mely mezők okozzák a legtöbb elhagyást. Ha egy nem kötelező mező lassítja a konverziót, elrejtheted fokozatos megjelenítéssel. Ha a felhasználókat összezavarja egy kötelező mező, átválthatsz arra, hogy csak a nem kötelezőket jelölöd, és megnézheted, melyik megközelítés konvertál jobban.