عناصر واجهة التنقل في تطبيقات الهاتف: التبويب السفلي والرجوع والقائمة الجانبية وزر الإجراء العائم
Mobile Navigation Elements
الجواب المختصر
التنقل داخل التطبيق يجب أن يكون سلسًا ومنطقيًا. أهم العناصر: شريط التبويب السفلي (أزرار أسفل الشاشة تمكّن التنقل بيد واحدة، مناسب لتطبيق فيه 3–5 أقسام رئيسية)، وشريط التنقل العلوي (عنوان الصفحة وزر الرجوع)، وسهم التنقل للأعلى (العودة إلى الشاشة الأم)، وزر الشاشة الرئيسية (العودة السريعة)، والقائمة الجانبية (الهامبورغر) للأقسام الثانوية أو الأقل استخدامًا مثل الإعدادات والمساعدة، وزر الإجراء العائم (FAB) دائري يطفو فوق المحتوى لتنفيذ الإجراء الأهم.
| العنصر | وصفه | متى يُستخدم؟ |
|---|---|---|
| شريط التبويب السفلي | أزرار أسفل الشاشة تُمكّن التنقل بيد واحدة | عندما يكون للتطبيق 3–5 أقسام رئيسية (مثل Instagram) |
| شريط التنقل العلوي | يظهر أعلى الشاشة ويتيح الرجوع وعنوان الصفحة والإجراءات | في كل شاشة تفصيلية تحتاج الرجوع (تفاصيل منتج) |
| سهم التنقل للأعلى | الرجوع إلى الشاشة الأم | التنقل بين مستويات متعددة (من المقال إلى قائمة المقالات) |
| زر الشاشة الرئيسية | العودة السريعة إلى نقطة البداية | في Android للوصول للتطبيق أو للرجوع للرئيسية |
| القائمة الجانبية (هامبورغر) | ثلاثة خطوط تفتح قائمة جانبية | للأقسام الثانوية أو الأقل استخدامًا: إعدادات، مساعدة |
| زر الإجراء العائم FAB | زر دائري يطفو فوق المحتوى | لإجراء أهم من غيره مثل «إنشاء» في Gmail أو «إضافة» |
نشاط: افتح تطبيقًا على هاتفك وحدد عناصر التنقل فيه وهل اختار عناصر مناسبة. ولسياق الاستخدام: سهولة الاستخدام ومبادئ تصميم الواجهة.
كيف تبرر الاختيار؟
اربط العنصر بعدد الأقسام وسلوك المستخدم: تطبيق بأربعة أقسام رئيسية يناسبه شريط تبويب سفلي، وإجراء رئيسي واحد متكرر يناسبه زر عائم، وأقسام نادرة الاستخدام تناسبها قائمة جانبية.
المصطلحات: عربي ↔ English
- شريط تبويب سفلي
- Bottom Tab Bar
- قائمة هامبورغر
- Hamburger Menu
- زر الإجراء العائم
- Floating Action Button (FAB)
- زر الرجوع
- Back Button
لماذا يهمّ هذا في BTEC؟
اختر عنصر التنقل بحسب عدد الأقسام وأهميتها، وبرّر اختيارك.
أسئلة تجيب عنها هذه الصفحة
- ما هي عناصر التنقل في التطبيقات؟
- ما هو زر الإجراء العائم FAB؟
مفاهيم مرتبطة
- سهولة استخدام التطبيق: عوامل الوضوح والتنقل وتقليل الخطوات والاستجابةإن لم يفهم المستخدم كيف يستخدم التطبيق خلال ثوانٍ أغلقه. عوامل سهولة الاستخدام: وضوح الواجهة، وسهولة التنقل بأقل نقرات، وتقليل الخطوات، ووضوح المصطلحات، وتنظيم المحتوى، وسرعة الاستجابة، وأزرار كبيرة ونصوص واضحة.
- مبادئ تصميم الواجهة: الوضوح والثبات وتقليل الخطوات والتغذية الراجعة ومنع الأخطاءستة مبادئ لواجهة سهلة الاستخدام: الوضوح، والثبات، وتقليل الخطوات، والتغذية الراجعة، ومنع الأخطاء قدر الإمكان، ودعم إتاحة الوصول. وتُراجع جودة التصميم بأسئلة عن وضوح الشاشات والأزرار وعدد الخطوات والرسائل وسهولة القراءة والتوافق مع الهاتف.
عن كاتب الصفحة
مدرّس BTEC IT · الأردن
- نوع المحتوى
- شرح مبني على مادة أحمد دومي — وليس نصًّا رسميًّا من Pearson
- آخر مراجعة
- ملاحظة على المصدر
- المثال التطبيقي في هذه الصفحة وضعه الموقع لتقريب الفكرة.
- المصدر
- مدخل إلى التطبيقات — الهدف أ (أحمد دومي) — الصفحتان 14–15