Cara Membuat Formulir Dinamis dengan Logika Bersyarat

Formulir statis mengajukan pertanyaan yang sama kepada semua orang. Formulir dinamis beradaptasi. Pilih "Pertanyaan bisnis" dan kolom perusahaan akan muncul. Pilih "Lainnya" dan kotak teks akan terbuka. Jawab "Ya" dan pertanyaan lanjutan akan muncul. Logika bersyarat mengubah kuesioner yang kaku menjadi percakapan cerdas yang merespons situasi setiap pengguna.

Dalam panduan ini, Anda akan mempelajari cara membuat formulir dinamis dengan logika kondisional yang menampilkan kolom yang tepat kepada orang yang tepat pada waktu yang tepat.

Apa yang Membuat Formulir Menjadi Dinamis?

Bentuk Statis

• Setiap pengguna dapat melihat setiap kolom.
• Struktur tetap
• Tidak ada adaptasi
• Satu ukuran cocok untuk semua

Bentuk Dinamis

• Kolom akan muncul berdasarkan jawaban.
• Beradaptasi dengan konteks pengguna
• Pengalaman yang dipersonalisasi
• Hanya pertanyaan yang relevan yang ditampilkan.

Perbedaan

STATIS: Nama → Email → Telepon → Perusahaan → Anggaran → Pesan (semua orang melihat keenamnya) DINAMIS: Nama → Email → "Jenis Pertanyaan?" → JIKA Pribadi: Telepon → Pesan (4 kolom) → JIKA Bisnis: Perusahaan → Telepon → Anggaran → Pesan (6 kolom)

Cara Kerja Logika Bersyarat

Struktur Dasar

JIKA [kondisi terpenuhi] MAKA [tampilkan/sembunyikan kolom(kolom)]

Komponen

• Bidang pemicu: Bidang yang menentukan apa yang terjadi
• Kondisi: Nilai apa yang memicu tindakan tersebut?
• Tindakan: Tampilkan atau sembunyikan
• Bidang target: Apa yang muncul atau menghilang

Example

Pemicu: "Apakah Anda pelanggan lama?" Kondisi: Nilai sama dengan "Ya" Tindakan: Tampilkan Target: Kolom "ID Pelanggan"

Membuat Formulir Dinamis Pertama Anda

Langkah 1: Rencanakan Logika Anda

Sebelum membangun, buatlah peta terlebih dahulu:

• Pertanyaan pemicu apa yang akan Anda ajukan?
• Bidang apa yang bergantung pada jawaban mana?
• Apa pengaturan default-nya (tersembunyi atau ditampilkan)?

Langkah 2: Membangun Bentuk Dasar

1. Buka formulir Anda di A.F.B.
2. Tambahkan semua kolom (baik yang selalu ditampilkan maupun yang bersyarat)
3. Susunlah dalam urutan logis.

Langkah 3: Mengidentifikasi Bidang Pemicu

Kolom pemicu yang baik:

• Menu tarik-turun dengan kategori yang jelas
• Tombol radio (Ya/Tidak, ketik pilihan)
• Kotak centang

Langkah 4: Menetapkan Kondisi

1. Pilih kolom target (kolom yang ingin ditampilkan/disembunyikan)
2. Buka pengaturan logika kondisional
3. Pilih kolom pemicu
4. Tetapkan kondisinya (sama dengan, berisi, dll.)
5. Tentukan tindakannya (tampilkan/sembunyikan)

Langkah 5: Uji Setiap Jalur

1. Pratinjau formulir
2. Uji setiap opsi pemicu.
3. Pastikan kolom yang benar muncul.
4. Kirimkan entri uji coba
5. Periksa apakah data tersimpan dengan benar.

Pola Bentuk Dinamis Umum

Pola 1: Tindak Lanjut Ya/Tidak

Struktur:

Apakah Anda memiliki situs web? ○ Ya ○ Tidak JIKA Ya → Tampilkan: kolom "URL Situs Web" JIKA Tidak → Tampilkan: kolom "Apakah Anda memerlukan bantuan untuk membuatnya?"

Digunakan untuk: Pertanyaan kualifikasi dengan berbagai pertanyaan lanjutan

Pola 2: Percabangan Kategori

Struktur:

