اسأل أقل وبوضوح
ينصح فروبليفسكي (2008) بطلب الضروري فقط وتسميات قصيرة واضحة. على الشاشات الضيقة تقلل التسمية فوق الحقل حركة العين (Penzo, 2006)، أما النص المؤقت وحده فيختفي عند الكتابة. وتقليل الحقول يقلل التسرب في قمع التسويق.
لوحة المفاتيح والإدخال
تستدعي type="email" وinputmode="numeric" لوحة المفاتيح المناسبة، وتملأ autocomplete العناوين والبطاقات. ومع خيارات قليلة تتفوق الأزرار الظاهرة على القوائم المنسدلة (Couper et al., 2004)، مع احترام حجم هدف اللمس.
الأخطاء وإمكانية الوصول
وجد بارغاس-أفيلا وزملاؤه (2007) أن عرض الخطأ بعد مغادرة الحقل أو عند الإرسال أفضل من عرضه فوراً، وأكد سيكلر وزملاؤه (2014) فائدة 20 إرشاداً. ويشترط WCAG 2.2 التسميات وتحديد الأخطاء، فالنماذج جوهر إمكانية الوصول إلى الويب.
الأسئلة الشائعة
- أين توضع التسميات؟
- فوق الحقل مباشرة.
- متى تظهر رسائل الخطأ؟
- بعد مغادرة الحقل أو عند الإرسال، بجانبه مع طريقة التصحيح.
تاريخ مراجعة المصادر: 2026-10-26
المراجع
- Wroblewski, L. (2008). Web form design: Filling in the blanks. Rosenfeld Media. الدليل العملي المرجعي لتصميم النماذج.
- Bargas-Avila, J. A., Oberholzer, G., Schmutz, P., de Vito, M., & Opwis, K. (2007). Usable error message presentation in the World Wide Web: Do not show errors right away. Interacting with Computers, 19(3), 330–341. تجارب على توقيت ومكان عرض رسائل الخطأ.
- Seckler, M., Heinz, S., Bargas-Avila, J. A., Opwis, K., & Tuch, A. N. (2014). Designing usable web forms: Empirical evaluation of web form improvement guidelines. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 1275–1284). ACM. يبين أن تطبيق 20 إرشاداً قلّل الأخطاء ووقت الإكمال.
- Bargas-Avila, J. A., Brenzikofer, O., Tuch, A. N., Roth, S. P., & Opwis, K. (2011). Working towards usable forms on the World Wide Web: Optimizing multiple selection interface elements. Advances in Human-Computer Interaction, 2011, Article 347171. يقارن عناصر الاختيار المتعدد.
- Couper, M. P., Tourangeau, R., Conrad, F. G., & Crawford, S. D. (2004). What they see is what we get: Response options for web surveys. Social Science Computer Review, 22(1), 111–127. يجد أن الخيارات الظاهرة في القوائم المنسدلة تجذب الإجابات.
- Penzo, M. (2006). Label placement in forms. UXmatters. مقارنة بتتبع العين لمواضع التسميات.
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2 (W3C Recommendation). يتضمن معايير التسميات وتحديد الأخطاء وتجنب الإدخال المكرر.