Kaip kurti dinamines formas naudojant sąlyginę logiką

Statinės formos visiems užduoda tuos pačius klausimus. Dinaminės formos prisitaiko. Pasirinkite „Verslo užklausa“ ir atsiras įmonės laukai. Pasirinkite „Kita“ ir atsidarys teksto laukas. Atsakykite „Taip“ ir pasirodys tolesni klausimai. Sąlyginė logika paverčia griežtas anketas išmaniais pokalbiais, kurie reaguoja į kiekvieno vartotojo situaciją.

Šiame vadove sužinosite, kaip kurti dinamines formas su sąlygine logika, kurios tinkamu laiku rodo tinkamus laukus tinkamiems žmonėms.

Kas daro formą dinamišką?

Statinė forma

• Kiekvienas vartotojas mato kiekvieną lauką
• Fiksuota struktūra
• Jokio prisitaikymo
• Vienas dydis tinka visiems

Dinaminė forma

• Laukai rodomi pagal atsakymus
• Prisitaiko prie vartotojo konteksto
• Personalizuota patirtis
• Rodomi tik atitinkami klausimai

Skirtumas

STATINIS: Vardas → El. paštas → Telefonas → Įmonė → Biudžetas → Žinutė (visi mato visus 6) DINAMINIS: Vardas → El. paštas → „Užklausos tipas?“ → IF Asmeninis: Telefonas → Žinutė (4 laukai) → IF Verslas: Įmonė → Telefonas → Biudžetas → Žinutė (6 laukai)

Kaip veikia sąlyginė logika

Pagrindinė struktūra

JEI [sąlyga įvykdyta] TAI [rodyti/slėpti lauką(-us)]

komponentai

• Trigerio laukas: Laukas, kuris lemia, kas vyksta
• Būklė: Kokia vertė sukelia veiksmą
• Veiksmas: Rodyti arba slėpti
• Tikslinis laukas(-ai): Kas atsiranda arba išnyksta

Pavyzdys

Aktyvatorius: „Ar esate esamas klientas?“ Sąlyga: Reikšmė lygi „Taip“ Veiksmas: Rodyti Tikslinis: Laukas „Kliento ID“

Pirmosios dinaminės formos kūrimas

1 žingsnis: suplanuokite savo logiką

Prieš statydami, suplanuokite:

• Kokius provokuojančius klausimus užduosite?
• Nuo kurių laukų priklauso kokie atsakymai?
• Koks yra numatytasis nustatymas (paslėptas ar rodomas)?

2 veiksmas: sukurkite pagrindinę formą

1. Atidarykite savo formą A.F.B.
2. Pridėti visus laukus (tiek visada rodomus, tiek sąlyginius)
3. Išdėstyti logine tvarka

3 veiksmas: nustatykite suaktyvinimo laukus

Geri trigerio laukai:

• Išskleidžiamieji meniu su aiškiomis kategorijomis
• Radijo mygtukai (Taip/Ne, tipo pasirinkimas)
• Žymės langelius

4 veiksmas: nustatykite sąlygas

1. Pasirinkite tikslinį lauką (tą, kurį norite rodyti / slėpti)
2. Atidaryti sąlyginės logikos nustatymus
3. Pasirinkite trigerio lauką
4. Nustatykite sąlygą (lygu, yra ir pan.)
5. Apibrėžkite veiksmą (rodyti / slėpti)

5 veiksmas: išbandykite kiekvieną kelią

1. Peržiūrėti formą
2. Išbandykite kiekvieną aktyviklio parinktį
3. Patikrinkite, ar rodomi teisingi laukai
4. Pateikite testo įrašus
5. Patikrinkite, ar duomenys išsaugoti teisingai

Įprasti dinaminių formų modeliai

1 modelis: Taip/Ne Tolesni veiksmai

Struktūra:

Ar turite svetainę? ○ Taip ○ Ne JEI Taip → Rodyti: lauką „Svetainės URL“ JEI Ne → Rodyti: lauką „Ar norėtumėte pagalbos ją kuriant?“

Naudojimas: Kvalifikaciniai klausimai su skirtingais tolesniais klausimais

2 modelis: kategorijų išsišakojimai

Struktūra:

Kokio tipo užklausa? ○ Pardavimai ○ Pagalba ○ Sąskaitų išrašymas ○ Kita, JEI Pardavimai → Rodyti: Biudžetą, Laiko juostą, Įmonės dydį, JEI Pagalba → Rodyti: Užsakymo numerį, Problemos aprašymą, JEI Sąskaitų išrašymas → Rodyti: Sąskaitos faktūros numerį, Kliento el. pašto adresą, JEI Kita → Rodyti: Teksto laukelį „Prašome aprašyti“

