Kako kreirati dinamičke forme pomoću uslovne logike

Statički obrasci svima postavljaju ista pitanja. Dinamički obrasci se prilagođavaju. Odaberite "Poslovni upit" i pojavit će se polja kompanije. Odaberite "Ostalo" i otvorit će se tekstualni okvir. Odgovorite sa "Da" i dodatna pitanja će se sama otkriti. Uslovna logika transformiše krute upitnike u inteligentne razgovore koji odgovaraju na situaciju svakog korisnika.

U ovom vodiču ćete naučiti kako kreirati dinamičke obrasce s uvjetnom logikom koji prikazuju prava polja pravim ljudima u pravo vrijeme.

Šta čini formu dinamičnom?

Statički obrazac

• Svaki korisnik vidi svako polje
• Fiksna struktura
• Nema adaptacije
• Jedna veličina odgovara svima

Dynamic Form

• Polja se pojavljuju na osnovu odgovora
• Prilagođava se kontekstu korisnika
• Personalizirano iskustvo
• Prikazana su samo relevantna pitanja

Razlika

STATIČKO: Ime → E-pošta → Telefon → Kompanija → Budžet → Poruka (svi vide svih 6) DINAMIČKO: Ime → E-pošta → "Vrsta upita?" → AKO je Lično: Telefon → Poruka (4 polja) → AKO je Poslovno: Kompanija → Telefon → Budžet → Poruka (6 polja)

Kako funkcioniše uslovna logika

Osnovna struktura

AKO [uslov je ispunjen] ONDA [prikaži/sakrij polje(a)]

komponente

• Polje okidača: Polje koje određuje šta se dešava
• Stanje: Koja vrijednost pokreće akciju
• Akcija: Prikaži ili sakrij
• Ciljno polje(a): Šta se pojavljuje ili nestaje

primjer

Okidač: "Jeste li postojeći kupac?" Uslov: Vrijednost je jednaka "Da" Akcija: Prikaži Cilj: Polje "ID kupca"

Kreiranje vašeg prvog dinamičkog obrasca

Korak 1: Planirajte svoju logiku

Prije izgradnje, isplanirajte:

• Koja pitanja koja će vas potaknuti da ih pokrenete (okidače) ćete postaviti?
• Koja polja zavise od kojih odgovora?
• Šta je podrazumevano (skriveno ili prikazano)?

Korak 2: Izgradite osnovni obrazac

1. Otvorite svoj obrazac u A.F.B.
2. Dodaj sva polja (i uvijek prikazana i uvjetna)
3. Poredaj logičnim redoslijedom

Korak 3: Identifikujte polja okidača

Dobra okidačka polja:

• Padajući meniji s jasnim kategorijama
• Radio dugmad (Da/Ne, odabir tipa)
• Kvačice

Korak 4: Postavljanje uslova

1. Odaberite ciljno polje (ono koje želite prikazati/sakriti)
2. Otvori postavke uslovne logike
3. Odaberite polje za okidanje
4. Postavite uslov (jednako, sadrži, itd.)
5. Definišite radnju (prikaži/sakrij)

Korak 5: Testirajte svaku putanju

1. Pregled obrasca
2. Testirajte svaku opciju okidača
3. Provjerite da li se prikazuju ispravna polja
4. Pošaljite testove
5. Provjerite ispravnost spremanja podataka

Uobičajeni obrasci dinamičkih obrazaca

Uzorak 1: Da/Ne praćenje

Struktura:

Imate li web stranicu? ○ Da ○ Ne AKO Da → Prikaži: polje "URL web stranice" AKO Ne → Prikaži: polje "Želite li pomoć pri kreiranju jedne?"

Upotreba za: Kvalifikacijska pitanja s različitim dodatnim pitanjima

Uzorak 2: Grananje kategorija

Struktura:

Koja vrsta upita? ○ Prodaja ○ Podrška ○ Naplata ○ Ostalo AKO Prodaja → Prikaži: Budžet, Vremenski okvir, Veličina kompanije AKO Podrška → Prikaži: Broj narudžbe, Opis problema AKO Naplata → Prikaži: Broj fakture, E-mail računa AKO Ostalo → Prikaži: Tekstualno područje "Molimo opišite"

