زر الإجراء العائم

لماذا يطفو

صُمم في Material (Google, n.d.) لأهم إجراء. يصل الإبهام إلى الأسفل بسهولة (Bergstrom-Lehtovirta & Oulasvirta, 2014)، وفق قانون فيتس، فاجعله أكبر من حد حجم هدف اللمس.

مشكلات شائعة

الأيقونة وحدها تعتمد على الأعراف (Norman, 1999)، وإخفاؤه عند التمرير إيحاء خفي (Gaver, 1991)، وقد يحجب آخر عنصر أو التنقل السفلي.

الاستخدام الجيد

زر واحد لكل شاشة مع هامش أسفل القائمة، وأحجام كافية للأزرار الفرعية (Parhi et al., 2006)، وراجع 2.5.8 و2.4.11 في WCAG 2.2.

الأسئلة الشائعة

هل يجب أن يكون أسفل اليمين؟

هذا الافتراضي، وقد يكون في الوسط؛ المهم ألا يحجب المحتوى.

هل يناسب iOS؟

ليس من أعراف iOS، ففضّل أزرار الشريط.

تاريخ مراجعة المصادر: 2026-10-26

المراجع

1. Google. (n.d.). Floating action button (FAB). Material Design 3. إجراء رئيسي واحد لكل شاشة.
2. Bergstrom-Lehtovirta, J., & Oulasvirta, A. (2014). Modeling the functional area of the thumb on mobile touchscreen surfaces. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 1991–2000). ACM. نمذجة مدى الإبهام.
3. Fitts, P. M. (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology, 47(6), 381–391. الأهداف الكبيرة القريبة أسرع.
4. 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. أحجام أهداف الإبهام.
5. Norman, D. A. (1999). Affordance, conventions, and design. Interactions, 6(3), 38–43. الأعراف والإيحاء المُدرك.
6. Gaver, W. W. (1991). Technology affordances. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 79–84). ACM. الإيحاءات الخفية.
7. World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. المعياران 2.5.8 و2.4.11.