Dinamikus űrlapok létrehozása feltételes logikával

A statikus űrlapok mindenkinek ugyanazokat a kérdéseket teszik fel. A dinamikus űrlapok alkalmazkodnak. Válassza az „Üzleti érdeklődés” lehetőséget, és megjelennek a cégmezők. Válassza az „Egyéb” lehetőséget, és megnyílik egy szövegmező. Válaszoljon az „Igen” gombra, és megjelennek a további kérdések. A feltételes logika a merev kérdőíveket intelligens beszélgetésekké alakítja, amelyek minden felhasználó helyzetére reagálnak.

Ebben az útmutatóban megtudhatja, hogyan hozhat létre feltételes logikával rendelkező dinamikus űrlapokat, amelyek a megfelelő mezőket jelenítik meg a megfelelő embereknek a megfelelő időben.

Mitől lesz dinamikus egy űrlap?

Statikus űrlap

• Minden felhasználó minden mezőt lát
• Fix szerkezet
• Nincs alkalmazkodás
• Egy kaptafára

Dinamikus forma

• A mezők a válaszok alapján jelennek meg
• Alkalmazkodik a felhasználói kontextushoz
• Személyre szabott élmény
• Csak a releváns kérdések jelennek meg

A különbség

STATIKUS: Név → E-mail → Telefonszám → Cég → Költségvetés → Üzenet (mindenki mind a 6-ot látja) DINAMIKUS: Név → E-mail → "Ajánlás típusa?" → HA Személyes: Telefonszám → Üzenet (4 mező) → HA Üzleti: Cégszám → Telefonszám → Költségvetés → Üzenet (6 mező)

Hogyan működik a feltételes logika

Az alapszerkezet

HA [a feltétel teljesül] AKKOR [mezők megjelenítése/elrejtése]

alkatrészek

• Trigger mező: A mező, amely meghatározza, mi történik
• Állapot: Milyen érték váltja ki a cselekvést
• Akció: Megjelenítés vagy elrejtés
• Célmező(k): Ami megjelenik vagy eltűnik

Példa

Trigger: „Meglévő ügyfél?” Feltétel: Az érték egyenlő „Igen” Művelet: Megjelenítés Cél: „Ügyfél-azonosító” mező

Az első dinamikus űrlap létrehozása

1. lépés: Tervezze meg a logikáját

Építés előtt térképezze fel a következőket:

• Milyen provokatív kérdéseket fogsz feltenni?
• Melyik mezők függenek az egyes válaszoktól?
• Mi az alapértelmezett beállítás (rejtett vagy látható)?

2. lépés: Az alaplap elkészítése

1. Nyissa meg az űrlapot itt: A.F.B.
2. Az összes mező hozzáadása (mind a mindig látható, mind a feltételes)
3. Logikai sorrendbe rendezni

3. lépés: Azonosítsa az aktiváló mezőket

Jó trigger mezők:

• Legördülő menük egyértelmű kategóriákkal
• Választógombok (Igen/Nem, típusválasztás)
• négyzeteket

4. lépés: Feltételek beállítása

1. Válassza ki a célmezőt (amelyet meg szeretne jeleníteni/elrejteni)
2. Feltételes logika beállításainak megnyitása
3. Válassza ki az indítómezőt
4. Állítsd be a feltételt (egyenlő, tartalmazza stb.)
5. A művelet meghatározása (megjelenítés/elrejtés)

5. lépés: Minden útvonal tesztelése

1. Űrlap előnézete
2. Teszteljen minden egyes triggeropciót
3. Ellenőrizze, hogy a megfelelő mezők megjelennek-e
4. Tesztbejegyzések beküldése
5. Az adatok mentésének helyes ellenőrzése

Gyakori dinamikus űrlapminták

1. minta: Igen/Nem utánkövetés

Szerkezet:

Van weboldala? ○ Igen ○ Nem HA Igen → Mutassa: „Weboldal URL” mező HA Nem → Mutassa: „Szeretne segítséget egy létrehozásában?” mező

Használ: Felmérő kérdések különböző folytatásokkal

2. minta: Kategóriaelágazás

Szerkezet:

