Multi-step form β bu uzun formani bir nechta bosqichlarga ajratish. Foydalanuvchi 20 ta maydonni bir vaqtda emas, balki 5 tasini har bosqichda ko'radi. Bu psixologik effect β foydalanuvchi har bosqichda kichik yutuq sezadi va davom etadi. Tadqiqotlar: multi-step form konversiyani bir-step form bilan solishtirganda 86%'gacha oshiradi.
Multi-step nima uchun ishlaydi
Psixologiya: katta vazifa qo'rqituvchi. 20 ta maydon ko'rsangiz β \"juda ko'p\" deysiz va chiqib ketasiz. 5 ta maydon β \"oson\" deysiz va boshlaysiz.
Progress effect β har bosqichni tugatish dofamin chiqaradi. Foydalanuvchi keyingi bosqichga o'tishni xohlaydi.
Sunk cost fallacy β 2 bosqich tugatdingiz, endi orqaga qaytishni xohlamaysiz. Davom etish ehtimoli yuqori.
Qachon multi-step ishlatish kerak
Form 7+ maydonli bo'lsa multi-step samarali. Kichik formalar (3-5 maydon) bir step'da yaxshi.
Conditional logic kerak bo'lsa β multi-step. Foydalanuvchi tanlovi keyingi maydonlarga ta'sir qiladi.
Murakkab jarayonlar β registration with verification, hosting buyurtma, ariza topshirish.
Bosqichlarni qanday ajratish
Logik guruhlash: bog'liq maydonlar bir bosqichda. Misol bosqich 1 β \"Sizning ma'lumot\" (ism, email, telefon). Bosqich 2 β \"Tafsilotlar\" (manzil, kompaniya). Bosqich 3 β \"Talab\" (mahsulot, miqdor). Bosqich 4 β \"Tasdiqlash\" (review va submit).
Har bosqichda 3-7 maydon. Ko'p bo'lsa ham β bosqich juda uzun, kam bo'lsa β bosqichlar ko'p.
Progress indicator
Foydalanuvchi qaerda ekanini va qancha qolganini bilishi shart. Progress indicator β bu uchun zarur.
Variantlar: 1. Progress bar (\"40% to'liq\"). 2. Step indicator (\"2 / 4\"). 3. Step list (\"1. Ma'lumot β, 2. Tafsilotlar (joriy), 3. Talab, 4. Tasdiqlash\").
Step list eng yaxshi β foydalanuvchi keyingi bosqichlar nima bo'lishini biladi.
Navigation between steps
\"Keyingi\" va \"Orqaga\" tugmalar. \"Keyingi\" β asosiy CTA, yorqin. \"Orqaga\" β secondary, ko'rinarli lekin past urg'u.
Step list orqali ham navigation β foydalanuvchi to'g'ridan-to'g'ri o'tgan bosqichga qaytish.
Per-step validation
Har bosqichda validation o'sha bosqichdagi maydonlar uchun. Keyingi bosqichga o'tish uchun joriy bosqich to'g'ri to'ldirilishi shart.
Strategiya: \"Keyingi\" tugma bosilganda joriy bosqich validate, agar OK bo'lsa keyingisiga o'tish.
Save progress
Foydalanuvchi formani to'ldirib bo'lmasdan ketsa, ma'lumotlar saqlanishi shart. localStorage yoki server'da.
Foydalanuvchi qaytib kelganda \"Sizning formangizni davom ettiraylik?\" so'rash.
Final step β review
Oxirgi bosqich β barcha kiritilgan ma'lumotlarni ko'rsatish va tasdiqlash. \"Yuborish\" tugmasidan oldin foydalanuvchi to'g'riligini tekshiradi.
Edit imkoniyat β har section yoniida \"Tahrirlash\" link. Foydalanuvchi keyingi bosqichlarga qaytib o'zgartirishi mumkin.
Conditional fields
Multi-step bilan birga β conditional logic. Foydalanuvchi tanlovi keyingi bosqichlarni o'zgartiradi.
Misol: bosqich 1 \"Yuridik shaxsmisiz?\" Ha bo'lsa, bosqich 2 β kompaniya ma'lumotlari. Yo'q bo'lsa, bosqich 2 β shaxsiy ma'lumotlar.
Mobile multi-step
Mobile'da multi-step ayniqsa foydali. Kichik ekran katta forma uchun mos emas.
Mobile uchun: katta tugmalar, vertikal layout, swipe gestures (left/right o'tish).
Animatsiya
Bosqichlar orasida transition animation. Slide left/right effect. Foydalanuvchi vizual jihatdan o'tishni his etadi.
Lekin animation 200-300ms β tez. Sekin animation foydalanuvchini bezor qiladi.
Common multi-step xato
1. Juda ko'p bosqich (10+). Foydalanuvchi charchaydi. 3-5 bosqich ideal.
2. Progress yo'q. Foydalanuvchi qancha qolganini bilmaydi.
3. Orqaga tugma yo'q. Foydalanuvchi xato qilsa tuzatib bo'lmaydi.
4. Save progress yo'q. Foydalanuvchi sahifani yopsa hammasini qayta boshlaydi.
5. Final review yo'q. Foydalanuvchi nima yuborayotganini bilmasdan submit qiladi.
Multi-step tools
WordPress: WPForms, Gravity Forms, Formidable Forms. Multi-step support bor.
Standalone: Typeform β konversational form interface, har savol alohida ekran.
Custom: HTML/CSS/JS yoki React, Vue framework bilan.
A/B test single vs multi-step
Har form uchun A/B test β single yoki multi-step yaxshi natija beradi.
Single ko'pincha yaxshi: 3-5 maydonli short form, foydalanuvchi tezda bajara olsin.
Multi-step ko'pincha yaxshi: 7+ maydonli, complex form, foydalanuvchi har bosqichda yo'naltirilsin.
Sayt.uz multi-step strategiyasi
Sayt.uz qisqa formalarda single-step ishlatadi (login, registration, hosting tariflar tanlash).
Murakkab formalarda multi-step: domain transfer (3 bosqich: domain ma'lumot β auth code β tasdiqlash), corporate hosting buyurtma (4 bosqich: kompaniya β plan β konfiguratsiya β to'lov).
Progress indicator: step list \"1. Ma'lumot, 2. Plan, 3. Konfiguratsiya, 4. To'lov\". Har bajarilgan bosqich yashil belgi.
Save progress: localStorage'da har bosqich ma'lumotlari. Foydalanuvchi qaytib kelsa, oxirgi bosqichdan davom etadi.
Natija: corporate hosting form 60% konversiya (single-step variantda 32% edi). Multi-step strategiyasi 2x yaxshi.