التصميمات وأنماط التنقل

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

مجموعات التنسيقات وعناصر التنقّل

يتم استخدام شريط التنقّل ولائحة التنقّل المشروطة كأنماط تنقّل أساسية لعرض تنسيقات الصفحة الرئيسية ووجهات التنقّل الأساسية.

واجهة مستخدم شريط التنقّل الرئيسي

يمكن أن يتضمّن شريط التنقّل من ثلاث إلى خمس وجهات تنقّل على مستوى التسلسل الهرمي نفسه. ويُترجَم هذا المكوّن إلى شريط التنقّل على الشاشات الكبيرة.

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

علامات تبويب التنقّل الثانوية

علامات تبويب Material 3 وشريط التطبيق السفلي هما نمطان تنقّل ثانويان يمكنك استخدامهما لتكميل التنقّل الأساسي أو الظهور في طرق العرض الفرعية.

تعمل علامات التبويب هنا كطبقة تنقّل ثانوية لتجميع المحتوى المتشابه.

إجراءات التنسيق

يمكنك توفير عناصر تحكّم للسماح للمستخدمين بتنفيذ الإجراءات. تشمل الأنماط الشائعة إجراءات الشريط العلوي، وزر الإجراء الرئيسي (FAB)، والقوائم.

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

التصميم الذي يتضمّن زر الإجراء الرئيسي

زر الإجراء الرئيسي (FAB) الذي يتيح للمستخدمين إضافة نباتات إلى معرض النباتات

يمكنك وضع الإجراءات الثانوية ضمن الشريط العلوي أو ضمن الصفحة إذا كانت مجمّعة بالقرب من المحتوى ذي الصلة.

إجراء التنبيه في الشريط العلوي في "عرض التفاصيل" (على اليمين) ورمز التجاوز ضمن عنصر القائمة (على اليسار)

بالنسبة إلى أي إجراءات إضافية غير مطلوبة على الفور أو بشكل متكرّر، أضِف هذه الإجراءات في القائمة الكاملة.

التنقّل التكيّفي

استخدِم التنسيق المناسب لفئة حجم النافذة. تجنَّب استخدام شريط التنقّل السفلي نفسه على جميع الأحجام.

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

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

الإجراءات غير المُوصى بها

استخدِم شريط تنقّل سفلي على أحجام الشاشات الكبيرة.

التنقّل في الوضع الأفقي يمكن أن تستخدم الأحجام المتوسطة شريط التنقّل أو عناصر التنقّل الأفقية.

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