لوحة عرض دوّارة

تم تحسين منصّات العرض بعناصر متغيّرة للسماح للمستخدمين باختيار عنصر واحد من العناصر المتعددة عندما يتم بسهولة تمييز هذه العناصر باستخدام صورة. يستطيع المستخدمون اختيار عنصر من خلال قول عنوانه أو النقر عليه.

مثال

في ما يلي مثال على الشكل الذي تظهر به لوحة العرض الدوّارة عند إكمال جميع الحقول المطلوبة والاختيارية.


المتطلبات

يتيح هذا المكوّن المرئي حاليًا التخصيص.

اسم الحقل مطلوبة أم لا؟ القيود/التخصيصات
صورة السلعة لا
  • يمكنك الاختيار من بين ثلاث نسب عرض إلى ارتفاع مختلفة: مربّع وأفقي وعمودي.
  • يعتمد الحجم التلقائي على حجم الشاشة ونسبة العرض إلى الارتفاع. سيتم ملء أي مساحة إضافية بالأشرطة.
  • مصدر الصورة هو عنوان URL. في حال كان رابط الصورة معطلاً، يتم استخدام صورة عنصر نائب بدلاً منه.
  • النص البديل مطلوب لتسهيل الاستخدام.
  • شكل صورة قابل للتخصيص (الزوايا الدائرية أو الزوايا).
خلفية البطاقة لا
  • صورة أو لون قابل للتخصيص
النص الأساسي نعم
  • ويجب أن يكون النص الأساسي لكل عنصر فريدًا (إتاحة ميزة اختيار الصوت).
  • النص العادي تلقائيًا. تم تغيير حجم الخط وحجمه.
  • الحد الأقصى المقترَح هو سطران. وبناءً على السطح، سيتم اقتطاع أحرف إضافية.
النص الثانوي

ويُعرف أيضًا باسم النص الأساسي أو النص المنسَّق.

لا
  • نص عادي. تم تغيير حجم الخط وحجمه.
  • الحد الأقصى المقترَح هو سطران. وبناءً على السطح، سيتم اقتطاع أحرف إضافية.

عدد العناصر

  • الحد الأقصى: 10
  • الحد الأدنى: 2

الاتّساق

يجب أن تتضمّن جميع العناصر في لوحة العرض الدوّارة الحقول نفسها. على سبيل المثال، إذا تضمّنت سلعة واحدة صورة، يجب أن تتضمّن جميع العناصر في لوحة العرض الدوّارة صورًا.

التفاعل

  • التمرير السريع: مرّر لوحة العرض الدوّارة لعرض بطاقات مختلفة.
  • النقر: عندما ينقر المستخدمون على عنصر، يتم قبول عنوان العنصر كإدخال من المستخدم، وذلك بدءًا من المنعطف التالي في مربّع الحوار.
  • الصوت/لوحة المفاتيح: الرد باستخدام عنوان البطاقة هو نفسه اختيار العنصر.


الإرشادات

تُستخدم لوحات العرض الدوّارة في الغالب للتصفّح والاختيار بين الصور.

ويمكنك استخدام لوحات عرض دوّارة لمساعدة المستخدم في الاختيار من بين المحتوى الذي:

  • إمكانية تصفّحها بأفضل شكل من خلال الصور الممسوحة ضوئيًا (مثل ملصقات الأفلام وصورة الألبوم ووصفات الطعام والملابس)
  • يمكن حظرها بشكل هادف على شكل أجزاء مستطيلة (مثل تغريدات وقصص إخبارية)

سيتمكّن المستخدمون من قول عنوان العنصر لاختياره، لذا تأكَّد من أنّه من السهل قوله وتعريف كل عنصر بشكلٍ فريد.

الإجراءات التي يُنصح بها

يجب أن يكون كل عنوان للسلعة قصيرًا قدر الإمكان مع تمييزه عن العناصر الأخرى.

لا تفعل ذلك.

لا تستخدم العنوان نفسه أبدًا لعناصر متعددة. وتجنَّب استخدام العناوين المتشابهة.

وننصحك بإدراج معلومات عن ما يلي:
  • عدد العناصر الواردة في لوحة العرض الدوّارة (على سبيل المثال، "تتضمّن قائمة الأمنيات 7 سلع".
  • سبب اختيار هذه العناصر (على سبيل المثال، "إليك باقاتنا الأكثر رواجًا".
  • أي معايير اختيار للعناصر (مثل "الحفلات الموسيقية في نهاية هذا الأسبوع"
  • ترتيب السلع (على سبيل المثال، "بدءًا من أحدث ترتيب" إذا كان التسلسل العكسيًا

الإجراءات التي يُنصح بها

السماح للمستخدم بمعرفة سبب اقتراحك هذه العناصر المحدّدة

لا تفعل ذلك.

لا تدّع المستخدم يتساءل عن سبب عرض الإجراء لهذه العناصر المحددة.

اطرح سؤالًا لإعلام المستخدم بكيفية دوره. يمكنك تضمين شرائح مثل "لا شيء من هذه" للسماح لهم يشير إلى أنهم لا يريدون أيًا من الخيارات.

الإجراءات التي يُنصح بها

وضِّح للمستخدم أنّه بحاجة إلى اختيار عنصر من لوحة العرض الدوّارة. تتيح لهم شرائح الشرائح اختيار "لا شيء من هذه" أو تحسين النتائج (على سبيل المثال، من خلال عرض "الأحذية الرياضية" فقط).

لا تفعل ذلك.

لا تعرض ببساطة للمستخدم لوحة عرض دوّارة. اطرح سؤالاً بطريقة واضحة لتوضيح ما يحدث عند اختيار عنصر.