قانون Fitts: ليه Netflix حطت زرار Skip Intro في المكان ده بالظبط

كل ما الزرار أكبر وأقرب — كل ما كان أسهل في الضغط عليه. ده مش كلام عادي — ده قانون علمي اسمه قانون Fitts.

القانون

قانون Fitts بيقول: الوقت اللي محتاجه عشان توصل لهدف (زي زرار) بيعتمد على حاجتين — حجم الهدف والمسافة ليه.

زرار كبير وقريب = سهل. زرار صغير وبعيد = صعب.

أمثلة ذكية

Netflix — زرار Skip Intro

لما بتبدأ تتفرج على مسلسل وبتظهر المقدمة، زرار "Skip Intro" بيظهر في منطقة الإبهام — المكان اللي إصبعك بيكون فيه طبيعي. مش في ركن بعيد.

ده مش صدفة. فريق Netflix حط الزرار في المكان اللي أسهل توصله عشان تجربتك تكون أسلس.

Google Maps

أزرار التكبير والتصغير والموقع الحالي كلها كبيرة وفي أماكن سهلة الوصول. مش أزرار صغيرة في ركن.

أزرار الـ CTA في المواقع

أزرار "اشترك" أو "اشتري" دايماً أكبر من أزرار "اقرأ المزيد." ليه؟ لأن الشركة عايزاك تضغط عليها.

إزاي تطبقه في تصميمك؟

١. الأزرار المهمة تكون أكبر

زرار الـ CTA الرئيسي يكون أكبر بشكل واضح من الأزرار التانية.

٢. خلي الأزرار في الـ Thumb Zone

على الموبايل، المنطقة اللي الإبهام بيوصلها بسهولة هي أهم منطقة في الشاشة.

٣. المسافة بين العناصر

متحطش زرار "حذف" جنب زرار "حفظ." المسافة بتمنع الأخطاء.

٤. حواف الشاشة

الأزرار اللي على حواف الشاشة سهلة الوصول — لأن المستخدم مش محتاج يكون دقيق.

الخلاصة

قانون Fitts بسيط بس تأثيره ضخم. كل قرار بتاخده عن حجم ومكان العناصر في تصميمك بيأثر على تجربة المستخدم. Netflix وGoogle عارفين ده — وأنت كمان لازم تعرفه.