Hogyan készítsünk egy kényelmes regisztrációs formát?
Gyönyörű és felhasználóbarát formanyomtatványok, amelyeket be kell tölteni a regisztráció vagy a megrendelés során, nem kevésbé fontos, mint a vállalat általános megjelenése. Végül is ez az első dolog, amikor egy új ügyfél kölcsönhatásban áll a termék megvásárlásával kapcsolatos döntéshez. Ezenkívül az oldal látogatóinak munkájának ezen szakaszában a konverzió szintje nő és a nyereség keletkezik.
Ebben a cikkben beszélek azokról a fő tényezőkről, amelyek segítenek egy minőségi vonzó forma kialakításában.
Az űrlap létrehozásának legfontosabb szabálya, hogy általános képet kapjon arról, hogy mi a célja és a leghatékonyabb módja ennek eléréséhez.
Például, ha szüksége van, hogy megteremtse a regisztrációs űrlapot, a cél az, hogy végigvezeti a felhasználót a regisztrációs folyamatot úgy, hogy nincs-e túlterhelve bonyolítja a folyamatot, és nem volt meghökkent, látva a sok példány kitölteni. Ezért egy egyszerű elrendezésre van szüksége, a lehető legrövidebb idő alatt, egy nagy és érthető gombbal, akcióval, amely elindítja a kívánt műveletet - egy új ügyfél regisztrációját. Valami ilyesmi:
Ha árut vagy szolgáltatást árul az interneten, olyan elrendezést kell létrehoznia, amely a vásárlót irányítja. Mivel az emberek nem szeretnek hosszú formanyomtatványokat kitölteni, így rövidek, minden bizonnyal növelni fogja a konverziót, és felhasználóbarátabbá teheti. Ha egy szolgáltatást értékesít, győződjön meg róla, hogy a cselekvésre ösztönzés közvetlenül kapcsolódik a vásárlási folyamathoz, és az összes szükséges információ világosan és világosan meg van adva.
Ha egynél több szolgáltatást kínál, győződjön meg róla, hogy mindegyik egymás mellett jelenik meg, és az ügyfél könnyedén összehasonlíthatja őket, és kiválaszthatja a leginkább megfelelőt. Mindazonáltal kiemelheti azt a pozíciót, amely véleménye szerint a legjobb, és ez a javaslat fő hangsúlyt fektet.
2. Formakészítés
Még ha úgy döntesz, hogy további információkra van szüksége, később bármikor kérdezhetsz, amikor a felhasználó már regisztrált és használja a szolgáltatásait.
Sajnos bizonyos területeken, például banki, pénzügyi, szerencsejáték, hosszú formákra van szükség. A regisztráció során minden egyes felhasználónak ellenőriznie kell a részletes és bizalmas információkat, például a hitelkártya számát. Ebben az esetben a legjobb, ha a tartalmat szakaszokra osztja, így a felhasználó gyorsan átvizsgálhatja és elemezheti a mezőket.
A következő lépés a jobb gomb, akcióval. A struktúrától és a követelményektől függően egynél több nyomógombot is elhelyezhet, de ne feledje, hogy minél több kiváltó az elrendezésben, annál zavaróbb lesz a felhasználó számára.
Ez utóbbi nem tudja megérteni, hogy melyik CTA a legfontosabb, és ahelyett, hogy befejezte a folyamatot, átkerül egy másik helyre, amely jelenleg nem képviseli a személy fontosságát. És ez negatívan befolyásolja a felhasználói élményt, ezért próbálja meg a CTA-t a lehető legegyszerűbbé tenni.
3. Felhasználói felület
Ha formákat szeretne létrehozni a semmiből, fontos, hogy ragaszkodjon a modulokhoz. A moduláris elemek használatával ugyanolyan arányokat, szélességet, magasságot és intervallumokat lehet megőrizni a szöveg oszlopai között, amelyek a formanyomtatványokat ugyanolyan formában fogják megjeleníteni. Ez kényelmes, mivel lehetőség szerint 5, 10, 15, 20 px-os intervallumokat alkalmazhat. Ezzel a formák és gombok méretét gyorsabban és könnyebben megváltoztathatja. Ne feledje továbbá, hogy annál kevésbé technikai a terv, annál jobb.
A szerkezet megfelelő felosztása rendkívül fontos az olvashatóság szempontjából. Számos szakasz és alfejezet jelenlétében könnyű elveszíteni a koncentrációt a mezők és a legördülő menük végtelen struktúrájában. Vannak azonban egyszerű trükkök, hogy megszabaduljanak a problémától.
Először határozza meg a struktúrát, felsorolja az összes fejezetet, szakaszt, alfejezetet és mezőt. A főcímeket a legnagyobb betűmérettel kell megadni. Ezután csökkentse a partíciók és alszakaszok betűméretét. A legvégén vannak olyan helyszíni leírások és ellenőrző üzenetek, amelyeknek a legkisebb betűmérete van. Ez egyértelmű hierarchiát hoz létre az oldal összes eleme között.
A CTA gomb szövegének világosnak, világosnak, nem hivatalosnak kell lennie. A „humánus”, és kevésbé hivatalos szöveg lesz, minél nagyobb a konverziós ráta, mivel ez csökkenti a távolságot a látogató, és a cég tulajdonosa, aki azt mondja: „Ez a webhely létre kifejezetten az Ön számára, olyan nyugodt, hogy nézzen körül.”
Tehát ahelyett, hogy: "Kérjük, kattintson ide, ha többet szeretne megtudni a termékről" jobb, ha csak azt mondja: "Tudjon meg többet". A formálisabb projekteknél (a bankkártya regisztrálásának formája) a hangot egy egyszerű "Több" üzenet rövidítheti.
4. Felhasználói tapasztalat
Itt az ideje annak biztosítása, hogy az űrlap olvasható, könnyen használható és a felhasználótól elvárt összes műveletet egyszerű és érthető nyelven írja le.
Először is, ahogy sokszor mondtam, tedd a lehető legrövidebbre. Győződjön meg róla, hogy minden mező csak az új ügyfelekre vonatkozó szükséges információt kérte.
Ezenkívül próbáljon össze annyi mezőt, amennyit csak lehetséges. Például a születési dátumra (év, hónap és nap) három mező helyett egy sorot hozhat létre a beépített naptárral.
Ha az űrlap nem nagyon bonyolult a nevek és a leírások tekintetében, próbálja azokat a mezőkön belül elhelyezni. Először is ez segít megtakarítani az értékes helyet az oldalon, és jobban megfogalmazni.
Másodszor, nem szükséges két különböző oszlopot beolvasni - egy fejléccel, egyet a megfelelő kitöltéssel, amely nagy probléma lehet a hosszú, részletes formákban.
Az űrlap érvényesítés egy másik fontos jellemző, amelyet figyelembe kell venni. Az űrlap kitöltésekor a felhasználónak ismernie kell a hibákat, amelyeket ebben az esetben tehet. Minél korábban megtudja, hogy mit kell kijavítani, annál valószínűbb, hogy az első próbálkozásból megteszi.
Meg tudja nézni a forma két módon - ellenőrzi a szerveren (formájában értékeljük, ha a felhasználó megpróbálja elküldeni, és az űrlap elküldése a szerver ellenőrzés), vagy a beépített ellenőrzési (formájában értékeljük valós időben, amikor egy ügyfél kapcsol minden következő mező).
Az első módszert főként olyan hosszú formákhoz használják, amelyek bizalmas vagy személyes adatokat tartalmaznak, amelyeket ellenőrizni kell a kiszolgálóhoz. Válaszul a kiszolgáló elküldi az értékelt űrlapot, jelezve, hogy mely mezőket kell kijavítani.
Szabályként a hibás mezőket pirosan kiemelik, és a probléma megoldására vonatkozó tanácsok pirosak valahol ezen a területen (valószínűleg alatta). Szintén nagyon gyakori, hogy a felhasználó által elkövetett hibák az űrlap feletti vagy alatti listákként jelennek meg, de ez nem feltétlenül megfelelő a hosszú és összetett elrendezéseknél.
A második módszert gyakran használják az online regisztrációs űrlap csökkentése érdekében a regisztrációs folyamat és a felhasználói élmény javítására (gyorsabb, mint a felhasználó kitölti minden rendben, annál nagyobb az esélye annak, hogy töltse ki a teljes folyamat).
A beépített érvényesítési üzenetek általában olyan mezők alatt vagy azok közelében jelennek meg, amelyeket ki kell javítani vagy el kell hagyni. A hibák azonnali megjelenítése a töltési folyamat során sokkal hatékonyabb és kényelmesebb a felhasználó számára.
5. Gyakori hibák
1. hiba - zavaró elrendezés
A szilárd és egységes szerkezet nagyon fontos az olvashatóság érdekében. Nagyon gyakran a tervezők (vagy a fejlesztők) nem követnek semmilyen szabályt egy űrlap elrendezésének létrehozásakor. A mezők általában szétszóródnak az oldalakon, egyenetlenek, kicsiek és nagyon barátságtalanok. Ezért, ha magas szintű konverziót szeretne kapni a webhelyen, győződjön meg arról, hogy az elrendezés nincs összezavarva, és első pillantásra minden kristálytiszta.
2. hiba - a megfelelő hierarchia hiánya
A szakaszok és az alszakaszok pontos elkülönítése nélkül a felhasználók nem értik, miért adnak személyes adatokat a folyamat befejezéséhez. Győződjön meg arról, hogy az elrendezés világos és egyszerű, elkerülje a hosszú és összetett szakaszokat, és szükség esetén további leírásokat vagy utasításokat adjon meg.
3. hiba - túl sok CTA
A helytelen színek és a CTA gombok túlzott használata káoszhoz és zavarhoz vezethet. A kereskedők sokszor hozzáadják a CTA-okat, a triggereket és a felismerő elemeket, hogy több konverziót kapjanak az űrlapon keresztül, és a felhasználókat a vásárlási oldalra továbbítsák. Ez a legrövidebb út az új ügyfelek és ügyfelek elvesztésére, ha mindegyiket egy oldalon kínálja, ahol inkább egy olyan terméket szeretne látni, amelyre összpontosít.
