متاح للعمل الوقت الآن في عمّان:
English

تعليم // دليل بالعربية للطلبة

10 قوانين في تجربة المستخدم تصنع التجربة أو تهدمها

دليل قصير كتبته بالعربية لطلبة التصميم: لكل قانون قاعدته، وأثره، ومثال يومي، ومنتج يطبّقه.

10 قوانين في تجربة المستخدم تصنع التجربة أو تهدمها

لماذا القوانين؟

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

1. Hick’s law

القاعدة: كلما زادت الخيارات، زاد وقت اتخاذ القرار.

أثرها على التجربة: القائمة الطويلة من الخيارات تبطئ المستخدم وتجعله مترددًا.

مثال: متجر فيه آلاف المنتجات يبقى سريع التصفح بفئات رئيسية قليلة مع فلاتر. نراه في: Amazon (filters)

2. Fitts’s law

القاعدة: الوقت اللازم للوصول إلى عنصر يعتمد على حجمه وبُعده.

أثرها على التجربة: الأزرار الكبيرة والواضحة والقريبة من مكان الإبهام أسرع في الوصول إليها.

مثال: زر “التالي” في الزاوية السفلية من شاشة الهاتف، في متناول الإبهام. نراه في: YouTube

3. Jakob’s law

القاعدة: يتوقع المستخدم أن يعمل منتجك مثل المنتجات التي يستخدمها أصلًا.

أثرها على التجربة: مخالفة التوقعات تسبب الارتباك، والمألوف يمنح الراحة.

مثال: تضع المتاجر الإلكترونية عربة الشراء في الزاوية العلوية، ولو وضعتها في مكان غريب قد لا يجدها المستخدم. نراه في: Amazon

4. Law of proximity

القاعدة: العناصر المتقاربة تُفهم على أنها مرتبطة ببعضها.

أثرها على التجربة: يجمع المستخدم العناصر المتقاربة ذهنيًا حتى دون حدود أو خطوط.

مثال: النص الموجود تحت الزر مباشرة يُفهم على أنه شرح له. نراه في: LinkedIn

5. Law of similarity

القاعدة: العناصر المتشابهة في الشكل أو اللون تُعدّ مجموعة واحدة.

أثرها على التجربة: الأزرار المتشابهة في الشكل يُفترض أنها تؤدي وظائف متشابهة.

مثال: الأزرار الرمادية للوظائف الثانوية، والخضراء لـ“متابعة” أو “تأكيد”. نراه في: iOS Settings

6. Miller’s law

القاعدة: يحتفظ الإنسان بنحو 7 ± 2 عناصر في ذاكرته قصيرة المدى.

أثرها على التجربة: إذا عرضت 15 معلومة دفعة واحدة سيُنسى أغلبها.

مثال: قائمة مهام طويلة غير منظمة صعبة التذكر، والمهام المجمّعة أسهل. نراه في: Dropbox

7. Tesler’s law

القاعدة: لكل نظام قدر من التعقيد لا يمكن إزالته، بل نقله فقط.

أثرها على التجربة: التصميم الجيد لا يلغي التعقيد، بل يخفيه أو يوزعه بذكاء.

مثال: نماذج الضرائب معقدة، لكن برامج الضرائب تبسّطها خطوة بخطوة. نراه في: TurboTax

8. Peak-end rule

القاعدة: يحكم الناس على التجربة من خلال أقوى لحظاتها ونهايتها.

أثرها على التجربة: نهاية جميلة قد تطغى على مشكلات صغيرة خلال الطريق.

مثال: رسالة تهنئة لطيفة بعد التسجيل تترك أثرًا إيجابيًا. نراه في: Duolingo

9. Pareto principle (80/20)

القاعدة: نحو 80% من النتائج تأتي من 20% من الجهد.

أثرها على التجربة: معظم المستخدمين يستخدمون عددًا قليلًا من الميزات.

مثال: معظم وقت استخدام Instagram تمرير، لذلك صُممت الواجهة لهذا الغرض. نراه في: Instagram

10. Serial position effect

القاعدة: يتذكر المستخدم أول العناصر وآخرها أكثر من غيرها.

أثرها على التجربة: ابدأ وانتهِ بما يهم المستخدم أكثر.

مثال: تضع Netflix أهم الصفوف في البداية والنهاية. نراه في: Netflix

كيف أستخدمها

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

المصادر وتصحيح مهم

رقم 7 ± 2 لميلر هو الأشهر، لكن أبحاثًا لاحقة تقدّر سعة الذاكرة العاملة بنحو أربع وحدات فقط (Cowan, 2001). لذلك أتعامل معه كتذكير بتجميع المعلومات وتقسيمها، لا كرقم أصمّم على أساسه.

  • Hick, W. E. (1952). On the rate of gain of information. Quarterly Journal of Experimental Psychology, 4(1).
  • Fitts, P. M. (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology, 47(6).
  • Nielsen, J. (2000). End of Web Design. Nielsen Norman Group (the source of Jakob’s law).
  • Wertheimer, M. (1923). Untersuchungen zur Lehre von der Gestalt II. Psychologische Forschung, 4 (proximity and similarity).
  • Miller, G. A. (1956). The magical number seven, plus or minus two. Psychological Review, 63(2).
  • Cowan, N. (2001). The magical number 4 in short-term memory. Behavioral and Brain Sciences, 24(1).
  • Kahneman, D., Fredrickson, B. L., Schreiber, C. A. & Redelmeier, D. A. (1993). When more pain is preferred to less: adding a better end. Psychological Science, 4(6).
  • Murdock, B. B. (1962). The serial position effect of free recall. Journal of Experimental Psychology, 64(5).
  • Juran, J. M. (1951). Quality Control Handbook. McGraw-Hill (the Pareto principle).
  • Yablonski, J. (2020). Laws of UX. O’Reilly Media (Tesler’s law and a practical overview of all ten).

مقالات أخرى

  • محاضرة · 21 حزيران 20252 دقائق قراءة

    المتطلبات والتوقعات في تصميم UX/UI

    ملاحظات من محاضرة أعددتها وقدّمتها: لماذا تفشل المنتجات في الفجوة بين ما بُني وما توقّعه المستخدم، وكيف نسدّ هذه الفجوة.

اختصارات لوحة المفاتيح
اختصارات المفتاح الواحد

أوقفها إن كنت تستخدم الإدخال الصوتي أو كانت تزعجك أثناء التصفح.