Naudojimas: Skirtingi klausimai skirtingiems vartotojų tipams

3 modelis: specifikacija „Kita“

Struktūra:

Kaip apie mus sužinojote? ☐ „Google“ ☐ Socialiniai tinklai ☐ Draugas ☐ Kita JEI pažymėta „Kita“ → Rodyti: teksto laukelį „Prašome nurodyti“

Naudojimas: Užfiksuojami pasirinktiniai atsakymai

4 modelis: Laipsniškas atskleidimas

Struktūra:

Pagrindinė informacija: vardas, pavardė, el. pašto adresas (visada rodomas) Norite pateikti daugiau informacijos? ○ Taip ○ Ne JEI „Taip“ → Rodyti: įmonę, telefoną, projekto aprašymą, biudžetą

Naudojimas: Papildoma išsami informacija

5 modelis: sąlyginis failo įkėlimas

Struktūra:

Ar turite patvirtinamųjų dokumentų? ○ Taip ○ Ne JEI Taip → Rodyti: Failo įkėlimo laukas

Naudojimas: Neprivalomi priedai

6 modelis: klientas ir potencialus klientas

Struktūra:

Ar esate dabartinis klientas? ○ Taip ○ Ne JEI Taip → Rodyti: Kliento ID, Paskyros el. pašto adresą JEI Ne → Rodyti: Įmonę, Kaip apie mus sužinojote?

Naudojimas: Skirtingi srautai esamiems ir naujiems

Pilnos dinaminės formos kūrimas: pavyzdys

Paslaugų užklausos forma

Visada matomi laukai:

• Vardas (privaloma)
• Paštas (privalomas)
• Paslaugos interesas (išskleidžiamasis meniu – aktyviklis)

Paslaugų interesų parinktys:

• Web dizainas
• SEO
• prekyba
• Konsultavimas
• Kiti

Sąlyginiai laukai:

IF žiniatinklio dizainas:

• Dabartinis svetainės URL
• Reikalingų puslapių skaičius
• Dizaino nuostatos (išskleidžiamasis meniu)

JEI SEO:

• Dabartinis svetainės URL
• Tiksliniai raktažodžiai (teksto sritis)
• Mėnesio biudžeto diapazonas

IF rinkodara:

• Rinkodaros kanalai (žymimieji langeliai)
• Tikslinė auditorija
• Mėnesio biudžeto diapazonas

IF konsultacijos:

• Konsultavimo tema
• Pageidaujamas susitikimo laikas

JEI Kita:

• Prašome aprašyti (teksto sritis)

Visada matoma (po sąlyginio sakinio):

• Papildomos pastabos (nebūtina)
• Pateikimo mygtukas

Pasekmė

• Žiniatinklio dizaino lankytojai mato 6 laukus
• SEO lankytojai mato 6 laukus
• Rinkodaros lankytojai mato 6 laukus
• Konsultuojantys lankytojai mato 5 laukus
• Kiti lankytojai mato 4 laukus

Sąlygų tipai

lygu

JEI [Laukas] lygu „Reikšmei“

Reikalingas tikslus atitikimas.

Ne lygu

JEI [Laukas] nėra lygus „Reikšmei“

Bet kas, išskyrus tą vertę.

Sudėtyje yra

JEI [Laukas] yra „tekstas“

Reikšmė kažkur apima tekstą.

Yra tuščias

JEI [Laukas] tuščias

Neįvesta jokia reikšmė.

Nėra tuščia

JEI [Laukas] nėra tuščias

Bet kokia įvesta reikšmė.

Didesnis nei / Mažiau nei

JEI [Skaičių laukas] yra didesnis nei 100 JEI [Skaičių laukas] yra mažesnis nei 50

Skaitiniai palyginimai.

Kelios sąlygos

IR logika

Rodyti lauką, JEI: Paslauga = „Įmonė“ IR Biudžetas > 10000 IR Laiko juosta = „Šis ketvirtis“

VISOS sąlygos turi būti teisingos.

ARBA logika

Rodyti lauką, JEI: Paslauga = „Žiniatinklio dizainas“ ARBA Paslauga = „SEO“ ARBA Paslauga = „Rinkodara“

Užtenka, kad BET KOKIA sąlyga būtų teisinga.

Kartu IR/ARBA

Rodyti lauką, JEI: (Paslauga = „Žiniatinklio dizainas“ ARBA Paslauga = „SEO“) IR Biudžetas > 5000

