A látogató megnyitja a szolgáltatáskérő űrlapodat. Kiválasztja, hogy "lakossági", és három új mező jelenik meg: az ingatlan mérete, a szobák száma és a kívánt határidő. Átvált "üzletire", a mezők eltűnnek, helyettük a vállalkozás típusáról és a négyzetméterekről kérdezel. Az űrlap a válasza köré rendeződik. Ez egy dinamikus űrlap.
Hasonlítsd ezt össze egy statikus űrlappal, ahol mindenki ugyanazt a 15 mezőt látja, akármire van szüksége. A mezők fele a legtöbb embernek nem releváns. A kitöltési arány csökken, mert az űrlap hosszúnak és személytelennek tűnik.
A dinamikus űrlapok ezt oldják meg: valós időben reagálnak a bevitelre. Itt van, hogyan működnek, mikor érdemes használni őket, és hogyan viszonyulnak a statikus megoldáshoz.
Mi az a dinamikus űrlap?
A dinamikus űrlap olyan webes űrlap, amely a felhasználó bevitele vagy külső adatok alapján változtatja a mezőit, az elrendezését vagy a tartalmát. A mezők megjelenhetnek, eltűnhetnek vagy kötelezővé válhatnak aszerint, mit választ a látogató az előző lépésekben.
A változás azonnal megtörténik, az oldal újratöltése nélkül. Egy legördülő lista kiválasztása új mezőket hoz elő. Egy jelölőnégyzet egy opcionális részt nyit meg. Egy korábbi látogatásból előre kitöltött érték módosítja, mit kérdez az űrlap legközelebb.
A dinamikus űrlapok feltételes logikai szabályokra épülnek, amelyeket az űrlap készítője állít be. Ha az A feltétel igaz, mutasd a B mezőt. Ha az A feltétel hamis, rejtsd el a B mezőt. A logika a böngészőben fut, miközben a látogató használja az űrlapot.
Mi az a statikus űrlap?
A statikus űrlap minden látogatónak, minden alkalommal ugyanazokat a mezőket mutatja. Az elrendezés, a kérdések és a kötelező mezők sosem változnak. Egy egyszerű kapcsolatfelvételi űrlap névvel, e-mail-címmel és üzenettel statikus űrlap.
A statikus űrlapot egyszerűbb megépíteni, tesztelni és karbantartani. Nincs mit beállítani logikai szabályokból, és nem fordulhat elő, hogy egy mező nem jelenik meg, amikor kellene. Egyszerű adatgyűjtésre a statikus űrlap tökéletesen megfelel.
Mikor használj dinamikus űrlapot?
A dinamikus űrlapok ott jók, ahol a különböző látogatóknak más-más kérdéseket kell feltenni. Azok a szolgáltató vállalkozások profitálnak belőle, amelyeknek több szolgáltatásuk van, mert mindegyikhez más adatok kellenek. Egy vízszerelő cég javításkérésnél a szivárgás helyéről kérdezhet, árajánlatkérésnél pedig a felszerelendő szerelvények számáról.
A többlépéses folyamatok is nyernek vele. A dinamikus űrlap a második lépés mezőit csak az első lépés után mutatja, így minden képernyő rövid és fókuszált marad. Ez természetesen párosul a többlépéses űrlapok kialakításával.
Az adatbázishoz vagy felhasználói fiókokhoz kapcsolt űrlapok előre kitölthetik az ismert adatokat, és csak a hiányzót kérdezik. Egy visszatérő vevő már kitöltve láthatja a nevét és az e-mail-címét, és csak az új megkeresés részleteit kell megadnia.
Mikor jobb a statikus űrlap?
Nem minden űrlapnak kell dinamikusan viselkednie. Egy három mezős, egyszerű kapcsolatfelvételi űrlap statikusként működik a legjobban. Ha egy háromsoros űrlapra feltételes logikát teszel, azzal csak bonyolultságot adsz hozzá, haszon nélkül.
A statikus űrlap hibakeresése is könnyebb. Ha a beküldések elbuknak vagy egy mező furán viselkedik, a statikus űrlapban kevesebb mozgó alkatrészt kell átnézni. A kockázatos űrlapoknál, például fizetésnél vagy hozzájárulásnál, az egyszerűség csökkenti a kockázatot.
Ha a közönséged egységes, és mindenki ugyanolyan típusú adatot ad meg, a statikus űrlap gyorsabban elkészül, és ugyanolyan hatékony.
Hogyan építs dinamikus űrlapot kód nélkül?
Az űrlapépítők vizuális feltételes logikai eszközöket tartalmaznak. Olyan szabályokat állítasz be, mint: "ha a Szolgáltatás típusa Telepítés, mutasd a Telepítés részletei szakaszt." Nem kell programozni. Az építő magától kezeli a megjelenítést és az elrejtést.
Kezdd azzal, hogy feltérképezed a folyamatod döntési pontjait. Melyik kérdés határozza meg, mit kell legközelebb kérdezned? Ezeket építsd meg először legördülő vagy választógombos mezőként, aztán kapcsold a feltételes mezőket az egyes opciókhoz.
Próbáld ki az űrlap minden útvonalát. Válaszd ki a legördülő lista minden opcióját, és nézd meg, hogy a megfelelő mezők jelennek-e meg. Egy elromlott feltételes szabály elvesztett adatot jelent azoktól a látogatóktól, akik olyan úton mentek végig, amelyet nem teszteltél.
A dinamikus űrlapok a hosszú, bonyolult adatgyűjtést rövidnek és személyesnek érzékeltetik. Akkor használd őket, ha a látogatóidnak különböző kérdéseket kell feltenni. Maradj a statikusnál, ha mindenki ugyanazt válaszolja.
Gyakran ismételt kérdések
Lelassítják a dinamikus űrlapok a weboldalamat?
Egy jól megépített dinamikus űrlap alig növeli a betöltési időt, mert a feltételes logika a böngészőben fut, és nem kér a szervertől minden mezőváltozásnál. A sok feltételes szabályt tartalmazó nehéz űrlapok lassú oldalon lomhának tűnhetnek, de maga az űrlaplogika könnyű. Tartsd észszerűen a mezők számát, és teszteld mobilon is.
Átalakíthatok egy statikus űrlapot dinamikussá?
Egy meglévő statikus űrlapra rátehetsz feltételes logikát, nem kell elölről kezdened. Döntsd el, mely mezők jelenjenek meg feltételesen, állítsd be a szabályokat az űrlapépítőben, és teszteld az összes útvonalat. Az oldalaidat felépítheted a WEMASY weboldalépítőjében.
Hány feltételes szabálya lehet egy űrlapnak?
A legtöbb űrlapépítő űrlaponként több tucat szabályt támogat. A gyakorlati korlátot a bonyolultság adja, nem a technika. Ha az űrlapodnak tíznél több feltételes ágra van szüksége, érdemes külön űrlapokra bontani, vagy többlépéses elrendezést használni, hogy minden szakasz átlátható maradjon.
Elérhetők a dinamikus űrlapok a képernyőolvasóknak?
A dinamikus űrlapok akkor lehetnek akadálymentesek, ha a mezők megfelelően fel vannak címkézve, és úgy jelennek meg vagy tűnnek el, hogy a képernyőolvasók ezt észlelik. Feltételes logika hozzáadásakor teszteld akadálymentességi eszközökkel. Az olyan mezők, amelyek megfelelő fókuszkezelés nélkül jelennek meg, összezavarhatják a segítő technológiát használókat.
Mi a különbség a dinamikus űrlap és a feltételes logikájú űrlap között?
A feltételes logika az a mechanizmus, amitől az űrlap dinamikus lesz. A dinamikus űrlap feltételes logikai szabályokkal változtatja a megjelenését a bevitel alapján. A két kifejezés ugyanazt a képességet írja le más szemszögből: a dinamikus a viselkedést, a feltételes logika a technikát jelöli.
Használjak dinamikus mezőket az opcionális adatokhoz?
A dinamikus mezők jól működnek az opcionális részeknél, amelyekre csak néhány látogatónak van szüksége. A kötelező mezőket mindig tartsd láthatóan, a feltételes logikát pedig a korábbi válaszoktól függő követő kérdésekre használd. Így az űrlap rövidnek érződik, mégis részletes adatot gyűjthetsz, ha arra van szükség.