Jenis pertanyaan apa? ○ Penjualan ○ Dukungan ○ Penagihan ○ Lainnya JIKA Penjualan → Tampilkan: Anggaran, Garis Waktu, Ukuran Perusahaan JIKA Dukungan → Tampilkan: Nomor Pesanan, Deskripsi Masalah JIKA Penagihan → Tampilkan: Nomor Faktur, Email Akun JIKA Lainnya → Tampilkan: Area teks "Silakan jelaskan"

Digunakan untuk: Pertanyaan berbeda untuk tipe pengguna yang berbeda.

Pola 3: Spesifikasi “Lainnya”

Struktur:

Bagaimana Anda mengetahui tentang kami? ☐ Google ☐ Media Sosial ☐ Teman ☐ Lainnya JIKA Lainnya dicentang → Tampilkan: kolom teks "Silakan sebutkan"

Digunakan untuk: Merekam respons khusus

Pola 4: Pengungkapan Bertahap

Struktur:

Informasi Dasar: Nama, Email (selalu ditampilkan) Ingin memberikan detail lebih lanjut? ○ Ya ○ Tidak JIKA Ya → Tampilkan: Perusahaan, Telepon, Deskripsi Proyek, Anggaran

Digunakan untuk: Informasi detail opsional

Pola 5: Unggahan File Bersyarat

Struktur:

Apakah Anda memiliki dokumen pendukung? ○ Ya ○ Tidak JIKA Ya → Tampilkan: kolom Unggah File

Digunakan untuk: Lampiran opsional

Pola 6: Pelanggan vs. Calon Pelanggan

Struktur:

Apakah Anda pelanggan kami saat ini? ○ Ya ○ Tidak JIKA Ya → Tampilkan: ID Pelanggan, Email Akun JIKA Tidak → Tampilkan: Perusahaan, Bagaimana Anda mengetahui tentang kami?

Digunakan untuk: Alur yang berbeda untuk yang sudah ada dibandingkan dengan yang baru.

Membangun Formulir Dinamis Lengkap: Contoh

Formulir Permintaan Layanan

Kolom yang selalu terlihat:

• Nama (wajib)
• Email (diperlukan)
• Minat Layanan (dropdown – pemicu)

Opsi Minat Layanan:

• Web Desain
• SEO
• Marketing
• Consulting
• Lainnya

Kolom bersyarat:

Desain Web IF:

• URL Situs Web Saat Ini
• Jumlah Halaman yang Dibutuhkan
• Preferensi Desain (menu tarik-turun)

SEO IF:

• URL Situs Web Saat Ini
• Kata Kunci Target (textarea)
• Kisaran Anggaran Bulanan

Pemasaran IF:

• Saluran Pemasaran (kotak centang)
• Target Pemirsa
• Kisaran Anggaran Bulanan

IF Consulting:

• Topik Konsultasi
• Waktu Pertemuan yang Disukai

Jika Lainnya:

• Silakan Jelaskan (teks)

Selalu terlihat (setelah kondisi terpenuhi):

• Catatan Tambahan (opsional)
• Tombol kirim

Hasil

• Pengunjung situs web melihat 6 bidang.
• Pengunjung SEO melihat 6 kolom
• Pengunjung pemasaran melihat 6 bidang
• Pengunjung yang berkonsultasi melihat 5 bidang.
• Pengunjung lain melihat 4 bidang

Jenis Kondisi

sama

JIKA [Bidang] sama dengan "Nilai"

Pencocokan persis diperlukan.

Tidak Sama Dengan

JIKA [Bidang] tidak sama dengan "Nilai"

Apa pun kecuali nilai itu.

Mengandung

JIKA [Kolom] berisi "teks"

Nilai tersebut mencakup teks di suatu tempat.

Kosong

JIKA [Kolom] kosong

Tidak ada nilai yang dimasukkan.

Tidak Kosong

JIKA [Kolom] tidak kosong

Nilai apa pun yang dimasukkan.

Lebih Besar Dari / Lebih Kecil Dari

JIKA [Bidang Angka] lebih besar dari 100 JIKA [Bidang Angka] kurang dari 50

Perbandingan numerik.

Beberapa Kondisi

DAN Logika

Tampilkan kolom JIKA: Layanan = "Perusahaan" DAN Anggaran > 10000 DAN Jangka Waktu = "Kuartal Ini"

SEMUA kondisi harus benar.

ATAU Logika

Tampilkan kolom JIKA: Layanan = "Desain Web" ATAU Layanan = "SEO" ATAU Layanan = "Pemasaran"

Kondisi apa pun yang benar sudah cukup.

