Google نشرت شركة آبل مقالاً جديداً على مدونتها لمطوري أندرويد، يقدم نصائح حول كيفية تحسين استخدام النتوء. وتواصل الشركة تمهيد الطريق لإطلاق هاتف Pixel 3 XL المرتقب، وفي الوقت نفسه، تُطلق سلسلة من... أفضل الممارسات للتطبيقات للتكيف بشكل صحيح إلى الشاشات الجديدة ذات الشقوق أو الثقوب في الشاشة أو الكاميرات المثقبة.
أصبحت الكاميرا المدمجة في الشاشة، أو النوتش، ميزة شائعة جدًا في جميع أنواع هواتف أندرويد. ورغم أنها كانت في البداية عنصرًا تصميميًا مثيرًا للجدل، إلا أن هناك المزيد من الأدوات وإعدادات النظام والتطبيقات التي تتيح استخدامها. استخدم تلك المنطقة من الشاشة بشكل أفضل أو إذا فضل المستخدم ذلك، إخفاء الشقكل هذا يعني أن المطورين يجب أن يأخذوا في الاعتبار التصميم وسهولة الاستخدام والأداء عندما يقومون بإنشاء تطبيقاتهم أو تحديثها.
تقدم Google نصائح حول الدرجة للمطورين
Google نُشر مقالٌ يُقدّم نصائح لمطوّري أندرويد حول استخدام النوتش وكيفية تحسين عرض التطبيقات بشكل صحيح على الهواتف الذكية التي تستخدمه. ويشير المقال إلى أن العديد من الأجهزة من مُصنّعين مُختلفين تستخدم النوتش بالفعل، وأن العديد منها جزء من... Android P. بيتابعبارة أخرى: إن الشق هنا سيبقى لفترة من الوقت. ويراهن المصنعون على ذلك، لذا يتعين على مطوري التطبيقات التكيف مع هذا الواقع الجديد.
تؤكد جوجل أن هذه الأجهزة توفر فرصة رائعة للتطبيقات لتبدو بأفضل حالاتها. ففي النهاية، عادةً ما تكون هذه الأجهزة مزودة بـ شاشة أكثر قابلية للاستخدام وحواف أقليتيح هذا تصميمًا أكبر وعرض محتوى أكبر دون الحاجة إلى التمرير. ولتحقيق ذلك، يقدمون ما يلي: نصائح للمطورين الذين يريدون تحسين تطبيقاتهم للشاشات ذات الشقوق أو الثقوب أو الفتحات من أي نوع.
- تأكد من أن تطبيقك متوافق: بشكل عام، لا يحتاج المطورون إلى تغيير أي شيء ليعمل التطبيق على الأجهزة ذات النتوء: ارتفاع النتوء هو نفسه ارتفاع شريط الحالة، ويضبط التطبيق أسفله. لذلك، يعرض التطبيق نفس الشيء في الوضع الرأسي. مع ذلك، يجب توخي الحذر عند استخدام أي الكود الذي يعين يدويًا ارتفاعًا جديدًا لشريط الحالةقد يؤدي هذا إلى تداخلات. ينبغي أيضًا مراجعة استخدام الإحداثيات المطلقة لتحديد مواقع العناصر وواجهات ملء الشاشة التي تقترب من الحواف.
- استفد من النوتش: وسّع الواجهة في الوضع الأفقي للاستفادة من كل شبر من الشاشة. إذا كان التطبيق يدعم الوضع الغامر، يُنصح بـ إدارة حدود المحتوى بشكل صحيح حتى لا يتم قطع الأزرار أو القوائم أو النصوص المهمة بواسطة الشق أو الكاميرا المثقبة.
- اختبر تطبيقك بدرجة صغيرة: تقدم جوجل خيارات للاختبار أن يُعرض التطبيق بشكل جيد حتى على الشاشات ذات النتوء. ينبغي على المطورين الاستفادة من هذه الأدوات لمحاكاة أنواع مختلفة من الشقوق والثقوب في الشاشة، وذلك لتجنب مشاكل العرض على الأجهزة الحقيقية.
- الوضع الخاص: يسمح هذا الخيار للتطبيقات غير المُحسّنة بالامتداد إلى النتوء باستخدام زر في شريط التنقل. مع هذا الخيار، يمكن للمستخدم تحديد ما إذا كان يُفضّل احصل على مساحة أكبر للشاشة حتى لو مر جزء من الواجهة خلف الشق، أو إذا كنت تريد الحفاظ على هوامش الأمان.
- تحسين التطبيق لمختلف ابعاد متزنة: أدى ظهور النتوءات، والهواتف بدون حواف، والكاميرات ذات الثقوب إلى انتشار نسب عرض إلى ارتفاع جديدة. وهكذا، حلت نسب العرض إلى الارتفاع 16:9 محل نسب العرض إلى الارتفاع 18:9 و19:9، بل وحتى نسب أطول. يجب على المطورين ضمان تطبيقهم. يتكيف مع جميع الدقة ونسب العرض إلى الارتفاع، ضبط القوائم والرؤوس والعناصر التفاعلية بحيث لا يتم قطعها.
أفضل الممارسات الإضافية لتحسين التطبيقات ذات الشقوق
بالإضافة إلى التوصيات الرسمية من Google، فإن الخبرة في طبقات التخصيص المختلفة وتطبيقات الطرف الثالث تسمح لنا بجمع سلسلة من ممارسات جيدة إضافية حتى يعمل تطبيق Android جيدًا على أي نوع من النتوء أو القطرة أو الثقب في الشاشة.
أولاً، من الضروري احترام مناطق التفاعل الآمنعلى الرغم من أن Android يوفر واجهات برمجة التطبيقات للتعرف على إدخالات في بعض الشاشات، يستخدم المطورون تخطيطات مخصصة دون مراعاة أبعادها. قد يؤدي هذا إلى قرب الأزرار أو الأشرطة السفلية أو الأيقونات من الحافة السفلية بشكل كبير، وفي بعض الهواتف ذات الشق أو الانحناء الواضح، قد تصبح مخفية تقريبًا. يساعد استخدام مكونات واجهة المستخدم الحديثة واختبار أدائها على الأجهزة المختلفة على تجنب هذه المشاكل.
وهناك جانب رئيسي آخر وهو انتقالات ملء الشاشة والوضع الغامرعند إخفاء شريط الحالة أو الشريط السفلي، قد يمتد المحتوى إلى مناطق تظهر فيها الكاميرا أو النتوء. يُنصح بفحص شاشات مثل مشغلات الفيديو أو الألعاب أو معارض الصور للتأكد من عدم وجود عناصر تحكم مهمة أسفل النتوء مباشرةً أو في زوايا يصعب الوصول إليها.
في بيئات التطوير متعددة المنصات، مثل تلك المستخدمة في التطبيقات المبنية باستخدام React Navigation، من المهم التأكد من أن المكتبات المستخدمة تتعامل بشكل صحيح مع الهوامش على الأجهزة المزوّدة بـ notched. في حين أن بعض الأنظمة توفر واجهات برمجة تطبيقات مثل منطقة آمنة بالنسبة لنظام iOS، على نظام Android، تحتاج إلى دمج خيارات الإطار مع خيارات النظام الأساسي نفسها لمنع إخفاء العناصر الرئيسية عند وجود شق.
ومن المستحسن أيضًا أن تقدم التطبيقات أوضاع العرض المرنةيتيح العديد من المصنّعين للمستخدمين خيار توسيع التطبيقات إلى النتوء أو اقتصاص الشاشة بشريط أسود. إذا كان التطبيق مُحسّنًا جيدًا، فسيتم عرضه بشكل صحيح في كلتا الحالتين، متجنبًا انقطاع النص أو عدم محاذاة الأيقونات عند التبديل بين الوضعين.
إرشادات جوجل لمصنعي الهواتف المحمولة ذات الشق
بالإضافة إلى ذلك، قامت جوجل أيضًا بتأسيس معايير الشركات المصنعة الهدف هو ضمان تجربة متسقة عبر مختلف ماركات وطرز الهواتف. تؤثر هذه القواعد على التصميم المادي للشق وسلوك النظام في أوضاع العرض المختلفة.
- يجب على الشركات المصنعة التأكد من أنه في الوضع الرأسي، ارتفاع شريط الحالة يساوي أو أكبر من الشقيؤدي هذا إلى منع تغطية محتوى النظام أو الأيقونات بواسطة الشق.
- في الوضع الأفقي أو وضع ملء الشاشة، يجب أن يكون هناك أشرطة سوداء في منطقة الشقبحيث لا يتم قطع المحتوى إلا إذا طلب المستخدم ذلك صراحةً أو اختار التطبيق الوضع الغامر بالكامل.
- لا يمكن لأي هاتف محمول أن يحتوي إلا على بحد أقصى درجتينيمكن استخدام النتوءات فقط على الحواف العلوية أو السفلية، وبشق واحد فقط لكل حافة. هذا يضمن قدرة التطبيقات على توقع أماكن انقطاع الشاشة.
بفضل هذه القيود، أصبح المطورون يمكنهم تصميم واجهاتهم مع العلم أن النوتش لن يظهر على الجانبين، وأن النظام سيحافظ دائمًا على شريط حالة مرئي أو مناطق سوداء لحماية المحتوى إذا لم يكن التطبيق جاهزًا للتوسع إلى النوتش.
كيف يمكن للمستخدمين الاستفادة من الشق وتكوينه
يعتمد جزء كبير من تجربة النوتش ليس فقط على المطورين، بل أيضًا على الخيارات التي تقدمها الشركات المصنعة في طبقات التخصيص الخاصة بها. تتيح لك العديد من الهواتف تحديد ما إذا كنت تريد عرض الواجهة حتى حافة الكاميرا أو إخفاء النتوء بشريط داكن، بل وحتى ضبط هذا السلوك لكل تطبيق.
في واجهات مثل One UI من Samsung، هناك وظيفة لـ تطبيقات ملء الشاشةتتيح هذه الميزة تكبير التطبيقات لتتجاوز الكاميرا الأمامية وتشغل الشاشة بأكملها. بهذه الطريقة، لم تعد النتوءات تُحدد الواجهة، وتُتاح مساحة عرض أكبر للألعاب والفيديوهات وتطبيقات القراءة، حتى مع بقاء بعض المحتوى قريبًا من الكاميرا.
تتضمن الواجهات من الشركات المصنعة مثل Realme أو OPPO خيارًا لـ العرض على الشاشة يتحكم هذا في سلوك البرنامج بناءً على التطبيق قيد التشغيل. يمكنك، على سبيل المثال، اختيار إظهار النتوء دائمًا، أو إخفاؤه بشريط أسود، أو السماح للنظام بتحديد التكوين الأمثل تلقائيًا في كل حالة.
من جانبها، تقدم العلامات التجارية مثل Xiaomi أو Redmi أو POCO ميزة من إعدادات الشاشة وضع ملء الشاشة تتيح لك هذه الميزة تحديد التطبيقات التي تُعرض على حافة الشاشة وتلك التي تراعي الهوامش الأوسع. بهذه الطريقة، يمكن لكل مستخدم تحديد التطبيقات التي تُعطي الأولوية للانغماس الكامل، وتلك التي يُفضلها لإبقاء المنطقة المحيطة بالشق خالية من المحتوى المهم.
الشركات المصنعة الأخرى، مثل موتورولا والعديد من العلامات التجارية ذات الواجهات القريبة من نظام أندرويد الأساسي لديها إعدادات مماثلة عرض ملء الشاشة لكل تطبيقومع ذلك، لا يوجد معيار متطابق في جميع الأجهزة، لذا فإن التكوين يختلف عادةً من علامة تجارية إلى أخرى، ومن المستحسن التحقق من إعدادات الشاشة والتطبيقات على كل جهاز.
التطبيقات التي تستفيد من الشق والكاميرا المثقوبة
إلى جانب تكوين النظام، هناك التطبيقات المصممة خصيصا إلى استغل الشق بطرق إبداعيةويقوم البعض بتحويل الشق إلى مؤشر مرئي أو منطقة تفاعلية تحتوي على اختصارات، مما يدل على أن هذا العنصر يمكن أن يذهب إلى ما هو أبعد من مجرد إيواء الكاميرا الأمامية.
ومن الأمثلة على هذا النوع من الأدوات المساعدة فكرة استخدام مخطط الشق كـ شريط البطارية المرئييعرض خطًا ملونًا حول الشق يتلاشى مع نفاد البطارية. تتيح لك هذه التطبيقات عادةً ضبط حجم المؤشر وسمكه، بالإضافة إلى لونه ونقطة تحوله إلى درجات حمراء للتحذير من انخفاض مستوى البطارية. كما يمكن استخدامها خلفيات مصممة لإخفاء الشق متى فضل المستخدم ذلك.
هناك أيضًا أدوات تعمل على تحويل الكاميرا ذات الشق أو الثقب إلى نوع من زر تعدد المهام الافتراضيبالنقر أو التمرير بالقرب من الكاميرا، يمكن للمستخدمين تنفيذ إجراءات سريعة مثل فتح تطبيق معين، أو التقاط لقطات شاشة، أو التحكم في تشغيل الوسائط، أو تفعيل وظائف النظام. تتطلب هذه التطبيقات أذونات خاصة وإعدادًا أوليًا للعمل، ولكن بمجرد ضبطها، يمكنها تعزيز الإنتاجية بشكل ملحوظ.
الشيء المثير للاهتمام حول هذه الأنواع من الحلول هو أنها تُظهر للمطورين أفكارًا جديدة لـ دمج الشق في تدفق التطبيقسواءً كعنصر معلوماتي أو كمساحة تفاعلية. مع أن ليس كل التطبيقات بحاجة إلى هذا الحد، إلا أن فهم كيفية استفادة الخدمات الأخرى من النتوء يُساعد في تصميم واجهات أكثر أصالةً وأناقةً.
مع كل هذا، لم تعد النتوءة مجرد فتحة مزعجة في الشاشة، بل أصبحت منطقة توفر معلومات بصرية أكثر عند استخدامها بشكل جيد. اختصارات مفيدة وإحساس أفضل بالانغماس، بشرط أن يحترم كل من المطورين والمصنعين إرشادات Google ويقدموا إعدادات واضحة حتى يتمكن المستخدم من اختيار كيفية عرض المحتوى الخاص به.
تمهيد الطريق لجوجل بيكسل 3 إكس إل
مع كل هذا Google ما هو إلا تمهيد الطريق للمستقبل جوجل بيكسل 3 اكس البينما سيحتوي الإصدار القياسي على شاشة كلاسيكية، سيحتوي الجهاز الأكبر على نتوء. ونظرًا لاعتماد جوجل هذا التصميم، يتعين على جميع المصنّعين التعاون وتقديم دعم كافٍ للشاشات ذات النتوء، وعلى المطورين اتباع التوصيات لضمان... ستبدو تطبيقاتك مثالية منذ اليوم الأول..
إن حقيقة أن جوجل تنشر مثل هذه الأدلة التفصيلية وتضع حدودًا واضحة للمصنعين تشير إلى أن هدفها هو أن يكون نظام أندرويد بأكمله هو نفسه. تقديم تجربة سلسةسواءً فضّل المستخدم الاستفادة القصوى من كل بكسل في الشاشة أو اختار إخفاء النتوء، تُعدّ نصائح تحسين التطبيقات ذات النتوءات أساسيةً لجعل الانتقال إلى الشاشات ذات النتوءات أكثر سلاسةً. وفي الوقت نفسه، تُتيح هذه النصائح فرصةً للابتكار في تصميم الواجهة وإضافة ميزات إضافية تعتمد على النتوء نفسه.
