قانون فيتس (Fitts's Law): اجعل العناصر المهمة أكبر وأقرب

اجلس في أي سيارة وانظر للأسفل؛ ستجد دواسة الفرامل أكبر من دواسة الوقود، وموضعها أقرب وأخفض لتصل إليها قدمك بسرعة فائقة. هذا ليس خياراً جمالياً، بل هو تطبيق عملي لقانون فيتس (Fitts’s Law) الذي يحدد بصمت مدى سهولة وسلاسة واجهاتك الرقمية.

ينص قانون فيتس على أن الوقت المستغرق للوصول إلى هدف ما يعتمد على عاملين: المسافة التي تفصلنا عنه، وحجمه. كلما كان الهدف أكبر وأقرب، كان الوصول إليه أسرع وأسهل. وكلما كان أصغر وأبعد، زاد الوقت المطلوب وزادت احتمالية الخطأ. تستحق الفرامل حجمها وموقعها لأنك عندما تحتاجها، فأنت تحتاجها فوراً.

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

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

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

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

أسئلة شائعة

ما هو قانون فيتس (Fitts’s Law)؟

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

كيف أطبق قانون فيتس في تصميم واجهات المستخدم (UI)؟

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

لماذا تعتبر حواف الشاشة مثالية للأزرار؟

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