Gabungan DAN/ATAU

Tampilkan kolom JIKA: (Layanan = "Desain Web" ATAU Layanan = "SEO") DAN Anggaran > 5000

Campur untuk logika yang kompleks.

Praktik Terbaik untuk Formulir Dinamis

1. Mulai Sederhana

• Mulailah dengan satu atau dua syarat.
• Tambahkan kompleksitas secara bertahap.
• Uji setiap penambahan

2. Jaga Logika Tetap Jelas

• Gunakan pertanyaan pemicu yang jelas.
• Hindari ketergantungan yang membingungkan
• Dokumentasikan logika Anda

3. Posisi Bidang Secara Logis

• Kolom bersyarat muncul setelah pemicu.
• Pertahankan aliran alami.
• Bidang terkait kelompok

4. Tangani Kolom yang Wajib Diisi

• Kolom tersembunyi tidak perlu diisi.
• Wajibkan hanya jika terlihat
• Pengiriman tes dengan kolom wajib yang disembunyikan.

5. Berikan Umpan Balik Visual

• Animasi halus untuk munculnya kolom.
• Transisi yang jelas
• Tidak ada perubahan yang mengejutkan.

6. Uji Semua Jalur

• Setiap opsi pemicu
• Setiap kombinasi jika menggunakan AND/OR
• Seluler dan desktop
• Browser yang berbeda

Contoh Bentuk Dinamis di Dunia Nyata

Contoh 1: Pendaftaran Acara

Pelatuk: Jenis kehadiran

• Bertemu Langsung → Tampilkan: Batasan diet, ukuran kaos, kontak darurat
• Virtual → Tampilkan: Zona waktu, Preferensi platform
• Hibrida → Tampilkan: Semua hal di atas

Contoh 2: Lamaran Pekerjaan

Pelatuk: Jenis posisi

• Penuh waktu → Tampilkan: Ekspektasi gaji, Tanggal mulai
• Paruh waktu → Tampilkan: Jam kerja yang tersedia, Preferensi jadwal
• Kontrak → Tampilkan: Tarif per jam, Durasi proyek

Contoh 3: Tiket Dukungan

Pelatuk: Kategori masalah

• Teknis → Tampilkan: Peramban, Sistem Operasi, Pesan kesalahan, Unggah tangkapan layar
• Penagihan → Tampilkan: Nomor pesanan, Nomor faktur
• Akun → Tampilkan: Nama pengguna, Email akun
• Permintaan Fitur → Tampilkan: Deskripsi fitur, Kasus penggunaan

Contoh 4: Permintaan Penawaran Harga

Pelatuk: Jenis proyek

• Situs web baru → Tampilkan: Industri, Jumlah halaman, Fitur yang dibutuhkan
• Desain Ulang → Tampilkan: URL Saat Ini, Apa yang Harus Dipertahankan, Apa yang Harus Diubah
• Pemeliharaan → Tampilkan: URL Saat Ini, Tugas yang Diperlukan, Frekuensi

Contoh 5: Formulir Umpan Balik

Pelatuk: Peringkat kepuasan

• 1-3 (Rendah) → Tampilkan: Area teks “Apa yang salah?”
• 4-5 (Tinggi) → Tampilkan: Area teks “Apa yang telah kita lakukan dengan baik?”

Penyelesaian Masalah Formulir Dinamis

Kolom Tidak Ditampilkan

• Periksa apakah kondisi telah diatur dengan benar.
• Pastikan nilai kolom pemicu cocok persis.
• Periksa kesalahan ketik pada nilai kondisi.
• Konfirmasikan tindakan yang dipilih adalah “Tampilkan” bukan “Sembunyikan”.

Lapangan Tidak Bersembunyi

• Verifikasi status default (seharusnya dimulai dalam keadaan tersembunyi)
• Periksa logika kondisi
• Kosongkan cache browser

Pengajuan Pemblokiran Kolom Wajib

• Kolom tersembunyi tidak perlu diisi.
• Pengaturan hanya diperlukan jika terlihat.
• Periksa pengaturan bersyarat yang diperlukan.

Logika Tidak Berfungsi di Ponsel

• Pengujian pada perangkat sebenarnya
• Periksa kesalahan JavaScript
• Verifikasi perilaku responsif

Data Tidak Tersimpan dengan Benar

• Verifikasi penanganan data bidang tersembunyi
• Periksa apakah nilai tersembunyi perlu dihapus.
• Pengajuan uji untuk setiap jalur

