تساعد أفضل الممارسات التالية في التصميم على ضمان تجربة مثالية للمستخدمين الذين يلعبون لعبتك على YouTube على مختلف الأجهزة والمنصات.
بالإضافة إلى مكوّنات نظام التشغيل، تتألف تجربة "هيّا نلعب" بشكل أساسي من ثلاثة مكوّنات:
- إجراءات "هيّا نلعب"
- لوحة اللعبة
- القوائم ومربّعات الحوار
تقدّم أفضل الممارسات في تصميم الألعاب هذه اقتراحات حول كيفية إنشاء لعبتك للوحة اللعبة.
تغيير حجم اللعبة
يُرجى التأكّد من أنّ الألعاب تتكيّف بشكل مناسب مع أحجام الشاشات المختلفة واتجاهاتها من خلال مراعاة هذه الممارسات.
يمكنك تغيير حجم اللعبة وتكييف واجهة المستخدم مع حجم لوحة اللعبة ونسبة العرض إلى الارتفاع.
يمكنك استخدام التنسيق العمودي أو التنسيق الأفقي إذا لم يكن بإمكان اللعبة الاستجابة بشكل كامل لحجم لوحة اللعبة ونسبة العرض إلى الارتفاع.
يُرجى تجنُّب ظهور أشرطة التمرير. تؤثر أشرطة التمرير سلبًا في أسلوب اللعب والتنقّل العام. يُرجى ملء لوحة اللعبة بدون أن تصبح اللعبة قابلة للتمرير داخلها. لا بأس من استخدام أشرطة التمرير للتمرير المقصود، مثلاً عند التمرير خلال قائمة عمودية طويلة ضمن واجهة مستخدم اللعبة. من المفضّل أن تستجيب الألعاب بشكل كامل لمنطقة العرض.
تغيير مقياس اللعبة
يُرجى عرض اللعبة بوضوح (بدون أن تكون ضبابية أو مقسّمة إلى وحدات بكسل أو ممدّدة) على مختلف درجات دقة الشاشة.
يُرجى التأكّد من أنّ واجهة مستخدم اللعبة (النصوص والرموز) يتم تغيير مقياسها بشكل مناسب عند عرضها على شاشات منخفضة الدقة (مثل الأجهزة الجوّالة بدقة 360×800) وشاشات عالية الدقة (مثل شاشات الكمبيوتر المكتبي بدقة 3840×2560).
يُرجى تجنُّب مواد العرض النقطية منخفضة الدقة التي تظهر ضبابية عند تغيير مقياسها لتناسب الشاشات الكبيرة.
فن الطباعة
يُرجى التأكّد من سهولة قراءة النصوص على مختلف الأجهزة وأحجام الشاشات.
يجب أن تكون النصوص التي تظهر داخل اللعبة، مثل الأزرار والقوائم وفقاعات الكلام، قابلة للقراءة على مختلف الأجهزة وأحجام الشاشات. ويمكن تحقيق ذلك من خلال تغيير مقياس النص وتكييفه تلقائيًا أو من خلال منح المستخدمين إعدادًا لضبط حجم الخط.
إذا كان حجم النص أقل من 18 نقطة، أو إذا كان النص غامقًا وأقل من 14 نقطة، يُرجى ضبط نسبة تباين الألوان على 4.5:1 على الأقل.
بالنسبة إلى جميع النصوص الأخرى، يُرجى ضبط نسبة تباين الألوان على 3:1 على الأقل.
للحصول على مرجع عام، يُرجى الاطّلاع على WCAG2.1.
 |
 |