Sudėtinga logika.

Geriausios dinaminių formų praktikos

1. Pradėkite nuo paprasto

• Pradėkite nuo vienos ar dviejų sąlygų
• Palaipsniui didinkite sudėtingumą
• Patikrinkite kiekvieną papildymą

2. Išlaikykite logiką aiškią

• Naudokite akivaizdžius provokuojančius klausimus
• Venkite painių priklausomybių
• Dokumentuokite savo logiką

3. Logiškai išdėstykite laukus

• Sąlyginiai laukai rodomi po paleidiklio
• Palaikykite natūralų srautą
• Su grupe susiję laukai

4. Tvarkykite privalomus laukus

• Paslėpti laukai neturėtų būti privalomi
• Privaloma tik tada, kai matoma
• Bandomasis pateikimas su paslėptais privalomais laukais

5. Pateikite vaizdinį grįžtamąjį ryšį

• Sklandžios rodomų laukų animacijos
• Aiškūs perėjimai
• Jokių staigių pokyčių

6. Patikrinkite visus kelius

• Kiekviena paleidimo parinktis
• Kiekvienas derinys, jei naudojamas IR/ARBA
• Mobiliesiems ir stacionariems įrenginiams
• Skirtingos naršyklės

Realaus pasaulio dinaminių formų pavyzdžiai

1 pavyzdys: Renginio registracija

Trigeris: Dalyvavimo tipas

• Asmeniškai → Rodyti: Mitybos apribojimai, marškinėlių dydis, kontaktinis asmuo nelaimės atveju
• Virtualus → Rodyti: Laiko juosta, Platformos pasirinkimas
• Hibridas → Rodyti: Visi aukščiau išvardyti

2 pavyzdys: Darbo paraiška

Trigeris: Pozicijos tipas

• Visas etatas → Rodyti: Atlyginimo lūkesčiai, Pradžios data
• Ne visas etatas → Rodyti: Laisvas valandas, Tvarkaraščio nuostatas
• Sutartis → Rodyti: Valandinis įkainis, Projekto trukmė

3 pavyzdys: Palaikymo užklausa

Trigeris: Problemos kategorija

• Techninė informacija → Rodyti: Naršyklė, OS, Klaidos pranešimas, Ekrano kopijos įkėlimas
• Atsiskaitymas → Rodyti: Užsakymo numeris, Sąskaitos faktūros numeris
• Paskyra → Rodyti: Vartotojo vardas, Paskyros el. pašto adresas
• Funkcijos užklausa → Rodyti: Funkcijos aprašymas, Naudojimo atvejis

4 pavyzdys: Užklausa dėl kainos

Trigeris: Projekto tipas

• Nauja svetainė → Rodyti: Pramonės šaka, Puslapių skaičius, Reikalingos funkcijos
• Pertvarkyti → Rodyti: Dabartinis URL, Ką išlaikyti, Ką keisti
• Priežiūra → Rodyti: Dabartinis URL, Reikalingos užduotys, Dažnis

5 pavyzdys: Atsiliepimų forma

Trigeris: Pasitenkinimo įvertinimas

• 1-3 (žemas) → Rodyti teksto sritį „Kas nutiko ne taip?“.
• 4–5 (Aukštas) → Rodyti teksto sritį „Ką mes padarėme gerai?“.

Dinaminių formų trikčių šalinimas

Laukas nerodomas

• Patikrinkite, ar sąlyga nustatyta teisingai
• Patikrinkite, ar aktyviklio lauko reikšmė tiksliai atitinka
• Patikrinkite, ar būklės reikšmėse nėra rašybos klaidų
• Patvirtinkite, kad veiksmas yra „Rodyti“, o ne „Slėpti“

Laukas neslepiamas

• Patvirtinkite numatytąją būseną (turėtų prasidėti paslėpta)
• Patikrinkite sąlygos logiką
• Išvalyti naršyklės talpyklą

Privalomas laukas Blokavimo pateikimas

• Paslėpti laukai neturėtų būti privalomi
• Nustatyti privaloma tik tada, kai matoma
• Patikrinkite sąlyginius privalomus nustatymus

Logika neveikia mobiliajame telefone

• Bandymas realiame įrenginyje
• Patikrinkite „JavaScript“ klaidas
• Patikrinkite reaguojantį elgesį

Duomenys neišsaugomi teisingai

• Patikrinkite paslėptų laukų duomenų tvarkymą
• Patikrinkite, ar reikia išvalyti paslėptas reikšmes
• Kiekvieno kelio bandymo pateikimas