Teknik Bentuk Dinamis Tingkat Lanjut

Kondisi Berantai

Bidang A memicu Bidang B, yang kemudian memicu Bidang C:

Jenis Layanan → JIKA "Perusahaan" → Tampilkan: Ukuran Perusahaan → JIKA "1000+" → Tampilkan: Kotak centang Manajer Akun Khusus

Bagian Bersyarat

Tampilkan/sembunyikan kelompok kolom secara bersamaan:

JIKA "Pengiriman diperlukan" = Ya → Tampilkan seluruh bagian Alamat Pengiriman (5 kolom)

Pengalihan Email Bersyarat

Penerima yang berbeda berdasarkan pilihan:

JIKA Departemen = "Penjualan" → Kirim email ke [email dilindungi]
Jika Departemen = "Dukungan" → Kirim email ke [email dilindungi]

Pesan Konfirmasi Bersyarat

Berbagai pesan terima kasih:

Jika Jenis Permintaan = "Penjualan" → Tampilkan: "Tim penjualan kami akan menghubungi Anda dalam 24 jam" Jika Jenis Permintaan = "Dukungan" → Tampilkan: "Tiket telah dibuat. Periksa email Anda untuk nomor tiket"

Pertanyaan yang Sering Diajukan

Saya bisa memiliki berapa banyak kondisi kesehatan?

Secara teknis tidak terbatas, tetapi tetap harus terkendali. 5-10 kondisi yang direncanakan dengan baik akan berjalan dengan baik. Lebih dari 15-20 kondisi biasanya berarti formulir tersebut harus dipisah.

Apakah kolom tersembunyi masih mengirimkan data?

Tergantung pada implementasinya. Biasanya, kolom tersembunyi tidak dikirim (data lebih bersih). Beberapa sistem mengirimkan nilai kosong. Uji pengaturan spesifik Anda.

Bisakah saya menggunakan kondisi pada tombol kirim?

Secara umum, pastikan tombol kirim selalu terlihat. Menyembunyikannya akan membingungkan pengguna. Gunakan kolom wajib bersyarat sebagai gantinya untuk mengontrol alur.

Apakah logika kondisional akan memperlambat formulir saya?

Implementasi modern memiliki dampak kinerja yang dapat diabaikan. Hanya logika yang sangat kompleks dengan banyak field yang mungkin menyebabkan sedikit penundaan.

Bisakah saya melakukan uji coba tanpa mengirimkan jawaban?

Gunakan mode pratinjau untuk menguji visibilitas. Untuk pengujian lengkap termasuk pengiriman data, gunakan pengiriman uji yang dapat Anda hapus.

Ringkasan

Membuat formulir dinamis dengan logika kondisional:

1. Rencanakan logika Anda – Memetakan pemicu, kondisi, dan target
2. Bangun bentuk dasar – Semua kolom tersusun dengan rapi
3. Tambahkan kolom pemicu – Menu tarik-turun, tombol radio, kotak centang
4. Tetapkan kondisi – Menghubungkan pemicu ke kolom target
5. Konfigurasi tampilkan/sembunyikan – Definisikan apa yang muncul ketika
6. Menangani persyaratan – Hanya diperlukan jika terlihat
7. Tes secara menyeluruh – Setiap jalur, setiap perangkat

Kesimpulan

Formulir dinamis dengan logika kondisional menciptakan pengalaman personal yang tidak dapat ditandingi oleh formulir statis. Pengguna hanya melihat pertanyaan yang relevan, formulir terasa lebih singkat, dan Anda mengumpulkan data yang lebih baik. Mulailah dengan kondisi sederhana—pertanyaan lanjutan Ya/Tidak dan percabangan kategori—lalu tingkatkan kompleksitas sesuai kebutuhan. Kuncinya adalah membuat logika tidak terlihat oleh pengguna sambil memberikan kolom yang tepat untuk situasi mereka.

Pembuat Formulir Otomatis Add-on Logika Bersyarat membuat pembuatan formulir dinamis menjadi mudah. ​​Atur aturan tampilkan/sembunyikan dengan antarmuka visual, gunakan logika AND/OR untuk kondisi yang kompleks, dan bangun formulir yang beradaptasi dengan setiap pengguna.

Siap membuat formulir dinamis? Unduh Pembuat Formulir Otomatis dan mulailah membangun formulir yang merespons input pengguna secara cerdas.