تحفز النماذج الحوارية على التفاعل؛ فهي جذابة وتقدم تجربة مستخدم (UX) قوية، كما تعتمد على تصميم النماذج الحوارية (سؤال واحد في كل مرة) الذي يحاكي المحادثة الحقيقية.
في الماضي، أنشأتُ نماذج كانت تطلب الكثير من البيانات الروتينية، مما جعل الجميع يعزفون عن تعبئتها. لقد كانت عبارة عن جدار من الحقول التي تطلب معلومات مملة، مثل الاسم والمسمى الوظيفي ورقم الهاتف، تليها قائمة من 12 سؤالاً.
في ذلك الوقت، لم أكن أعلم أن ما أحتاجه هو نموذج حواري. لقد تعلمت أصول تصميم النماذج بالطريقة الصعبة، ولكن بفضل هذا الدليل، لن تضطر أنت إلى ذلك.
أغطي هنا كل ما تحتاج لمعرفته حول النماذج الحوارية، بما في ذلك ماهيتها، ولماذا تنجح من الناحية النفسية، وكيف يتفوق هذا التصميم على الأساليب التقليدية. كما أشارك أفضل الممارسات القابلة للتطبيق لمساعدتك على تقليل التخلي عن إكمال النماذج وتحسين معدلات الإكمال.
سواء كنت تنشئ نماذج لجذب العملاء المحتملين أو استطلاعات رأي أو مسارات تهيئة للمستخدمين الجدد، سيساعدك هذا الدليل على تصميم نماذج عبر الإنترنت يرغب الناس فعلياً في إكمالها.
ما هو تصميم النماذج الحوارية؟
تصميم النماذج الحوارية هو نهج في تجربة المستخدم (UX) يتم فيه عرض الأسئلة واحداً تلو الآخر بدلاً من تقديم جميع الحقول دفعة واحدة في صفحة واحدة. وغالباً ما تتضمن النماذج الحوارية ميزات تصميمية مثل مؤشرات تتبع التقدم وأزرار “التالي” أو “السابق” للتنقل.
ساهمت منصة Typeform في نشر تصميم النماذج الحوارية، لكنه أصبح منذ ذلك الحين معياراً معتمداً على نطاق واسع لتجربة المستخدم في هذا المجال. واليوم، يُعد ميزة أساسية في أفضل منشئات النماذج عبر الإنترنت وممارسة فضلى معترفاً بها لتحسين التفاعل مع النماذج ومعدلات إكمالها.
إليك كيف يبدو تصميم النماذج الحوارية باستخدام Jotform:
في النماذج الحوارية، تؤدي الإجابات إلى تفعيل أسئلة متابعة ديناميكية، وردود تفاعلية ودية، ومنطق شرطي (يُعرف أيضاً بمنطق التفرع) يتخطى الأسئلة غير ذات الصلة بناءً على ما أجاب عنه المستجيب بالفعل. ويُعد هذا تحسيناً جوهرياً لتجربة المستخدم لأن المستجيبين يرون فقط الأسئلة التي تنطبق عليهم. ونتيجة لذلك، يبدو النموذج أقل إرهاقاً، ولأن المستلمين لا يرون العدد الإجمالي للأسئلة مسبقاً، تقل احتمالية تخليهم عنه قبل إنهائه.
قارن هذا بأسلوب تصميم النماذج التقليدي: صفحة ثابتة يظهر فيها كل حقل بشكل مرئي منذ البداية. يرى المستجيب على الفور الطول الكامل للنموذج، مما قد يشعره بالإرهاق ويدفعه إلى التخلي عن إكماله أو يمنعه من البدء فيه أساساً. وفي الواقع، قد لا يحتاج المستخدم سوى لجزء بسيط من هذه الأسئلة. كما أن النماذج التقليدية لا تقدم سوى القليل من التخصيص أو السلوك الديناميكي، أو قد تفتقر إليهما تماماً.
لماذا تنجح النماذج الحوارية: البعد النفسي وراء ذلك
إن الفجوة في الأداء بين النماذج الحوارية والتقليدية ليست وليدة الصدفة، بل تعود جذورها إلى كيفية معالجة الأشخاص للمعلومات واتخاذهم للقرارات وتفاعلهم مع التجارب الرقمية.
على سبيل المثال، تعمل النماذج الحوارية على:
- تقليل العبء الذهني: عندما تكون جميع الحقول مرئية دفعة واحدة، يحاول الدماغ معالجة المهمة بأكملها على الفور. وبما أننا جميعاً مشغولون، فإن الجهد المتوقع غالباً ما يكون كافياً لدفع المستخدم إلى التخلي عن النموذج. يقضي تنسيق “سؤال واحد في كل مرة” على هذا الشعور بالإرهاق من خلال تركيز الانتباه على ما هو أمام المستخدم مباشرة.
- الإيحاء بجهد أقل: حتى لو كان النموذج الحواري يحتوي على نفس عدد الأسئلة الموجودة في النموذج التقليدي، فإنه لا يمنح هذا الشعور. ولأن المستجيبين لا يرون الطول الكامل للنموذج مسبقاً، تبدو المهمة أكثر قابلية للإدارة، مما يؤثر بشكل مباشر على قرارهم بالبدء فيها وإتمامها.
- إضفاء طابع شخصي أكبر: إن النصوص الديناميكية التي تتفاعل مع الإجابات السابقة، مثل “شكراً يا سارة! سؤال واحد أخير…”، تخلق إحساساً حقيقياً بالحوار. وحتى عبارة بسيطة مثل “سؤال واحد إضافي” يمكن أن تكون مشجعة للغاية.
- تتضمن مؤشرات تقدم للحفاظ على تحفيز المستخدمين: إن إظهار مدى التقدم الذي أحرزه المستجيبون (وقلة ما تبقى) يخاطب الطبيعة النفسية للبشر؛ فالناس يميلون أكثر إلى إنهاء شيء ما بمجرد شعورهم بأنهم استثمروا وقتاً وجهداً فيه. ويجعل شريط التقدم المرئي هذا الإنجاز ملموساً.
- تحقق معدلات إكمال أعلى: تُظهر البيانات أن النماذج الحوارية تحقق معدلات إكمال أعلى بكثير (بنسبة 30 بالمائة أكثر)، لا سيما في استطلاعات الرأي الطويلة ومسارات جذب العملاء المحتملين.
النماذج الحوارية مقابل النماذج التقليدية
النماذج التقليدية | النماذج الحوارية | |
|---|---|---|
| التخطيط | جميع الحقول دفعة واحدة | سؤال واحد في كل مرة |
| معدل الإكمال | أقل | أعلى |
| التخصيص | لا يوجد | ديناميكي، يتعرف على الاسم |
| الأفضل لـ | النماذج القصيرة والبسيطة | استطلاعات الرأي، جذب العملاء المحتملين، تهيئة المستخدمين الجدد |
| تجربة الهاتف المحمول | ضعيفة غالباً | مُحسّنة |
| العبء الذهني | مرتفع | منخفض |
على الرغم من أن النماذج الحوارية تُعد من أفضل الممارسات، إلا أنها ليست الخيار الأنسب لكل موقف.
فلا تزال النماذج التقليدية منطقية في السيناريوهات القصيرة والبسيطة، مثل الاشتراك في نشرة إخبارية من حقلين، أو نموذج تسجيل دخول سريع، أو حقل إتمام دفع من خطوة واحدة.
تعمل النماذج الحوارية بشكل أفضل في التفاعلات الأطول والأكثر أهمية، مثل استطلاعات الرأي متعددة الخطوات، ومسارات جذب العملاء المحتملين، واستبيانات تهيئة المستخدمين الجدد، وجمع التعليقات، ونماذج الشكاوى.
فكلما زاد ما تطلبه من المستجيب، زادت الفائدة التي يجنيها النهج الحواري.
كيفية تصميم النماذج الحوارية لتحسين معدلات الإكمال
إليك نصائح حول تصميم النماذج الحوارية ستساعدك على إنشاء نماذج تعزز التفاعل بشكل أكبر.
أضف شاشة ترحيبية ودية وزر إجراء (CTA) بطابع إنساني
صفحة المقدمة هي فرصتك الأولى لجعل النموذج يبدو جذاباً. يجب أن تكون موجزة وودية وواضحة بشأن ما سيأتي لاحقاً.
في المثال التالي، يتضمن قسم المقدمة ما يلي:
- عنوان النموذج (Responsive Layout General Inquiry Contact Form)
- ما هو متوقع من المستلم (تعبئة معلومات الاتصال، المهارات الوظيفية، وما إلى ذلك)
- عدد الأسئلة (10 أسئلة)
- زر إجراء أو دعوة لاتخاذ إجراء (Start)
اكتب بصيغة المخاطب وبلغة طبيعية
اكتب نموذجك بطريقة تحاكي المحادثة الحقيقية. فبدلاً من “يرجى تقديم مهنتك”، جرب “ما هو مجال عملك؟”
الهدف هو الحفاظ على الطابع الحواري لنموذجك الحواري.
يكمن مفتاح اللغة الحوارية في:
- الصياغة الطبيعية: اكتب بالطريقة التي يتحدث بها الشخص فعلياً. اقرأ كل سؤال بصوت عالٍ؛ فإذا بدا وكأنه شيء تقوله بالفعل وجهاً لوجه، فقد أصبت الهدف.
- الكتابة بصيغة المخاطب: خاطب المستخدم مباشرة (باستخدام ضمائر المخاطب مثل “أنت” وكاف الخطاب) في جميع أنحاء النموذج.
- نبرة مباشرة ولكن شخصية: كن مباشراً بشأن ما تريد من الناس فعله، ولكن حافظ على نبرة ودية.
إليك مثال يستخدم لغة طبيعية وشخصية بصيغة المخاطب لصياغة سؤال:
اطرح سؤالاً واحداً في كل مرة
إن طرح سؤال واحد في كل مرة هو جوهر التصميم الحواري.
يجب أن يكون لكل شاشة مهمة واحدة فقط: طرح سؤال واحد وتلقي إجابة واحدة.
هذا المثال على النموذج الحواري مبسط للغاية، لكنه يوضح تماماً كيف يعمل نموذج “سؤال واحد في كل مرة”:
استخدم المنطق الشرطي لتخطي الأسئلة غير ذات الصلة
يتيح لك المنطق الشرطي إظهار الأسئلة أو إخفاءها بناءً على الإجابات السابقة، بحيث لا يرى المستجيبون سوى ما ينطبق عليهم.
على سبيل المثال، إذا سألت “كيف سمعت عنا؟” واختار شخص ما “وسائل التواصل الاجتماعي”، يمكنك متابعة ذلك بسؤال “أي منصة؟”
يقلل المنطق الشرطي من الطول المتوقع للنموذج ويحسن جودة البيانات التي تجمعها. وفي الوقت الحاضر، يُعد هذا الأمر ميزة أساسية متوقعة في نماذج واجهة المستخدم (UI) الحوارية.
يوضح لك هذا الفيديو بالضبط كيفية استخدام المنطق الشرطي باستخدام Jotform:
استخدم مؤشرات التقدم
تُظهر مؤشرات التقدم للمستجيبين مدى تقدمهم في تعبئة النموذج. فعندما يرى شخص ما أنه أنجز 60 بالمائة، تزداد احتمالية استمراره حتى النهاية.
إليك مثال على مؤشر تتبع التقدم في أحد قوالب Jotform:
يُعد مؤشر تتبع التقدم مهماً بشكل خاص في النماذج الحوارية الطويلة، مثل مسارات تهيئة المستخدمين الجدد أو استطلاعات الرأي التفصيلية.
تفاعل مع الإجابات بشكل ديناميكي
إذا شارك شخص ما اسمه في الشاشة الأولى من النموذج، يمكنك استخدامه لاحقاً لإضفاء طابع شخصي على التجربة.
على سبيل المثال، قد يكون الرد الديناميكي كالتالي: “اختيار رائع يا زوي. والآن أخبرينا قليلاً عن فريقك.”
هذا النوع من التفاعل هو ما يميز تصميم النماذج الحوارية عن التنسيقات القياسية؛ فهو ودي وجذاب، ويمكنك استخدامه لتسليط الضوء على مدى التقدم، على سبيل المثال: “اختيار رائع يا زوي، لم يتبقَّ سوى قسم واحد فقط.”
اجعل الحقول المطلوبة في حدها الأدنى
كل حقل مطلوب يمثل نقطة خروج محتملة للمستخدم. فكلما زاد ما تطلبه من المستجيب، زادت احتمالية تخليه عن إكمال النموذج.
قبل جعل أي حقل إلزامياً، اسأل نفسك عما إذا كنت بحاجة فعلية إلى تلك المعلومات للمضي قدماً.
يمكنك دائماً جمع المزيد من التفاصيل لاحقاً، فالهدف الفوري هو الحصول على إرسال النموذج.
صمم للهواتف المحمولة أولاً
تبرز الميزة الواضحة لتصميم النماذج الحوارية في نماذج الهواتف المحمولة. فرؤية صفحة مكدسة بحقول النموذج على شاشة صغيرة يُعد أمراً محبطاً؛ حيث يسهل النقر على الشيء الخطأ، ويكون التمرير مرهقاً عندما تحتاج إلى تخطي بعض الأقسام.
في المقابل، فإن وجود سؤال واحد منسق جيداً مع خيار إجابة واضح يجعل إكمال النموذج على الهاتف تجربة مثالية وسلسة.
عند بناء نماذج واجهة المستخدم الحوارية، صمم للشاشات الأصغر حجماً أولاً.
وهذا يعني التفكير في:
- أزرار وعناصر يسهل النقر عليها بالإبهام
- تقليل الكتابة اليدوية قدر الإمكان
- تخطيطات لا تتطلب التكبير أو التمرير الأفقي
توفر عليك أدوات تصميم النماذج عبر الإنترنت، مثل Jotform، عناء التفكير في هذا الأمر تماماً؛ فكل نموذج تصممه باستخدام Jotform يكون متوافقاً بالفعل مع الهواتف المحمولة، ويوضح لك هذا الفيديو كيف يتم ذلك:
اختبر وكرر التحسين
حتى النماذج الحوارية المصممة جيداً لديها مجال للتحسين.
اختبار A/B هو ممارسة تقوم على إنشاء نسختين من شيء ما وعرض كل منهما على شريحة مختلفة من جمهورك لمعرفة أيهما يحقق أداءً أفضل.
بالنسبة للنموذج، يمكنك اختبار طريقتين مختلفتين لصياغة نفس السؤال لمعرفة أي نسخة تحصل على معدلات إكمال أكثر، أو جودة استجابة أعلى، أو حالات تخلي أقل عند تلك الخطوة.
على سبيل المثال:
- قد تسأل النسخة (أ): “ما هي ميزانيتك السنوية؟”
- وقد تسأل النسخة (ب): “كم تتطلع إلى إنفاقه؟”
يمكنك إجراء اختبار A/B على:
- صياغة الأسئلة
- ترتيب الأسئلة
- محتوى الشاشة الترحيبية
- نص زر الإجراء (CTA)
Pro Tip
أجرِ اختبار A/B على عنصر واحد في كل مرة حتى تتمكن من تحديد ما يؤثر على معدلات الإكمال بوضوح.
استخدم Jotform لبناء نماذج حوارية أفضل
كل ما تناولناه في هذا الدليل مدمج مباشرةً في النماذج الحوارية من Jotform. تتيح لك Jotform بناء نماذج مصممة جيداً بسهولة ودون الحاجة إلى كتابة أكواد برمجية؛ حيث يمكنك الاختيار من بين أكثر من 20,000 قالب نموذج وتخصيصها كما يحلو لك. كما يتوفر أيضاً منشئ النماذج بالذكاء الاصطناعي الذي يتيح لك إنشاء نموذج باستخدام اللغة الطبيعية. وإذا كنت ترغب في استكشاف تنسيق حواري بنمط البطاقات، فإن كروت Jotform تقدم تخطيطاً أنيقاً قابلاً للسحب يعمل بشكل رائع مع استطلاعات الرأي ومسارات جذب العملاء المحتملين. جربها مجاناً ولاحظ الفرق الذي يحدثه النهج الحواري في معدلات الإكمال لديك.
بمجرد أن تعتاد على استخدام منشئ النماذج، يمكنك الارتقاء بالأمور إلى مستوى أبعد مع وكلاء الذكاء الاصطناعي من Jotform، الذين ينقلون النماذج الحوارية إلى آفاق جديدة.
يكمن الفرق الرئيسي بين النموذج الحواري ووكلاء الذكاء الاصطناعي في النص المبرمج مسبقاً (السيناريو).
تتبع النماذج الحوارية مساراً محدداً مسبقاً، بينما يفهم وكلاء الذكاء الاصطناعي السياق، ويفسرون الإجابات النصية المفتوحة، ويطرحون أسئلة متابعة ذكية، ويتكيفون في الوقت الفعلي. كما أنهم يعملون عبر قنوات متعددة، بما في ذلك الصفحات المستقلة، وروبوتات الدردشة (chatbot)، وواتساب، والهاتف، وكل ذلك دون الحاجة إلى أي برمجة.
هل ذكرت أنه يمكنك البدء باستخدام أي من أدوات Jotform هذه مجاناً تماماً؟ نصيحتي لك؟ ابدأ باستخدام النماذج الحوارية من Jotform وطبق أفضل الممارسات الواردة في هذا الدليل. ثم استكشف النظام وقم بالترقية إلى وكلاء الذكاء الاصطناعي من Jotform عندما تكون مستعداً لمحادثات ذكية تتفاعل من تلقاء نفسها.
هذا المقال موجه لمصممي تجربة المستخدم (UX)، والمسوقين، ومديري المنتجات الذين ينشئون نماذج لجذب العملاء المحتملين، أو استطلاعات الرأي، أو تهيئة المستخدمين الجدد — ويرغبون في فهم كيف يمكن لمبادئ التصميم الحواري أن تقلل من معدلات التخلي عن النماذج، وتزيد من معدلات الإكمال، وتخلق تجربة أفضل للمستجيبين.
كتابة تعليق: