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