شرح صفوف ومحتوى الفقرة
لأن طلبات البيانات تسافر عبر الإنترنت إلى الخادم الخلفي، فإنها تستغرق جزءاً من الثانية أو بضع ثوانٍ، وقد ينقطع اتصال المستخدم فجأة أو يبحث عن كلمة لا توجد لها نتائج. لذلك لا يصمم مطور الواجهة الأمامية المحترف الشاشة لحالة النجاح فقط، بل يصمم أربع حالات بصرية واضحة () لكل قسم يطلب بيانات:
- 1. حالة التحميل (): تظهر فور إرسال الطلب (على شكل مؤشر دوران أو بطاقات رمادية تمهيدية ) لتطمئن المستخدم بأن الموقع يجلب البيانات فلا يكرر النقر العشوائي على الزر.
- 2. حالة النجاح (): تظهر فور وصول بيانات السليمة، فتعرض البطاقات والعناوين الحقيقية بوضوح.
- 3. حالة القائمة الفارغة (): تظهر عندما ينجح الاتصال بالخادم ولكن لا توجد عناصر مطابقة للبحث (فتعرض رسالة لطيفة مثل: «لا توجد نتائج مطابقة لبحثك حالياً» بدلاً من ترك شاشة بيضاء مربكة).
- 4. حالة الخطأ (): تظهر عند انقطاع الإنترنت أو تعذر استجابة الخادم، فتعرض تنبيهاً واضحاً مع زر «إعادة المحاولة».
جرّب بنفسك التبديل بين الحالات الأربع للشاشة في المحاكي التفاعلي الآتي: