لماذا نعرض المسار
يتبع الناس «رائحة المعلومات» (Pirolli & Card, 1999). ومن يصل إلى صفحة عميقة من البحث يعرف موقعه عبر المسار. وكلما تعمّق التسلسل زاد الضياع (Miller & Remington, 2004)، فيفيد في هيكلة المعلومات العميقة.
اختصره في الجوال
يتركز الانتباه أعلى الشاشة الصغيرة (Kim et al., 2015). اعرض المستوى الأعلى فقط أو سطراً أفقياً قابلاً للتمرير (Laubheimer, 2018)، وراعِ حجم الأهداف (Parhi et al., 2006)، واترك التنقل الرئيسي لـالتنقل السفلي.
التصميم والترميز
اجعل الصفحة الحالية نصاً لا رابطاً، واستخدم فواصل اتجاهية مثل «>». وأبقه هادئاً في التسلسل البصري. واستخدم nav وaria-current (W3C, n.d.) بما يوافق 2.4.8 في WCAG 2.2.
الأسئلة الشائعة
- هل تحتاج التطبيقات إليه؟
- التطبيقات الضحلة لا تحتاجه، أما الفهارس العميقة فيفيدها إظهار المستوى الأعلى.
- هل نجعل الصفحة الحالية رابطاً؟
- لا، اجعلها نصاً مع aria-current.
تاريخ مراجعة المصادر: 2026-10-26
المراجع
- Laubheimer, P. (2018, December 23). Breadcrumbs: 11 design guidelines for desktop and mobile. Nielsen Norman Group. إحدى عشرة إرشادة لمسار التنقل.
- Pirolli, P., & Card, S. (1999). Information foraging. Psychological Review, 106(4), 643–675. يتبع الناس «رائحة المعلومات».
- Miller, C. S., & Remington, R. W. (2004). Modeling information navigation: Implications for information architecture. Human–Computer Interaction, 19(3), 225–271. أثر عمق التسلسل واتساعه على التنقل.
- Kim, J., Thomas, P., Sankaranarayana, R., Gedeon, T., & Yoon, H.-J. (2015). Eye-tracking analysis of user behavior and performance in web search on large and small screens. Journal of the Association for Information Science and Technology, 66(3), 526–544. يتركز الانتباه أعلى الشاشة الصغيرة.
- Parhi, P., Karlson, A. K., & Bederson, B. B. (2006). Target size study for one-handed thumb use on small touchscreen devices. In Proceedings of MobileHCI 2006 (pp. 203–210). ACM. حجم الأهداف للروابط المتقاربة.
- World Wide Web Consortium. (n.d.). Breadcrumb pattern. ARIA Authoring Practices Guide. استخدام nav وaria-current.
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. المعيار 2.4.8 للموقع.