تنشر رابط النموذج، فيفتحه كثيرون ويرسله قليلون. الفرق بين الرقمين ليس حظًا: جزء كبير منه يعود إلى النموذج نفسه، إلى عدد خاناته وترتيبها ووضوحها.
ماذا تقول الأبحاث؟
معهد Baymard يدرس صفحات الدفع في المتاجر منذ سنوات. في استطلاعه عن أسباب ترك الطلبات، قال ١٧٪ من المتسوقين الأمريكيين إنهم تركوا طلبًا لأن خطوات الدفع «طويلة أو معقدة». وفي اختباراته وجد أن صفحة الدفع المتوسطة فيها ٢٣٫٤٨ عنصر إدخال، بينما يكفي ١٢ إلى ١٤ عنصرًا في التصميم الجيد.
صفحة الدفع نموذج مثل أي نموذج: كل خانة إضافية تطلب من الشخص وقتًا وقرارًا. والنتيجة نفسها تتكرر في نماذج التسجيل والاستبيانات وطلبات التوظيف.
خمس خطوات تُحدث فرقًا
- احذف كل خانة لا تحتاجها فعلًا. اسأل نفسك عن كل سؤال: هل سأستخدم هذه الإجابة؟
- اجعل الأسئلة في عمود واحد، والعنوان قريبًا من خانته.
- وضّح المطلوب قبل الكتابة لا بعد الخطأ: الصيغة، والحد، وهل الخانة إجبارية.
- قسّم النموذج الطويل إلى صفحات أو اعرضه سؤالًا سؤالًا، مع شريط تقدّم يقول أين وصل الشخص.
- اجعل رسالة الخطأ واضحة بجانب الخانة نفسها، واحتفظ بما كتبه الشخص.
هذه الخطوات تتفق مع توصيات Nielsen Norman Group في مقالها عن قابلية استخدام النماذج: النموذج القصير، والعمود الواحد، وتمييز الخانات الإجبارية، وشرح الصيغة مسبقًا، ورسائل خطأ ظاهرة.
كيف تطبقها في فورمزا
- الوضع التفاعلي يعرض سؤالًا واحدًا في كل شاشة، ويمكنك تفعيله من الإعدادات.
- فاصل الصفحات يقسّم النموذج العادي، وشريط التقدّم يظهر للزائر.
- نجمة الخانة الإجبارية ورسالة «هذه الخانة مطلوبة» تظهران بجانب السؤال، ويمكنك تغيير نص الرسالة لكل لغة من «نصوص النموذج».
- في صفحة التحليلات ترى كم شخصًا زار النموذج وكم بدأ وكم أرسل، فتعرف أين يتوقف الناس.
- وفي خطة Pro يحفظ النموذج الإجابات الجزئية، فلا يخسر من يعود قبل الإرسال ما كتبه.
ابدأ بالحذف قبل أي شيء آخر: أسرع نموذج هو الذي لا يحتوي إلا ما ستستخدمه.
المصادر
- Baymard Institute — Cart Abandonment Rate Statistics (baymard.com/lists/cart-abandonment-rate)، آخر تحديث سبتمبر ٢٠٢٥.
- Kathryn Whitenton — Website Forms Usability: Top 10 Recommendations، Nielsen Norman Group، مايو ٢٠١٦ (nngroup.com/articles/web-form-design).
