حركة

تُعدّ الحركة أداةً فعّالة، ولكن ينبغي استخدامها باعتدال في سياق القيادة. ولا يكون استخدامها مناسباً إلا عندما تُسهم في إعلام السائقين دون تشتيت انتباههم عن الطريق.

إرشادات سريعة (باختصار):

مبادئ الحركة

عند تصميم الحركة لواجهات Android للسيارات، ضع في اعتبارك ثلاثة مبادئ أساسية: كن آمناً، وكن مفيداً، وكن مرناً.

آمن

القيادة هي المهمة الأساسية للمستخدم، وكل شيء آخر ثانوي. تعامل مع انتباه المستخدم كمورد محدود، وتجنب استخدام الحركة لخلق تشتيت غير ضروري.

معلوماتي

استخدم الحركة لنقل المعلومات التي تُفيد المستخدمين. على سبيل المثال، تُعزز الحركة فهم المستخدمين للمنتج من خلال توضيح العلاقات الهرمية والمكانية بين العناصر. كما تُساعد الحركة على تنمية مهارات المستخدمين في استخدام واجهة المستخدم من خلال الإشارة إلى التفاعلات المتاحة.

مرن

قم بتحديد لغة حركة قابلة للتطوير ومرنة بما يكفي للتكيف مع الشاشات بجميع أحجامها وأشكالها، وكذلك مع جميع أنواع مدخلات المستخدم.

أنماط الحركة

لضمان تجربة مستخدم متسقة عبر جميع التطبيقات، يقدم نظام Android Automotive توصيات لأنماط حركة محددة لاستخدامها في الحالات التالية:

• التبديل بين طرق العرض على نفس المستوى
• الانتقال إلى عرض التفاصيل
• توسيع نطاق إجراء قائم
• تقليص وتوسيع نطاق إجراء ما
• تعطيل عمل ما

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

التبديل بين طرق العرض على نفس المستوى

عند التبديل بين عناصر العرض ضمن نفس مستوى التسلسل الهرمي في التطبيق، مثل علامات التبويب في شريط التطبيق أو الأغاني في قائمة التشغيل، استخدم حركة جانبية. تعزز الحركة الأفقية فكرة البقاء على نفس المستوى داخل التطبيق.

مثال

الانتقال إلى عرض التفاصيل

عند الانتقال من عرض المحتوى العام إلى عرض التفاصيل، استخدم حركة عمق Z التي تُكبّر الطبقة السفلية وتُظهرها تدريجيًا مع تلاشي الطبقة العلوية. تُعزز هذه الحركة العلاقة بين العرض العام وعرض التفاصيل، وتُسلّط الضوء على الأخير.

مثال

توسيع نطاق إجراء قائم

عندما يقوم المستخدم بإجراء ما ثم يقوم بإجراء آخر مرتبط به، استخدم حركة رأسية (لأعلى أو لأسفل) لعرض الإجراء الثانوي على شاشة كاملة، مع خلفية شفافة، فوق الإجراء الأساسي. إن رؤية الإجراء الأساسي من خلال الخلفية الشفافة يؤكد للمستخدم أنه لا يزال يقوم بهذا الإجراء.

عند إغلاق الإجراء الثانوي، استخدم عكس هذه الحركة. يجب أن تستغرق الحركة العكسية وقتًا أقل من الحركة الأصلية، لأن المستخدم يكون قد انتهى من الإجراء الثانوي وهو مستعد للخروج.

مدة

إرشادات تصميم المواد حول المدة التي يجب أن تستغرقها عمليات الانتقال