| يُرجى استخدام أحجام خطوط كبيرة مع وزن وتباين كافيين لسهولة القراءة. في هذا المثال، تبلغ نسبة التباين 4.48:1. | يُرجى تجنُّب أحجام الخطوط الصغيرة والألوان المنخفضة التباين. في هذا المثال، تبلغ نسبة التباين 3.07:1. |
التفاعل
يغطّي هذا القسم أفضل الممارسات المتعلقة بتفاعلات المستخدمين والعناصر ذات الصلة.
مساحات اللمس
يُرجى جعل مساحات اللمس كبيرة بما يكفي لتسهيل التفاعل.
يُرجى التأكّد من أنّ مساحات اللمس تبلغ 48×48 بكسل مستقل الكثافة على الأقل مع مساحة 8 بكسل مستقل الكثافة على الأقل بين المساحات (راجِع إرشادات التصميم المتعدد الأبعاد) لتسهيل التفاعل.
في هذا المثال، يبلغ حجم الزر المعروض مرئيًا 24 بكسل مستقل الكثافة، بينما تتضمّن مساحة اللمس غير المرئية 12 بكسل مستقل الكثافة حول الرمز لتحقيق مساحة اللمس المستهدفة التي تبلغ 48×48 بكسل مستقل الكثافة.
يُرجى إضافة مساحة متروكة حول الرموز والأزرار لزيادة حجم مساحة اللمس.
الأزرار
يُرجى استخدام أنماط فريدة لكل حالة زر:
- الأجهزة المفعّلة
- غير مفعّل
- التمرير (لأجهزة الإدخال غير التي تعمل باللمس)
- التركيز
- مضغوط
يُرجى الحرص على التمييز بين الأزرار حسب التدرّج الهرمي أيضًا. على سبيل المثال، أزرار الإجراءات الأساسية مقابل أزرار الإجراءات الثانوية في قائمة البدء (راجِع إرشادات تصميم Google Material 2 للأزرار).
أنماط فريدة تميّز كل حالة زر
إدخالات لوحة المفاتيح
لزيادة إمكانية الوصول إلى اللعبة على مختلف الأجهزة ولدى مختلف المستخدمين، يُرجى إتاحة إدخالات لوحة المفاتيح لجميع عناصر التحكّم في أسلوب اللعب والتنقّل على الشاشة بالإضافة إلى إدخالات اللمس والماوس.
بالنسبة إلى الألعاب التي تتيح إدخالات لوحة المفاتيح، يُرجى السماح للمستخدمين بإغلاق أي قوائم داخل اللعبة ومربّعات حوار باستخدام المفتاح Esc. بالإضافة إلى ذلك، يجب أن يكون هناك زر إغلاق مرئي (مثلاً، رمز X في أعلى الزاوية). من الأمثلة الشائعة على النوافذ المنبثقة أو مربّعات الحوار قائمة الإعدادات وقائمة الإيقاف المؤقت ورسائل الخطأ والنوافذ المنبثقة التي تعرض معلومات المساعدة.
يُرجى تجنُّب ربط أي إجراءات بالضغط مع الاستمرار على المفتاح Esc، لأنّ هذا المفتاح يُستخدم للخروج من وضع ملء الشاشة على متصفّحات الويب على الكمبيوتر المكتبي.
بالنسبة إلى الألعاب التي تم تسجيل مستمعين لضغطات المفاتيح فيها، يُرجى عدم استخدام preventDefault()
مع Esc أحداث المفتاح. عند استخدام وضع ملء الشاشة في Safari، يؤدي ذلك إلى استهلاك اللعبة لحدث ضغط المفتاح بدون الخروج من وضع ملء الشاشة.
تقنية اللمس
عند الاقتضاء، ننصحك باستخدام التجاوب الحسّي (الاهتزازات) لجعل ألعابك أكثر متعة وجاذبية.
المقاطع الرئيسية في اللعبة
يغطّي هذا القسم المقاطع الرئيسية في اللعبة التي توفّر تجربة رائعة للاعب.
برنامج تعليمي
يُرجى تضمين برنامج تعليمي موجز أو مستوى إعداد لمساعدة اللاعبين الجُدد.
يضمن مستوى الإعداد تعلُّم المستخدمين أسلوب اللعب الأساسي وأساسيات اللعبة لمتابعة اللعب والاستمتاع به.
بما أنّ الهدف من ميزة "هيّا نلعب" هو أن تكون سريعة وسهلة الاستخدام ليبدأ المستخدمون اللعب، يُرجى الحرص على أن يكون مستوى الإعداد بسيطًا قدر الإمكان. على الرغم من أنّ بعض الألعاب لا تتطلب برنامجًا تعليميًا، تستفيد معظم الألعاب من شكل من أشكال مستوى الإعداد. يُرجى مراعاة الآليات والقواعد والمهارات الرئيسية التي يحتاج اللاعب إلى معرفتها للعب اللعبة والاستمتاع بها بنجاح.
يمكن أن تكون البرامج التعليمية بالتنسيق التالي:
- مجموعة من الشاشات في بداية اللعبة (أو من الأفضل عرضها في سياق اللعبة عند الاقتضاء)
- مستوى تعليمي فعلي يلعب فيه المستخدم
إيقاف مؤقت
يُرجى إعلام المستخدم بوضوح بحالة اللعبة.
يُرجى إعلام المستخدم بوضوح عندما تكون اللعبة متوقفة مؤقتًا وكيف يمكنه استئنافها. يُرجى تجنُّب جعل المستخدم يعتقد أنّ اللعبة قد توقفت أو تعطّلت.
يُرجى تصنيف حالة اللعبة بوضوح على أنّها "متوقفة مؤقتًا" وتقديم إجراء واضح (زر) لاستئناف اللعبة.
نهاية المباراة
يُرجى إعلام المستخدم بأنّه أكمل المستوى الأخير أو أنه أنهى اللعبة.
إذا كانت اللعبة لها نهاية محددة (مثلاً، عدد محدود من المستويات)، يُرجى إعلام المستخدم بذلك بوضوح. يُجنّب ذلك المستخدم الاعتقاد أنّ اللعبة معطّلة أو متوقفة. من المفضّل أن تحتفل اللعبة باللاعب وتهنئه على إكمالها.
الصوت
يمكن أن تحتوي اللعبة على عناصر تحكّم منفصلة في مستوى الصوت للمؤثرات والكلام والموسيقى في الخلفية. يمكن أن تتألف عناصر التحكّم من أشرطة تمرير لضبط مستوى الصوت أو زر كتم الصوت لكل منهما أو كليهما.
تسهيل الاستخدام
تتيح سهولة الوصول في التصميم للمستخدمين من ذوي القدرات المتنوعة لعب لعبتك والاستمتاع بها.
على عكس تصميم الويب والبرامج، لا توجد إرشادات تسهيل استخدام قياسية في المجال لتصميم الألعاب. للحصول على مصدر جيد يتضمّن إرشادات إضافية حول تصميم الألعاب الشامل، يُرجى الاطّلاع على إرشادات سهولة الوصول إلى الألعاب. ننصحك بمراعاة كيفية تطبيق هذه الإرشادات على تصميم لعبتك.