Upotreba za: Različita pitanja za različite tipove korisnika

Uzorak 3: Specifikacija „Ostalo“

Struktura:

Kako ste čuli za nas? ☐ Google ☐ Društvene mreže ☐ Prijatelj ☐ Ostalo AKO je označeno Ostalo → Prikaži: tekstualno polje "Molimo navedite"

Upotreba za: Snimanje prilagođenih odgovora

Obrazac 4: Progresivno otkrivanje

Struktura:

Osnovne informacije: Ime, E-pošta (uvijek prikazano) Želite li navesti više detalja? ○ Da ○ Ne AKO Da → Prikaži: Kompanija, Telefon, Opis projekta, Budžet

Upotreba za: Opcionalne detaljne informacije

Uzorak 5: Uslovno otpremanje datoteke

Struktura:

Imate li prateću dokumentaciju? ○ Da ○ Ne AKO Da → Prikaži: Polje za otpremanje datoteke

Upotreba za: Dodatni prilozi

Uzorak 6: Kupac u odnosu na potencijalnog klijenta

Struktura:

Jeste li trenutni kupac? ○ Da ○ Ne AKO Da → Prikaži: ID kupca, E-mail računa AKO Ne → Prikaži: Kompanija, Kako ste čuli za nas?

Upotreba za: Različiti tokovi za postojeće i nove

Izgradnja kompletnog dinamičkog obrasca: Primjer

Obrazac za upit o usluzi

Uvijek vidljiva polja:

• Ime (obavezno)
• E-mail (obavezno)
• Interes za uslugu (padajući meni – okidač)

Opcije za kamate na usluge:

• Web Design
• SEO
• marketing
• Consulting
• Ostalo

Uslovna polja:

IF Web dizajn:

• Trenutni URL web stranice
• Broj potrebnih stranica
• Postavke dizajna (padajući izbornik)

AKO SEO:

• Trenutni URL web stranice
• Ciljane ključne riječi (tekstualno područje)
• Mjesečni raspon budžeta

IF Marketing:

• Marketinški kanali (potvrdne kućice)
• Ciljana publika
• Mjesečni raspon budžeta

IF savjetovanje:

• Tema konsultacija
• Željeno vrijeme sastanka

AKO Ostalo:

• Molimo opišite (tekstualno polje)

Uvijek vidljivo (nakon uvjetnog):

• Dodatne napomene (opciono)
• Dugme za slanje

rezultat

• Posjetioci web dizajna vide 6 polja
• SEO posjetioci vide 6 polja
• Posjetioci marketinga vide 6 polja
• Posjetioci konsultacija vide 5 polja
• Drugi posjetioci vide 4 polja

Tipovi stanja

Jednako

AKO [Polje] jednako "Vrijednost"

Potrebno je tačno podudaranje.

Nije jednako

AKO [Polje] nije jednako "Vrijednost"

Bilo šta osim te vrijednosti.

sadrži

AKO [Polje] sadrži "tekst"

Vrijednost negdje uključuje tekst.

Prazno

AKO je [Polje] prazno

Nije unesena vrijednost.

Nije prazno

AKO [Polje] nije prazno

Bilo koja unesena vrijednost.

Veće od / Manje od

AKO je [Brojno polje] veće od 100 AKO je [Brojno polje] manje od 50

Numerička poređenja.

Višestruki uslovi

AND Logic

Prikaži polje AKO: Usluga = "Preduzeće" I Budžet > 10000 I Vremenski okvir = "Ovaj kvartal"

SVI uslovi moraju biti ispunjeni.

OR Logika

Prikaži polje AKO: Usluga = "Web dizajn" ILI Usluga = "SEO" ILI Usluga = "Marketing"

Dovoljno je da je BILO KOJI uslov ispunjen.

Kombinovano I/ILI