Milyen típusú megkeresésről van szó? ○ Értékesítés ○ Támogatás ○ Számlázás ○ Egyéb HA Értékesítés → Mutat: Költségvetés, Ütemterv, Cégméret HA Támogatás → Mutat: Rendelési szám, Probléma leírása HA Számlázás → Mutat: Számlaszám, Partner e-mail címe HA Egyéb → Mutat: "Kérjük, írja le" szövegmező

Használ: Különböző kérdések a különböző felhasználói típusoknak

3. minta: „Egyéb” specifikáció

Szerkezet:

Honnan hallott rólunk? ☐ Google ☐ Közösségi média ☐ Barát ☐ Egyéb HA az Egyéb be van jelölve → Mutassa: „Kérjük, pontosítsa” szövegmező

Használ: Egyéni válaszok rögzítése

4. minta: Fokozatos felfedés

Szerkezet:

Alapadatok: Név, E-mail cím (mindig látható) Szeretne további részleteket megadni? ○ Igen ○ Nem HA Igen → Mutassa: Cég, Telefonszám, Projekt leírása, Költségvetés

Használ: Opcionális részletes információk

5. minta: Feltételes fájlfeltöltés

Szerkezet:

Vannak igazoló dokumentumai? ○ Igen ○ Nem HA Igen → Mutassa be: Fájlfeltöltés mező

Használ: Opcionális tartozékok

6. minta: Ügyfél vs. potenciális ügyfél

Szerkezet:

Jelenlegi ügyfél? ○ Igen ○ Nem HA Igen → Mutassa: Ügyfél-azonosító, Fiók e-mail címe HA Nem → Mutassa: Cég, Honnan hallott rólunk?

Használ: Eltérő folyamatok a meglévő és az új rendszerek számára

Teljes dinamikus űrlap létrehozása: példa

Szolgáltatási érdeklődési űrlap

Mindig látható mezők:

• Név (kötelező)
• Email (szükséges)
• Szolgáltatási érdeklődés (legördülő menü – indítójel)

Szolgáltatási érdeklődési lehetőségek:

• Web Design
• SEO
• Marketing
• Tanácsadás
• Más

Feltételes mezők:

IF webdesign:

• Jelenlegi webhely URL-címe
• Szükséges oldalak száma
• Tervezési beállítások (legördülő menü)

HA SEO:

• Jelenlegi webhely URL-címe
• Célzott kulcsszavak (szövegterület)
• Havi költségvetési tartomány

IF Marketing:

• Marketingcsatornák (jelölőnégyzetek)
• Célközönség
• Havi költségvetési tartomány

IF Tanácsadás:

• Tanácsadási téma
• Előnyben részesített találkozó időpontja

HA Egyéb:

• Kérjük, írja le (szövegterület)

Mindig látható (feltételes mód után):

• További megjegyzések (opcionális)
• Küldés gomb

Eredmény

• A webdizájn látogatói 6 mezőt látnak
• A SEO látogatók 6 mezőt látnak
• A marketinges látogatók 6 mezőt látnak
• A tanácsadó látogatók 5 mezőt látnak
• Más látogatók 4 mezőt látnak

Feltétel típusok

Egyenlő

HA a [Mező] egyenlő az „Érték” értékkel

Pontos egyezés szükséges.

Nem egyenlő

HA a [Mező] nem egyenlő az „Érték” értékkel

Bármi, kivéve ezt az értéket.

tartalmaz

HA a [Mező] tartalmazza a "szöveg" karakterláncot

Az érték valahol tartalmazza a szöveget.

Üres

HA a [Mező] üres

Nincs megadva érték.

Nem üres

HA a [Mező] nem üres

Bármely megadott érték.

Nagyobb, mint / Kisebb, mint

HA a [Számmező] nagyobb, mint 100, HA a [Számmező] kisebb, mint 50

Numerikus összehasonlítások.

Több feltétel

ÉS Logika

Mező megjelenítése HA: Szolgáltatás = "Vállalat" ÉS Költségvetés > 10000 ÉS Idővonal = "Ez a negyedév"

MINDEN feltételnek igaznak kell lennie.

VAGY Logika

Mező megjelenítése HA: Szolgáltatás = "Webdesign" VAGY Szolgáltatás = "SEO" VAGY Szolgáltatás = "Marketing"

BÁRMELY feltétel igaznak bizonyulhat.

Kombinált ÉS/VAGY

Mező megjelenítése HA: (Szolgáltatás = "Webdesign" VAGY Szolgáltatás = "SEO") ÉS Költségvetés > 5000

