قائمة
مثال
في ما يلي مثال على الشكل الذي تظهر به القائمة عند اكتمال جميع الحقول المطلوبة والاختيارية.
المتطلبات
يتيح هذا المكوّن المرئي حاليًا التخصيص.
| اسم الحقل | مطلوبة أم لا؟ | القيود/التخصيصات |
|---|---|---|
| عنوان القائمة | لا |
|
| النص الأساسي | نعم |
|
|
النص الثانوي
ويُعرف أيضًا باسم النص الأساسي أو النص المنسَّق. |
لا |
|
| صورة السلعة | لا |
|
عدد العناصر
- الحد الأقصى: 10
- الحد الأدنى: 2
الاتّساق
يجب أن تتضمّن جميع العناصر في لوحة العرض الدوّارة الحقول نفسها. على سبيل المثال، إذا تضمّنت سلعة واحدة صورة، يجب أن تتضمّن جميع العناصر في لوحة العرض الدوّارة صورًا.
التفاعل
- التمرير السريع: مرّر لوحة العرض الدوّارة لعرض بطاقات مختلفة.
- النقر: عندما ينقر المستخدمون على عنصر، يتم قبول عنوان العنصر كإدخال من المستخدم، وذلك بدءًا من المنعطف التالي في مربّع الحوار.
- الصوت/لوحة المفاتيح: الرد باستخدام عنوان البطاقة هو نفسه اختيار العنصر.
الإرشادات
تُستخدم القوائم في الغالب للتصفّح والاختيار من بين العناوين. ومع أنّه يمكنك إضافة أقل من 2 و30 عنصر قائمة، ننصحك باستخدام ما بين 2 و10 عناصر.
استخدِم القوائم لمساعدة المستخدم على الاختيار من بين المحتوى الذي:
- إمكانية تصفّح المحتوى بدقة أكبر من خلال فحص العناوين أو الأوصاف القصيرة (مثل عناوين الأغاني أو أسماء جهات الاتصال أو أسماء الفعاليات أو مواضيع الجلسات)
- قد يضطر المستخدم إلى إجراء مسح ضوئي ومقارنته أثناء التصفُّح (على سبيل المثال، أسعار الأسهم).
استخدِم عناوين فريدة ومناسبة للمحادثات.
الإجراءات التي يُنصح بها
يجب أن يكون كل عنوان للسلعة قصيرًا قدر الإمكان مع تمييزه عن العناصر الأخرى.
لا تفعل ذلك.
لا تكرِّر الكلمات أو العبارات في العناوين، على سبيل المثال: "42 وعلاقته..."، فهي لا تساعد في تحديد العنصر بشكل فريد، وسيكون العنوان طويلاً جدًا ولا يمكن عرضه على الشاشة.
احرص على أن تكون الأوصاف موجزة من خلال تضمين المعلومات المفيدة ذات الصلة فقط.
الإجراءات التي يُنصح بها
يجب أن تحتوي أوصاف عناصر القائمة على معلومات تميّز بعضها عن بعض وأن تكون ذات صلة في سياق طلب المستخدم للإجراء.
لا تفعل ذلك.
تجنَّب تقديم معلومات غير ملائمة في أوصاف عناصر القائمة، لأنّ ذلك يفصلك عن المعلومات القيّمة التي يحتاجها المستخدم للاختيار.
إذا كانت قائمتك تحتوي على عنصرين فقط، يجب التفكير في ما إذا كان السؤال البسيط إما/أو سؤالًا كافيًا لمساعدة المستخدم على اتخاذ قراره.
الإجراءات التي يُنصح بها
إذا كنت تقدم خيارين فقط، قد يكون طرح السؤال هو أفضل طريقة لمساعدة المستخدم على اتخاذ القرار.
لا تفعل ذلك.
في هذه الحالة، ليس من الضروري استخدام المرئيات لتقديم معلومات مهمة. تساعد الشرائح المستخدمين على الاستجابة إذا احتاجوا إلى اقتراحات.
وتجنَّب قوائم عنصر واحد.
الإجراءات التي يُنصح بها
وبدلاً من قائمة من عنصر واحد، قدِّم للمستخدم مزيدًا من المعلومات عن الخيار الأول المتاح له.
لا تفعل ذلك.
يجب ألّا يختار المستخدم خيارًا واحدًا فقط.