النوافذ المنبثقة في المواقع: تجربة واضحة من الفتح إلى الإغلاق
نافذة تسجيل الدخول أو مراجعة الطلب يمكن أن تختصر رحلة المستخدم، لكنها قد تصبح عائقًا إذا حجبت الصفحة دون توضيح ما حدث أو أين يوجد التركيز. الجودة هنا…
نافذة تسجيل الدخول أو مراجعة الطلب يمكن أن تختصر رحلة المستخدم، لكنها قد تصبح عائقًا إذا حجبت الصفحة دون توضيح ما حدث أو أين يوجد التركيز. الجودة هنا في إدارة التفاعل، لا في شكل الظل أو حركة الظهور فقط.
عرّف وظيفة النافذة
امنح النافذة عنوانًا ظاهرًا، واجعل زر إغلاقها مفهومًا. عند الفتح ينتقل المستخدم إلى المحتوى المناسب، وعند الإغلاق يعود إلى العنصر الذي بدأ منه. اختر السلوك حسب المهمة: قراءة تفاصيل بسيطة تختلف عن نموذج يحتوي أخطاء أو عملية تحتاج مراجعة السعر قبل الإرسال.
حافظ على البيانات أثناء التصحيح
إذا أخطأ المستخدم في البريد، لا تمسح الاسم والجوال وتطلب منه البداية من جديد. ضع رسالة قرب الحقل، واحتفظ بالبيانات الصالحة. وفي نافذة طلب شراء اعرض الباقة والخدمات والمجموع بصورة يمكن مراجعتها، مع تمييز الرسوم المتكررة عن المبالغ المدفوعة مرة واحدة.
اختبر رحلة كاملة
افتح النافذة بلوحة المفاتيح، تنقل بين عناصرها، ثم أغلقها. كرر الاختبار على الهاتف ومع تكبير النص. إذا أصبح زر الإرسال خارج الجزء المرئي، اجعل التمرير واضحًا داخل النافذة أو استخدم صفحة مستقلة للمهمة الطويلة.
- تجنب فتح نافذتين متداخلتين دون سبب واضح.
- لا تجعل الضغط على الخلفية يفقد نموذجًا طويلًا دون تنبيه مناسب.
- أظهر حالة التنفيذ لمنع الضغط المتكرر.
- اربط عنوان النافذة بوظيفتها بدل استخدام عنوان عام لكل الحالات.
تشرح إرشادات الحوار المنبثق لدى WAI السلوك المتوقع للتركيز ولوحة المفاتيح، ويمكن استخدامها كقائمة مراجعة أثناء الاختبار.
اقرأ أيضًا
وليد الفليحي
برمجيات واكثر - عضو الهيئة السعودية للمهندسينأحوّل الأفكار إلى حلول رقمية متكاملة، وأطوّر مواقع وأنظمة ويب حديثة تساعد الجهات والأفراد على تحقيق أهدافهم بكفاءة عالية، مع خبرة في تطوير الأنظمة، إدارة الخوادم وحلول البنية التح…
▢ التعليقات (0)