Keverés összetett logikához.

Dinamikus űrlapok bevált gyakorlatai

1. Indítsa el az Egyszerűt

• Kezdj egy vagy két feltétellel
• Fokozatosan add hozzá a bonyolultságot
• Teszteld az egyes kiegészítéseket

2. Tartsa tisztán a logikát

• Használj egyértelmű kérdéseket
• Kerülje a zavaró függőségeket
• Dokumentáld a logikádat

3. Mezők logikus elhelyezése

• A feltételes mezők az eseményindító után jelennek meg.
• Természetes áramlás fenntartása
• Csoporthoz kapcsolódó mezők

4. Kötelező mezők kezelése

• A rejtett mezők kitöltése nem kötelező
• Csak akkor legyen kötelező, ha látható
• Tesztbeküldés rejtett kötelező mezőkkel

5. Vizuális visszajelzés nyújtása

• Sima animációk a megjelenő mezőkhöz
• Tiszta átmenetek
• Nincsenek megrázó változások

6. Minden útvonal tesztelése

• Minden trigger opció
• Minden kombináció, ha ÉS/VAGY függvényt használunk
• Mobil és asztali
• Különböző böngészők

Valós dinamikus űrlap példák

1. példa: Eseményregisztráció

ravaszt: Jelenléti típus

• Személyes megjelenés → Mutatjuk: Étrendi korlátozások, pólóméret, vészhelyzet esetén értesítendő személy
• Virtuális → Mutat: Időzóna, Platformbeállítás
• Hibrid → Mutatja: Az összes fenti

2. példa: Álláspályázat

ravaszt: Pozíció típusa

• Teljes munkaidő → Mutat: Fizetési elvárás, Kezdés dátuma
• Részmunkaidő → Mutat: Elérhető órák, Beosztási beállítások
• Szerződés → Mutat: Óradíj, Projekt időtartama

3. példa: Támogatási jegy

ravaszt: Probléma kategória

• Technikai → Mutat: Böngésző, Operációs rendszer, Hibaüzenet, Képernyőkép feltöltése
• Számlázás → Megjelenítés: Rendelési szám, Számlaszám
• Fiók → Megjelenítés: Felhasználónév, Fiók e-mail címe
• Funkciókérés → Megjelenítés: Funkcióleírás, Használati eset

4. példa: Árajánlatkérés

ravaszt: Projekt típusa

• Új weboldal → Mutat: Iparág, Oldalszám, Szükséges funkciók
• Újratervezés → Megjelenítés: Jelenlegi URL, Mit tartson meg, Mit változtasson
• Karbantartás → Megjelenítés: Aktuális URL, Szükséges feladatok, Gyakoriság

5. példa: Visszajelzési űrlap

ravaszt: Elégedettségi értékelés

• 1-3 (Alacsony) → Mutassa a „Mi ment rosszul?” szövegmezőt
• 4-5 (Magas) → Mutassa a következő szövegmezőt: „Mit csináltunk jól?”

Dinamikus űrlapok hibaelhárítása

Mező nem jelenik meg

• Ellenőrizze, hogy a feltétel helyesen van-e beállítva
• Ellenőrizze, hogy az indítójel mező értéke pontosan megegyezik-e
• Ellenőrizze az állapotértékekben szereplő elgépeléseket
• A művelet megerősítése a „Megjelenítés”, nem pedig az „Elrejtés” lehetőségre van állítva.

Mező nem rejtőzik

• Alapértelmezett állapot ellenőrzése (rejtve kell kezdődnie)
• Feltétellogika ellenőrzése
• Törölje a böngésző gyorsítótárát

Kötelező mező kitöltése Blokkoló beküldés

• A rejtett mezők kitöltése nem kötelező
• Csak akkor kell beállítani, ha látható
• Feltételesen kötelező beállítások ellenőrzése

Logika nem működik mobilon

• Tesztelés valós eszközön
• JavaScript hibák ellenőrzése
• Reszponzív viselkedés ellenőrzése

Az adatok nem mentődnek el megfelelően

• Rejtett mezők adatkezelésének ellenőrzése
• Rejtett értékek törlésének ellenőrzése
• Teszt beküldése minden útvonalhoz

Haladó dinamikus űrlaptechnikák

Láncolt feltételek

