قاعدة 80/20 المطبقة على تصميم الويب
بعد أن بدأت مؤخرا في القراءة أكثر قليلا على مبادئ التصميم ، صادفت مبدأ مثير للاهتمام يسمى 80/20 القاعدة ، يشار إليها أيضا باسم مبدأ باريتو ، ومبدأ Juran ، والقليل من المبادئ الأساسية والقليل من تافهة ، ومبدأ انشطار عامل .
هذا المبدأ ، الذي سوف أشير إليه في هذه المقالة ببساطة مثل القاعدة 80/20 ، عند النظر في سياق تصميم موقع الويب وتصميم التطبيق يمكن أن يكون له تأثير عميق على تجربة المستخدم ، وفي النهاية على فعالية المحتوى أو وظيفة موقع الويب الخاص بك أو تطبيق الويب.
في هذا المنشور ، سأقدم أولاً تعريفًا أساسيًا ، ثم سأدرس بعض الأمثلة المحددة لكيفية إثبات قاعدة 80/20 ، ثم سألخص بعض الدروس التي يمكن استخلاصها من معرفة هذه القاعدة.
ما هي القاعدة؟
وقد تمت ملاحظة قاعدة 80/20 في الأصل من قبل الاقتصادي الإيطالي فيلفريدو باريتو ، وتمت تسمية المبدأ الفعلي لمبدأ باريتو من قبل جوزيف م. جوران.
فيما يلي تعريفات من مصدرين مختلفين. أولا من الكتاب المبادئ العالمية للتصميم :
وتؤكد القاعدة 80/20 أن ما يقرب من 80 بالمائة من التأثيرات الناتجة عن أي نظام كبير ناتجة عن 20 بالمائة من المتغيرات في هذا النظام.
التالى، من ويكيبيديا :
ينص مبدأ باريتو على أنه ، بالنسبة للعديد من الأحداث ، فإن ما يقرب من 80٪ من التأثيرات تأتي من 20٪ من الأسباب
لذلك ستلاحظ على الفور أن هذا ليس دائماً مبدأ أننا كمصممين لدينا سيطرة مباشرة ، بل إنه مبدأ نلاحظه كما يحدث بشكل طبيعي تقريباً.
مع المعرفة بوجود هذا المبدأ ، أو نمط حدوث ، فإننا بعد ذلك مجهزة بمعلومات قيمة لاتخاذ القرارات التي ستساعد على تحسين قابلية الاستخدام وفعالية تصاميمنا.
لا تهتم بالطبيعة الافتراضية للقاعدة ...
نعم ، هناك منتقدون وأولئك الذين يشعرون بأن قاعدة 80/20 ليست أكثر من فرضية أو نظرية عامة مفرطة لا تنطبق دائمًا.
ولكن مع وضع ذلك جانبا ، فإن المفهوم نفسه هو بالتأكيد مفيد لأولئك الذين يعملون على واجهات المستخدم والوظائف التي تتطلب الفحص والتحسين - حتى لو كانت القاعدة أشبه بـ 70/30 أو 90/10.
كيف يمكننا تطبيقه على تجربة المستخدم؟
في أي موقع ويب أو تطبيق ويب أو بيئة برامج ، تخبرنا القاعدة 80/20 أن 20٪ من الوظائف والميزات في أي بيئة واحدة ستكون مسؤولة عن 80٪ من النتائج ، أو الإجراءات التي يتم اتخاذها في تلك البيئة.
في بعض الحالات ، من السهل معرفة ما يشكل نسبة 20٪ التي لها مثل هذا التأثير الكبير. يمكن استخدام إحصاءات تحليلات الويب ، وعمليات إرسال النماذج ، وملفات تعريف ارتباط الجلسة ، لتعقب سلوك المستخدم. سيساعدنا تحليل هذه العناصر في تحديد المناطق التي تتفاعل معها واجهة المستخدم مع معظمها.
من ناحية أخرى ، قد يكون من الصعب تحليل المهام الأصغر التي لا يتم تتبعها باستخدام تلك الطرق. في هذه الحالة ، يمكن إجراء دراسات قابلية الاستخدام حيث يتم ملاحظة المستخدمين عند تفاعلهم مع واجهة المستخدم لموقعك على الويب.
بعض الأمثلة التي تتعرف على القاعدة 80/20
سواء كان ذلك عن قصد أو لا ، هناك الكثير من الأدلة على أن مصممي UI و UX يفكرون في قيمة هذا المبدأ.
لنأخذ على سبيل المثال عنصر واجهة المستخدم البسيطة مثل قائمة منسدلة للبلدان المقدمة في نموذج التسجيل. يدرك معظم مطوري المواقع أو منشئي المحتوى أن 80٪ من الوقت سيتم اختيار بلدان معينة.
لذلك ، على الرغم من أنه قد يبدو من الممارسات السيئة لمثل هذه القائمة الطويلة لكسر أبجدية القائمة ، فإن قاعدة 80/20 تسمح بكسر هذه الاتفاقية من خلال وضع أكثر البلدان اختيارًا في الأعلى ، كما هو موضح في الاستيلاء على الشاشة أدناه من عند فين رايت مانسون صفحة التفقد:
في حالات أخرى ، عند إضافة عنوان جديد إلى دفتر العناوين الخاص بك Amazon.com ، الخيار الافتراضي هو البلد الأكثر تحديدًا - في هذه الحالة ، الولايات المتحدة:
إليك مثال آخر ، هذه المرة من شركة مقرها المملكة المتحدة معرض شمال روك ، والتي لديها خيار المملكة المتحدة المحدد بشكل افتراضي:
توضح هذه الأمثلة البسيطة أعلاه أهمية تحسين الوظائف والخيارات المستخدمة أو المختارة في أغلب الأحيان.
أين ننظر المستخدم؟
ال F-نمط أصبحت عادات القراءة والمسح الضوئي لمستخدمي الويب ثابتة إلى حد كبير الآن. وبالطبع ، فإن F-Pattern لا يمثل دائمًا مؤشرًا في كل سوق ، ولكنه يمثل نقطة بداية جيدة للنظر في المكان الذي سيظهر فيه المستخدمون عندما يتفاعلون مع تصميماتك.
ألقِ نظرة على خرائط الحرارة الموضحة أدناه من مقالة Alertbox المعروفة والمرتبطة أعلاه:
بافتراض أن هذا مؤشر جيد على مكان تركيز المستخدم ، فإن هذا يدعم مفهوم القاعدة 80/20. يمكن أن تمثل المناطق الأكثر كثافة على الخريطة نسبة 20٪ من الصفحة التي تتفاعل بها عيون المستخدم مع 80٪ من الوقت.
من هذه المعرفة ، كمصممين ، يمكننا اتخاذ القرارات التي من شأنها أن تساعد على تحسين وتحسين المناطق التي سيتم رسمها للمستخدم بشكل معتاد.
بطبيعة الحال ، سيكون التصميم في الغالب هو العامل الحاسم في المكان الذي يبدو فيه المستخدم ، لذلك يجب أن يكون هذا الاقتراح مجرد دليل أساسي وليس بالضرورة طريقة دوغماتية لتحديد ما يقع تحت 20٪.
اتجاهات تصميم الجوال والقاعدة 80/20
في الآونة الأخيرة مع انفجار الأجهزة المحمولة في جميع أنحاء العالم ، بعض المصممين والمطورين ، وعلى الأخص لوك Wroblewski ، كانت مشجعة تصميم الويب المحمول الأول . أي أنه عند تصميم وتطوير موقع ويب ، يجب أن يتم إصدار الهاتف المحمول أولاً ، بدلاً من العكس ، لتحقيق فوائد معينة.
في موقع ويب أو تطبيق ويب تقليدي ، ستقع مناطق معينة من موقعك بشكل طبيعي تحت نسبة 20٪ التي يتم استخدامها والتفاعل معها في الغالب. عندما يتم تصميم موقع للجوّال ، يتم التركيز على 20٪ (أو ما يعنيه ذلك).
لذلك ، في حين أن النسخة المحمولة من موقع الويب قد تحتوي على 20٪ من الخيارات الأكثر استخدامًا ، فيما يتعلق بالمحتوى الكامل المتاح على موقع ويب تقليدي ، فإن إصدار الجوال سيكون له عادة فقط أهم الوظائف.
هنا مثال بسيط أدناه باستخدام PETCO.com موقع الكتروني:
يظهر أعلاه هو النسخة الكاملة من الموقع ، في كل مجده الفوضى. في حين أن هناك بعض المناطق التي تحث المستخدم على اتخاذ إجراء ، وهي بالتأكيد ليست أسوأ تصميم في العالم ، إلا أنها ليست مركّزة بشكل عام ، وهناك العديد من الخيارات.
قارن ذلك بنسخة الجوال ، أدناه:
على النقيض من ذلك ، فإن واجهة الجوال المبينة أعلاه بسيطة وتساعد المستخدم على الوصول إلى المناطق الأكثر أهمية أولاً ، دون إرباكها. أيا كانت الخيارات ومناطق المحتوى الأكثر استخداما في النسخة الكاملة هي الخيارات الوحيدة المتاحة في النسخة المحمولة.
ومن ثم ، فإن تطبيقات الويب المحمولة الجيدة التركيز هي أمثلة رائعة للمصممين الذين يوجهون طاقاتهم على أهم جوانب مشاريعهم ، مع التركيز على الوظائف والمحتوى (20٪) الذي يستخدم معظم الوقت (80٪).
الدروس المختصرة
بعد فهم كيفية عمل قاعدة 80/20 ، تم تصميم المصممين لاتخاذ الإجراءات بعدد من الطرق ، ملخصة أدناه:
- قدر الإمكان ، قم بتحليل بيانات التحليلات وقابلية الاستخدام بعناية لتحديد الوظائف الأكثر استخدامًا لموقعك على الويب بنسبة 20٪
- الأولوية. أي ، التركيز على أهم جوانب موقع الويب أو تطبيق الويب ، وتعزيزها
- لا تنفق الكثير من الوقت في تحسين الأشياء التي تقع في 80٪ والتي لا يتم استخدامها كثيرًا
- تبسيط تصميماتك وتصميماتك استنادًا إلى البيانات التي تحدد ما يندرج تحت الوظائف الأكثر استخدامًا 20٪
- أزل الوظائف أو المحتوى غير الحرج الذي لا يتم استخدامه كثيرًا
- لا تستثمر الكثير من الوقت والمال في تحسين الوظائف الأقل استخدامًا نظرًا لأن عائد الاستثمار سيكون ضعيفًا على الأرجح
- البحث عن طرق لتحسين وظائف وتصميم العناصر الأكثر أهمية الأقل استخدامًا والتي يمكن أن يكون لها تأثير أكبر على التحويلات إذا تم استخدام عناصر التصميم هذه في كثير من الأحيان
في حين أن القاعدة 80/20 هي مبدأ قابل للنقاش مع بعض العيوب المتأصلة ، إلا أنها ليست بدون قيمة. لذا ضع في اعتبارك هذه القاعدة أثناء عملية إعادة تصميم ، أو إعادة ترتيب ، أو حتى لمشاريع جديدة.
من المفترض أن يساعد ذلك المستخدمين في التركيز على أهم الوظائف والمحتوى ، وسيساعد في النهاية على تحسين معدلات التحويل.
تمت كتابة هذه المقالة حصريًا لـ Webdesigner Depot بواسطة Louis Lazaris ، كاتب مستقل ومطور على الويب. يدير لويس شبكة رائعة حيث ينشر مقالات ودروسًا حول تصميم الويب. تستطيع اتبع لويس على تويتر أو الاتصال به من خلال موقعه على الإنترنت.
هل فكرت في قاعدة 80/20 في قرارات التصميم الخاصة بك؟ ما تأثير ذلك على نجاح موقعك على الويب أو تطبيق الويب؟ شارك بتعليقاتك أدناه.