Išplėstinės dinaminės formos technikos

Grandininės sąlygos

A laukas suaktyvina B lauką, kuris suaktyvina C lauką:

Paslaugos tipas → JEI „Įmonė“ → Rodyti: Įmonės dydis → JEI „1000+“ → Rodyti: Paskirto klientų vadybininko žymimasis langelis

Sąlyginės sekcijos

Rodyti / slėpti laukų grupes kartu:

JEI „Reikalingas siuntimas“ = Taip → Rodyti visą pristatymo adreso skiltį (5 laukai)

Sąlyginis el. pašto nukreipimas

Skirtingi gavėjai pagal pasirinkimus:

JEI skyrius = „Pardavimai“ → El. paštas adresas [apsaugotas el. paštu]
IF skyrius = „Pagalba“ → El. paštas [apsaugotas el. paštu]

Sąlyginio patvirtinimo pranešimai

Įvairūs padėkos laiškai:

JEI užklausos tipas = „Pardavimai“ → Rodyti: „Mūsų pardavimų komanda su jumis susisieks per 24 valandas“ JEI užklausos tipas = „Pagalba“ → Rodyti: „Užklausa sukurta. Užklausos numerį galite rasti el. paštu“

Dažnai užduodami klausimai

Kiek sąlygų galiu turėti?

Techniškai neribota, bet pasirūpinkite, kad būtų valdoma. 5–10 gerai suplanuotų sąlygų veikia gerai. Daugiau nei 15–20 sąlygų paprastai reiškia, kad formą reikia padalyti.

Ar paslėpti laukai vis tiek pateikia duomenis?

Priklauso nuo įdiegimo. Paprastai paslėpti laukai nepateikiami (švaresni duomenys). Kai kurios sistemos pateikia tuščias reikšmes. Išbandykite savo konkrečią sąranką.

Ar galiu naudoti sąlygas pateikimo mygtuke?

Paprastai pateikimo mygtuką visada laikykite matomą. Jo paslėpimas klaidina vartotojus. Vietoj to naudokite sąlyginius privalomus laukus, kad valdytumėte srautą.

Ar sąlyginė logika sulėtins mano formą?

Šiuolaikiniai diegimai turi nežymų poveikį našumui. Tik itin sudėtinga logika su daugybe laukų gali sukelti nedidelius vėlavimus.

Ar galiu testuoti nepateikdamas?

Matomumui patikrinti naudokite peržiūros režimą. Visapusiškam testavimui, įskaitant duomenų pateikimą, naudokite testinius pateikimus, kuriuos galite ištrinti.

Santrauka

Dinaminių formų kūrimas naudojant sąlyginę logiką:

1. Planuokite savo logiką – Susieti su paleidikliais, sąlygomis ir taikiniais
2. Sukurkite pagrindinę formą – Visi laukai tinkamai išdėstyti
3. Pridėti aktyviklio laukus – Išskleidžiamieji meniu, radijo mygtukai, žymimieji langeliai
4. Nustatykite sąlygas – Susieti paleidiklius su tiksliniais laukais
5. Rodyti/slėpti konfigūravimas – Apibrėžkite, kas rodoma, kai
6. Rankenos reikalavimai – Reikalinga tik tada, kai matoma
7. Kruopščiai išbandykite – Kiekvienas kelias, kiekvienas įrenginys

Išvada

Dinaminės formos su sąlygine logika sukuria suasmenintą patirtį, kurios statinės formos negali pasiūlyti. Vartotojai mato tik atitinkamus klausimus, formos atrodo trumpesnės, o jūs renkate geresnius duomenis. Pradėkite nuo paprastų sąlygų – „Taip“ / „Ne“ tęsinio ir kategorijų šakojimo – tada didinkite sudėtingumą pagal poreikį. Svarbiausia – padaryti logiką nematomą vartotojams, tuo pačiu pateikiant tiksliai tinkamus laukus jų situacijai.

Automatinių formų kūrimo priemonės Sąlyginės logikos priedas supaprastina dinaminių formų kūrimą. Nustatykite rodymo / slėpimo taisykles naudodami vaizdinę sąsają, naudokite IR / ARBA logiką sudėtingoms sąlygoms ir kurkite formas, kurios prisitaiko prie kiekvieno naudotojo.

Pasiruošę kurti dinamines formas? Atsisiųskite automatinį formų kūrimo įrankį ir pradėkite kurti formas, kurios intelektualiai reaguoja į vartotojo įvestį.