Az A mező aktiválja a B mezőt, amely aktiválja a C mezőt:

Szolgáltatástípus → HA "Vállalat" → Megjelenítés: Vállalat mérete → HA "1000+" → Megjelenítés: Dedikált ügyfélkapcsolati menedzser jelölőnégyzet

Feltételes szakaszok

Mezőcsoportok együttes megjelenítése/elrejtése:

HA „Szállítás szükséges” = Igen → A teljes szállítási cím szakasz megjelenítése (5 mező)

Feltételes e-mail-útválasztás

Különböző címzettek a kiválasztások alapján:

HA Osztály = "Értékesítés" → E-mail cím [e-mail védett]
IF Osztály = "Támogatás" → E-mail cím [e-mail védett]

Feltételes megerősítő üzenetek

Különböző köszönőüzenetek:

HA a lekérdezés típusa = "Értékesítés" → Mutat: "Értékesítési csapatunk 24 órán belül felveszi Önnel a kapcsolatot." HA a lekérdezés típusa = "Támogatás" → Mutat: "Jegy létrehozva. A jegy számát e-mailben ellenőrizheti."

Gyakran ismételt kérdések

Hány feltételem lehet?

Technikailag korlátlan, de kezelhető legyen. 5-10 jól megtervezett feltétel jól működik. 15-20-nál több feltétel általában azt jelenti, hogy az űrlapot fel kell osztani.

A rejtett mezők továbbra is elküldik az adatokat?

A megvalósítástól függ. A rejtett mezők általában nem küldik el az adatokat (tisztább adatok). Egyes rendszerek üres értékeket küldenek. Teszteld az adott beállítást.

Használhatok feltételeket a küldés gombra?

Általánosságban elmondható, hogy a beküldés gombot mindig látható helyen kell tartani. Az elrejtése összezavarhatja a felhasználókat. Ehelyett feltételesen kitöltendő mezőket használjon a folyamat szabályozására.

A feltételes logika lelassítja az űrlapomat?

A modern implementációknak elhanyagolható a teljesítményre gyakorolt ​​hatásuk. Csak a rendkívül összetett, sok mezőt tartalmazó logika okozhat kisebb késéseket.

Tesztelhetek beküldés nélkül?

A láthatóság teszteléséhez használd az előnézeti módot. A teljes teszteléshez, beleértve az adatbeküldést is, használd a törölhető tesztbeküldéseket.

Összegzésként

Dinamikus űrlapok létrehozása feltételes logikával:

1. Tervezze meg a logikáját – Térképezze fel az eseményeket, feltételeket és célokat
2. Alapűrlap építése – Minden mező megfelelően elrendezve
3. Triggermezők hozzáadása – Legördülő menük, választógombok, jelölőnégyzetek
4. Feltételek beállítása – Kapcsolja össze a triggereket a célmezőkkel
5. Megjelenítés/elrejtés konfigurálása – Határozza meg, hogy mi jelenik meg, amikor
6. A fogantyú követelményei – Csak akkor kötelező, ha látható
7. Tesztelje alaposan – Minden útvonal, minden eszköz

Összegzés

A feltételes logikával rendelkező dinamikus űrlapok olyan személyre szabott élményt nyújtanak, amelyet a statikus űrlapok nem tudnak felülmúlni. A felhasználók csak a releváns kérdéseket látják, az űrlapok rövidebbnek tűnnek, és jobb adatokat gyűjthet. Kezdjen egyszerű feltételekkel – Igen/Nem válaszok és kategóriaelágazások –, majd szükség szerint növelje a bonyolultságot. A kulcs az, hogy a logika láthatatlan legyen a felhasználók számára, miközben pontosan a megfelelő mezőket jelenítse meg a helyzetüknek megfelelően.

Automatikus űrlapkészítők A Feltételes Logika bővítmény egyszerűvé teszi a dinamikus űrlapok létrehozását. Vizuális felületen állíthat be megjelenítési/elrejtési szabályokat, összetett feltételekhez használhat ÉS/VAGY logikát, és olyan űrlapokat hozhat létre, amelyek minden felhasználóhoz alkalmazkodnak.

Készen állsz dinamikus űrlapok létrehozására? Töltse le az automatikus űrlapkészítőt és kezdjen el olyan űrlapokat készíteni, amelyek intelligensen reagálnak a felhasználói bevitelre.