
قانون فيتس على أرض الواقع: ما الذي نتعلمه من يوتيوب شورتس حول سهولة التفاعل؟
علم النفس في تجربة المستخدم وتصميم التفاعل
قانون فيتس (Fitts's law)، تجربة المستخدم في YouTube Shorts، تصميم تفاعل الهواتف المحمولة، تصميم منطقة الإبهام (Thumb zone)، سايكولوجية التصفح اللانهائي (Infinite scroll)، مبادئ تجربة المستخدم لتطبيقات الهاتف
يتوقع قانون فيتس، المستوحى من عمل عالم النفس بول فيتس عام 1954، الوقت اللازم للوصول إلى هدف ما: إذ يزداد هذا الوقت بزيادة المسافة إلى الهدف، ويقل مع زيادة حجمه — MT = a + b·log₂(2D/W). وتُعد فيديوهات YouTube Shorts تطبيقاً صارماً لهذا القانون؛ فالحركة الأساسية وهي الانتقال إلى الفيديو التالي، تتم بمجرد سحب الشاشة بضع سنتيمترات ليكون الهدف هو الشاشة بأكملها تقريباً — هنا المسافة تقترب من الصفر والحجم يقترب من اللانهائية، مما يجعل وقت الحركة أقل ما يمكن. أما الإجراءات الثانوية — مثل الإعجاب والتعليق والمشاركة — فتأتي على شكل أزرار كبيرة ومتباعدة بذكاء على الحافة اليمنى، تقع تماماً في النطاق الطبيعي لإبهام اليد المسترخية. لا يوجد أي إجراء أساسي يتطلب الوصول إلى أعلى الهاتف. كما أن عرض الفيديو الرأسي الكامل يعني عدم الحاجة لأي دقة في الحركة. والنتيجة التراكمية: كل دورة تصفح لا تكلفك أي مجهود بدني يُذكر، وهذا هو السر الأكبر وراء تحول مشاهدة فيديو واحد قصير إلى أربعين فيديو. وبلا شك، تستحق الإجراءات المتكررة في منتجك نفس هذه الحسابات الدقيقة.
يُدرس قانون فيتس عادةً عبر مخططات مجردة — النقطة أ، الهدف ب، والمعادلة الرياضية في المنتصف. ولكن بمجرد أن تفتح YouTube Shorts وتشاهد عشرين فيديو، لتكتشف أن إبهامك لم يتحرك من مكانه، ستدرك فوراً أن هذا القانون ليس مجرداً على الإطلاق. إن Shorts نموذج مثالي لتقليل مجهود الخطوة التالية. دعنا نحلل هذا النموذج بالتفصيل.
ما الذي ينص عليه قانون فيتس فعلياً؟
صاغ بول فيتس نموذجاً عام 1954 يثبت ما يشعر به كل مصمم حدسياً: الوقت اللازم للوصول إلى هدف ما يعتمد على مسافته (المسافة D) وحجمه (العرض W). فكلما كان الهدف بعيداً وصغيراً، كان الوصول إليه بطيئاً وعرضة للأخطاء؛ وكلما كان قريباً وكبيراً، كان الوصول سريعاً ويسيراً. والمعادلة — MT = a + b·log₂(2D/W) — ليست بأهمية النتيجتين اللتين تنعكسان على التصميم: تقريب المسافة للإجراءات المتكررة، وتكبير حجم أهدافها.
أضافت الهواتف المحمولة متغيراً ثالثاً لم يعاصره فيتس: وهو أن المستخدم يمسك الجهاز بيده، وأداة التوجيه هي الإبهام الذي يتحرك في قوس محدد. و"المسافة" المؤثرة هنا ليست بالبكسل، بل بمدى وقوع الهدف ضمن الحركة المريحة للإبهام دون الحاجة لتغيير طريقة إمساك الهاتف. وفي هذا السياق تحديداً، تتفوق فيديوهات Shorts.
كيف يقلل Shorts المسافات؟
الإجراء الرئيسي هو لمسة سحب خفيفة. فعملية الانتقال إلى الفيديو التالي — وهي الحركة التي يقوم عليها المنتج بأكمله — عبارة عن سحبة رأسية قصيرة تتكرر بنفس الطريقة دائماً؛ نفس الاتجاه، ونفس نقطة البداية في كل مرة. وبتطبيق قانون فيتس، تقترب المسافة D من حدها الأدنى الثابت وتصبح الحركة تلقائية: بلا حاجة للتوجيه أو التصحيح أو التفكير، إذ يعتاد إبهامك على هذه الحركة ويؤديها تلقائياً.
الهدف هو الشاشة بأكملها. تعمل حركة السحب في أي مكان على سطح الفيديو، مما يجعل العرض W لانهائياً تقريباً ويتلاشى معه مجهود التوجيه — فمن المستحيل أن تخطئ الهدف. قارن ذلك بالضغط على زر "التالي" الصغير: حركة تتطلب توجيهاً دقيقاً ومجهوداً أكبر بكثير. لقد ألغى Shorts الحاجة للتصويب تماماً من دورتها الأساسية.
الإبهام يظل في منطقة الراحة دائماً. تترتب عناصر التحكم في الإعجاب والتعليق والمشاركة والاشتراك رأسياً على طول الحافة اليمنى — وهي المنطقة الدقيقة التي يستقر فيها إبهام اليد اليمنى أثناء إمساك الهاتف. والوصول إليها لا يتطلب تغيير طريقة الإمساك أو تمديد الأصابع أو استخدام اليد الأخرى. كل إجراء ثانوي يقع على بعد سنتيمترات قليلة من الإجراء الأساسي.
كيف يزيد Shorts من الحجم الفعلي للهدف؟
إلى جانب هدف السحب اللانهائي، تتميز عناصر التحكم القابلة للنقر بحجمها الكبير — وهو ما يتجاوز بكثير الحد الأدنى البالغ 44-48 نقطة في إرشادات واجهة المستخدم — مع مسافات متباعدة تمنع النقرات الخاطئة حتى أثناء الحركة السريعة. كما أن التصميم الرأسي الكامل يعني عدم وجود روابط صغيرة مدمجة، أو أزرار إغلاق متناهية الصغر، أو أهداف تتطلب دقة متناهية في التجربة الأساسية. تتطلب الواجهة مهارتين حركيتين فقط: اسحب في أي مكان، وانقر على زر كبير. ويمكن للمستخدم القيام بكلتا الحركتين أثناء المشي، أو تناول الطعام، أو حتى وهو نصف نائم — وهذا ما يحدث فعلاً طوال الوقت.
لماذا يعد هذا الأمر حاسماً لزيادة التفاعل؟
لأن مجهود التفاعل يتراكم. فتصفح Shorts عبارة عن حلقة مفرغة من عشرات أو مئات التفاعلات الصغيرة جداً. وإذا كلفك كل تفاعل ثانيتين فقط لتمديد إصبعك وتوجيهه، فسيتحول هذا الاحتكاك البسيط إلى إجهاد تتوقف عنده جلسة التصفح. ومع اقتراب تكلفة التفاعل من الصفر، يتبقى التركيز والاهتمام فقط كجهد وحيد مطلوب — وهنا يأتي دور خوارزمية المحتوى لتتولى الأمر. لا يفسر قانون فيتس سبب جاذبية الفيديوهات، بل يفسر لماذا لا يوجد أي عائق مادي يقطع متعة المشاهدة. تختفي الواجهة تماماً، ولا يتبقى سوى المحتوى.
وهذا هو المبدأ العام: تعتمد حلقات التفاعل والاندماج على أسهل إجراء متكرر فيها. وكل منتج يعتمد على حلقة أساسية — كالتمرير، أو تصفح المحتوى، أو معالجة الطلبات — ينجح أو يفشل بناءً على حسابات قانون فيتس لتلك الحركة الواحدة.
ما الذي يمكنك تطبيقه في منتجك؟
إليك أربع نصائح عملية دون الحاجة لخوارزميات معقدة:
حدد إجراءك المتكرر وضعه في متناول الإبهام. ما هي حركة الانتقال الأساسية في تطبيقك — تصفح، موافقة، إلغاء، أم حفظ؟ يجب أن تكون هذه الحركة في القوس السفلي الأيسر (للتطبيقات العربية التي تبدأ من اليمين إلى اليسار — اعكس المنطقة لتناسب حركة اليد، وهو تفصيل تغفله معظم التصاميم المعربة).
استبدل النقرات الموجهة بحركات السحب والإيماءات عند كثرة التكرار. عندما يقوم المستخدم بنفس الفعل خمسين مرة في الجلسة الواحدة، فإن إجباره على النقر بدقة على زر معين يعد خطأً تصميمياً تتراكم آثاره السلبية بسرعة.
راجع كل العناصر الموجودة في أعلى الشاشة. كل إجراء أساسي تضعه في أعلى الشاشة يجبر المستخدم على تغيير طريقة إمساكه بالهاتف عشرات المرات يومياً، وهذا مجهود إضافي تفرضه عليه دون داعٍ.
صمم أحجام الأهداف لتناسب الحركة لا السكون. يستخدم الأشخاص تطبيقاتك أثناء المشي وتشتت الانتباه. الأحجام الدنيا تناسب الإبهام المستقر؛ أما الأهداف الحقيقية فتحتاج لمساحات وهوامش أوسع.
يبلغ عمر قانون فيتس سبعين عاماً، ومع ذلك لا تزال منصة YouTube Shorts — وهي واحدة من أكثر التجارب الرقمية دقة وهندسة في العالم — تتعامل معه كقاعدة فيزيائية لا غنى عنها. ومنتجك يجب أن يفعل ذلك أيضاً.
إن فيزياء التفاعل هذه هي النصف غير المرئي من تصميم المنتجات — وهي قابلة للقياس والاختبار والتطوير. وهذا هو صميم عملنا في تصميم المنتجات. دعنا نلقي نظرة على تجربة منتجك الأساسية ←