Prikaži polje AKO: (Usluga = "Web dizajn" ILI Usluga = "SEO") I Budžet > 5000

Miks za kompleksnu logiku.

Najbolje prakse za dinamičke obrasce

1. Počnite jednostavno

• Počnite s jednim ili dva uvjeta
• Postepeno povećavajte složenost
• Testirajte svaki dodatak

2. Održavajte logiku jasnom

• Koristite očigledna pitanja koja izazivaju
• Izbjegavajte zbunjujuće zavisnosti
• Dokumentujte svoju logiku

3. Logički pozicionirajte polja

• Uslovna polja se pojavljuju nakon okidača
• Održavajte prirodni tok
• Polja povezana s grupom

4. Obrada obaveznih polja

• Skrivena polja ne bi trebala biti obavezna
• Obavezno samo kada je vidljivo
• Testni zadatak sa skrivenim obaveznim poljima

5. Pružite vizualnu povratnu informaciju

• Glatke animacije za polja koja se pojavljuju
• Jasni prelazi
• Nema drastičnih promjena

6. Testirajte sve putanje

• Svaka opcija okidača
• Svaka kombinacija ako se koristi I/ILI
• Mobilni i desktop
• Različiti preglednici

Primjeri dinamičkih formi iz stvarnog svijeta

Primjer 1: Registracija događaja

Okidač: Vrsta prisustva

• Lično → Prikaži: Dijetalna ograničenja, Veličina majice, Kontakt u slučaju nužde
• Virtualno → Prikaži: Vremensku zonu, Preferenciju platforme
• Hibrid → Prikaži: Sve navedeno

Primjer 2: Prijava za posao

Okidač: Vrsta pozicije

• Puno radno vrijeme → Prikaži: Očekivana plata, Datum početka
• Nepuno radno vrijeme → Prikaži: Dostupni sati, Postavke rasporeda
• Ugovor → Prikaži: Satnica, Trajanje projekta

Primjer 3: Zahtjev za podršku

Okidač: Kategorija problema

• Tehnički → Prikaži: Preglednik, OS, Poruka o grešci, Otpremanje snimka ekrana
• Naplata → Prikaži: Broj narudžbe, Broj fakture
• Račun → Prikaži: Korisničko ime, E-pošta računa
• Zahtjev za funkciju → Prikaži: Opis funkcije, Primjer upotrebe

Primjer 4: Zahtjev za ponudu

Okidač: Vrsta projekta

• Nova web stranica → Prikaži: Industrija, Broj stranica, Potrebne funkcije
• Redizajn → Prikaži: Trenutni URL, Šta zadržati, Šta promijeniti
• Održavanje → Prikaži: Trenutni URL, Potrebni zadaci, Učestalost

Primjer 5: Obrazac za povratne informacije

Okidač: Ocjena zadovoljstva

• 1-3 (Nisko) → Prikaži: tekstualno područje „Šta je pošlo po zlu?“
• 4-5 (Visoka) → Prikaži: tekstualno polje „Šta smo dobro uradili?“

Rješavanje problema s dinamičkim obrascima

Polje se ne prikazuje

• Provjeri da li je uslov ispravno postavljen
• Provjerite da se vrijednost polja okidača tačno podudara
• Provjerite ima li tipografskih grešaka u vrijednostima uslova
• Potvrdite da je akcija "Prikaži", a ne "Sakrij"

Polje se ne skriva

• Provjerite zadano stanje (trebalo bi početi skriveno)
• Provjeri logiku uvjeta
• Očistite predmemoriju pregledača

Blokiranje obaveznog polja za slanje

• Skrivena polja ne bi trebala biti obavezna
• Postavljanje je obavezno samo kada je vidljivo
• Provjerite uvjetno obavezne postavke

Logika ne radi na mobilnom uređaju

• Testiranje na stvarnom uređaju
• Provjerite JavaScript greške
• Provjerite responzivno ponašanje

Podaci se ne spremaju ispravno

• Provjerite rukovanje podacima skrivenih polja
• Provjerite da li skrivene vrijednosti treba obrisati
• Testni zadatak za svaku putanju

