تقدم الشبكات العناصر في تخطيط الشبكة.
يكون هذا النموذج مفيدًا عندما يعتمد المستخدمون بشكل أساسي على الصور لتحديد اختياراتهم.
يمكن تضمين هذا النموذج في نموذج علامة التبويب لتوفير إمكانية التنقّل باستخدام علامات التبويب.
تتضمن:
- العنوان مع شريط إجراءات اختياري (يتم استبدال شريط الإجراءات بعلامات تبويب عند تضمين هذا النموذج في نموذج علامة التبويب)
- عناصر الشبكة (انظر الملاحظة أدناه)، كل يحتوي على رمز أو صورة كبيرة الحجم
- النص الأساسي لكل عنصر شبكة (إلزامي)
- النص الثانوي لكل عنصر شبكة (اختياري)
- زر الإجراء العائم الاختياري
أمثلة على نماذج الشبكة
تم إنشاء أمثلة Android Auto وAndroid Automotive التالية باستخدام نموذج "Grid" (الشبكة).
شبكة تتضمّن بعض العناصر نصًا ثانويًا (مثال على Android Auto)
شبكة مع رمز عنصر واحد تم استبدالها مؤقتًا بمؤشر تحميل وتم اقتطاع النص الأساسي لعنصر آخر لأن طوله يتجاوز المساحة المتوفرة (مثال على نظام التشغيل Android)
متطلبات تجربة المستخدم لنموذج الشبكة
مطوّرو التطبيقات:
ينبغي | يجب تحديد طول السلاسل النصية الأساسية والثانوية لتجنّب اقتطاعها. |
ينبغي | يجب اتخاذ إجراء مرتبط بكل عنصر من عناصر الشبكة (لا يُنصح باستخدام عناصر المعلومات فقط). |
ينبغي | يمكنك الإشارة بوضوح إلى حالة العناصر (لعناصر الشبكة التي لها حالات متعددة، مثل محدّدة وغير محدّدة) من خلال أشكال مختلفة في الصورة أو الرمز أو النص. |
يجب عدم | أدرِج شريط الإجراءات وزر الإجراءات العائم في الوقت نفسه. |
أيار (مايو) | عرض مؤشر تحميل الصفحة بدلاً من الرمز أو الصورة عندما يكون هناك إجراء مرتبط بالعنصر قيد التقدم |