ثمانية قوانين تسمية في تصميم UX (الجزء 1)

في تصميم UX ، كما هو الحال في أي مجال آخر من مجالات النشاط ، هناك مبادئ وقوانين. في هذه المقالة ، أود أن أصنع ثمانية منهم ، تمت تسميتهم على اسم منشئيهم.

قانون فيتس

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

بمعنى آخر ، كلما كبر حجم الكائن ، قل الوقت الذي يستغرقه المستخدم للوصول إليه.

رياضيا ، يتم كتابة القانون على النحو التالي:


المصدر: ويكيبيديا

يحتوي هذا القانون على فارق بسيط واحد: حجم أي شاشة محدود ، والعناصر الموجودة على الحدود لها عرض غير محدود مشروط - لأن المؤشر عند محاولة الدخول فيه يقع فقط على حافة الشاشة. وهذا يوفر الكثير من الوقت لتحقيق الهدف ، بما في ذلك بسبب عدم وجود مرحلة الكبح.

ويترتب على ذلك أن الزوايا هي أكثر الأماكن التي يمكن الوصول إليها بسهولة على الشاشة. يمكننا تحريك المؤشر على الفور إلى أي زاوية ، دون الانتباه إلى الأبعاد الفعلية للعنصر - ولا نزال ندخلها.

ليس من قبيل المصادفة أنه في أنظمة التشغيل ، توجد عناصر مهمة في الزوايا: أيقونة Windows أو التفاحة على MacOS.

حسب جيف راسكين ، المتخصص في واجهات الكمبيوتر ، وهو مستخدم قابلي للاستخدام ، في كتابه "Interface" ، أنه من أجل استخدام القائمة على MacOS ، يحتاج الشخص العادي إلى 0.6 ثانية ، بينما تستغرق هذه العملية في Windows ثانية واحدة.

ذلك لأن القائمة في Windows كانت تستخدم في وضع مسافة بادئة من الأعلى ، لأنه في الجزء العلوي كان اسم البرنامج ، وكان الهدف منه هو.


ماك وويندوز القوائم

إذا كنت ترى أن الشخص ينقر على القائمة 1000 مرة في اليوم ، فسيوفر حوالي 400 ثانية إذا كان يستخدم جهاز Mac. في عام ، حوالي 2400 دقيقة ، أو 40 ساعة.

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

فيما يلي بعض الاقتراحات للمساعدة في تحسين تطبيقك الآن:

• قم بزيادة مساحة النقرات لمربعات الاختيار وأزرار الاختيار. اجعل الملصقات لهذه العناصر قابلة للنقر. هذا سوف يقلل من عدد أخطاء المستخدم.
  

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

رسم نافذة مشروط

• للحصول على قائمة بالارتباطات ، انقر فوق ليس فقط التصنيفات ، ولكن انقر فوق جميع الخطوط.
  

قائمة المدن Booking.com

• استخدم القائمة المنبثقة في موقع المؤشر. هذا سوف يقلل من الوقت الذي يقضيه تحريك الماوس.
  

قائمة سياق Gmail

نموذج فوغ السلوكي

BJ Fogg هو عالم وكاتب ومؤسس مختبر ستانفورد للتصميم السلوكي.

بناء على نموذجه:

الفعل هو نتيجة لثلاثة عوامل: الدافع والفرصة والتحفيز ، والتي تتقاطع في نفس الوقت.


المصدر: seonews.ru

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

الدافع

يعتقد فوغ أن الدافع مبني على ثلاث نقاط أساسية:

• الناس يريدون المرح وتجنب الألم.
  
• الناس يريدون الأمل والخوف.
  
• الناس يريدون الاعتراف الاجتماعي وتجنب العداء الاجتماعي.
  

فرصة

الفرصة هي قدرة الشخص على القيام بعمل ما.

هنا تحتاج إلى فهم أن هذه الفرصة ليست ملكًا لأحد المنتجات ، ولكنها ملك لشخص ما والسياق الذي يوجد فيه.

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

يصف فوغ عدة عوامل تشكل مفهوم الفرصة:

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

كيف يمكننا زيادة الفرصة؟

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

التحفيز أو الزناد

المشغل هو نوع من الأحداث التي يمكن أن تغير سلوكنا.

يمكن أن يكون أي شيء حافزًا على إجراء ما: ساعة منبه وإشعار ومكالمة هاتفية وصورة / صورة مرئية وعبارة مسموعة وغير ذلك الكثير.

اعتمادًا على مستوى الدافع والفرصة ، يتم استخدام أنواع مختلفة من المشغلات.

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

قانون هيك هيمان

قانون هيك-هيمان هو نظرية مؤكدة تجريبياً أن كمية المعلومات التي تدخل الدماغ البشري تؤثر على الوقت الذي يقضيه في اتخاذ قرار.


في عام 1952 ، طور عالم النفس ويليام هيك وراي هيمان صيغة تصف العلاقة اللوغاريتمية بين زمن التفاعل وعدد الخيارات للاختيار من بينها.

T = a + b * log2 (n + 1)

حيث:

• T هو وقت رد الفعل الكلي
  
• التأخير قبل إتمام المهمة
  
• ب - المعامل الفردي لسرعة اتخاذ القرار
  
• ن - عدد الخيارات للاختيار من بينها
  

من أجل الوضوح ، دعونا نبني رسمًا بيانيًا:



من الرسم البياني ، يتبع أنه مع زيادة عدد الكائنات ، يزداد أيضًا زمن التفاعل في الاعتماد اللوغاريتمي.

وبالتالي ، كلما كانت الكائنات أصغر ، كلما كان اختيار العنصر المناسب منها أسرع وأسهل.

يستخدم Hick's Law على نطاق واسع في تصميم الواجهة ، على سبيل المثال ، عند إنشاء قوائم منسدلة ونماذج التسجيل ونماذج الاتصال وقوائم التنقل وأكثر من ذلك بكثير.
لنفترض أن موقعك يحتوي على حوالي 40 قسم قائمة. والسؤال هو ، كيف يمكن عرضها؟ مجموعة أقسام القائمة إلى فئات. هذا سوف يقلل من عدد الخيارات ، ونتيجة لذلك ، يقلل من الحمل المعرفي على المستخدم. مثال على ذلك هو تقريبا أي متجر على الإنترنت من المعدات أو الملابس.


أقسام قائمة Asos.com

مثال آخر هو استخدام المعالج للنماذج الضخمة. بدلاً من إظهار كافة حقول النموذج في وقت واحد ، قسّم النموذج إلى خطوات ، وفي كل خطوة اسأل فقط ما هو مطلوب.


نموذج إخطار النبض المركزي

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

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

قانون يعقوب نيلسن

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

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

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

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

---

أن تستمر ...