19 قاعدة لإنشاء نماذج طويلة تتناسب مع قواعد تجربة المستخدم

1- صمّم نماذج متعدّدة الخطوات (Multi-step form) 

2- اقتصر على المعلومات الأساسيّة والضروريّة لجمع البيانات المطلوبة 

3- قسّم الأسئلة إلى فئات، ورتّبها بتسلسل منطقي 

4- اضف خاصيّة التكميل التلقائي في الحقول المناسبة لذلك 

5- اطلب من المستخدم المعلومات التي لا يمكنك الحصول عليها إلا منه 

6- اظهر شريط نسبة التقدّم -نسبة الاكمال- لتشجّع المستخدم على اكمال النموذج 

7- اجعل طول الحقل متناسب مع المعلومة المطلوب إدخالها  

8- فعّل زر Tab للانتقال بين الحقول 

9- اعط معلومات افتراضيّة بناءً على عنوان الـ IP للمستخدم عند طلبك لمعلومات مثل: رقم الهاتف والدولة 

10- استخدم القوائم المنسدلة للاختيارات الأكثر من 6، أمّا الأقصر فالأفضل أن تستخدم Radio button 

11- ضع التسمية دائمًا أعلى يسار الحقل (في اللغة الإنجليزيّة) وأعلى يمين الحقل في اللغة العربيّة 

12- لا تستخدم التسمية (Label) كمثال داخل الحقل، اعتمد استخدام أمثلة مشابهة للمعلومات المطلوبة 

13- استخدم البحث بالتنبّئي في الحقول التي تحتوي على خيارات كثيرة ولكنها محدّدة في نطاق ما 

14- تأكد من استخدامك للكلمات الصحيحة داخل أزارير النموذج (Buttons) 

15- تجنّب استخدام زرّي (إعادة تعيين - Reset ) و ( إلغاء -  Cancel) داخل النموذج، فاغلب المستخدمين يعلمون أنّ اغلاق الصفحة أو تحديثها سينقلهم للبداية 

16- اعط المستخدم تلميحات حول ما يحدث مثل: التنبيه عند ادخال معلومة بشكلٍ خاطئ، التنبيه بأن النموذج يقوم بتحميل الصور أو الفيديو وإلخ 

17- قم بتعطيل الزر بعد ضغط المستخدم له لتجنّب تكرار ضغطه مرات متتالية، واعط المستخدم تنبيهًا لينتظر 

18- اعط المستخدم سببًا لملء النموذج مثل: اشترك في النشرة الإخباريّة لتصلك نصائح صحيّة مجانيّة من خبراء متخصّصين 

19- اظهر رسالة خطأ واضحة ومحدّدة، بحيث تُظهر للمستخدم سبب الخطأ وطريقة حلّه 

المصدر: هنا