Napredne tehnike dinamičkih formi

Lančani uslovi

Polje A aktivira Polje B, koje aktivira Polje C:

Vrsta usluge → AKO "Preduzeće" → Prikaži: Veličina kompanije → AKO "1000+" → Prikaži: Potvrdni okvir za namjenski menadžer računa

Uslovni dijelovi

Prikaži/sakrij grupe polja zajedno:

AKO je "Potrebna dostava" = Da → Prikaži cijeli odjeljak Adresa za dostavu (5 polja)

Uslovno usmjeravanje e-pošte

Različiti primaoci na osnovu odabira:

AKO Odjel = "Prodaja" → Pošalji e-poruku na [email zaštićen]
IF odjel = "Podrška" → E-pošta na [email zaštićen]

Uslovne potvrde

Različite poruke zahvalnosti:

AKO je Vrsta upita = "Prodaja" → Prikaži: "Naš prodajni tim će vas kontaktirati u roku od 24 sata" AKO je Vrsta upita = "Podrška" → Prikaži: "Tiket kreiran. Provjerite e-poštu za broj tiketa"

Često Postavljena Pitanja

Koliko uslova mogu imati?

Tehnički neograničeno, ali neka bude podnošljivo. 5-10 dobro isplaniranih uslova dobro funkcioniše. Više od 15-20 uslova obično znači da obrazac treba podijeliti.

Da li skrivena polja i dalje šalju podatke?

Zavisi od implementacije. Obično se skrivena polja ne šalju (čistiji podaci). Neki sistemi šalju prazne vrijednosti. Testirajte svoju specifičnu postavku.

Mogu li koristiti uslove na dugmetu za slanje?

Generalno, dugme za slanje uvijek treba biti vidljivo. Njegovo skrivanje zbunjuje korisnike. Umjesto toga koristite uslovna obavezna polja kako biste kontrolisali tok.

Hoće li uslovna logika usporiti moj obrazac?

Moderne implementacije imaju zanemariv utjecaj na performanse. Samo izuzetno složena logika s mnogo polja može uzrokovati manja kašnjenja.

Mogu li testirati bez slanja?

Koristite način pregleda za testiranje vidljivosti. Za potpuno testiranje, uključujući slanje podataka, koristite testne slanje koje možete izbrisati.

rezime

Kreiranje dinamičkih formi pomoću uslovne logike:

1. Planirajte svoju logiku – Mapirajte okidače, uslove i ciljeve
2. Izgradi osnovni obrazac – Sva polja, pravilno raspoređena
3. Dodajte polja za okidanje – Padajući meniji, radio dugmad, potvrdne kućice
4. Postavite uslove – Povežite okidače sa ciljnim poljima
5. Konfiguriši prikaz/sakrivanje – Definišite šta se pojavljuje kada
6. Zahtjevi za rukovanje – Obavezno samo kada je vidljivo
7. Testirajte temeljno – Svaka putanja, svaki uređaj

zaključak

Dinamički obrasci s uvjetnom logikom stvaraju personalizirana iskustva kojima statički obrasci ne mogu parirati. Korisnici vide samo relevantna pitanja, obrasci se čine kraćima, a vi prikupljate bolje podatke. Počnite s jednostavnim uvjetima - dodacima Da/Ne i grananjem kategorija - a zatim po potrebi povećavajte složenost. Ključ je u tome da logika bude nevidljiva korisnicima, a istovremeno se isporuče tačno prava polja za njihovu situaciju.

Automatski alat za izradu obrazaca Dodatak Conditional Logic olakšava kreiranje dinamičkih obrazaca. Postavite pravila prikaza/sakrija pomoću vizualnog interfejsa, koristite logiku I/ILI za složene uvjete i kreirajte obrasce koji se prilagođavaju svakom korisniku.

Spremni za kreiranje dinamičnih formi? Preuzmite Auto Form Builder i počnite graditi obrasce koji inteligentno reagiraju na korisnički unos.