كيفية حل مشكلة أيقونة همبرغر
أيقونة الهامبرغر - ثلاثة أشرطة صغيرة تستخدم للإشارة إلى قائمة إلى قائمة - هي واحدة إذا كانت التقنيات الأكثر إثارة للجدل على شبكة الإنترنت في الوقت الحالي. يقال لنا أن المصممين جميعا يكرهونها ؛ الزبائن ، نقول للجميع ، أكره ذلك أيضا. لماذا إذن ، هل هو موجود في كل مكان؟
يمكن تغيير حجم أيقونة الهامبرغر بسهولة وتناسبها مع شبكة البيكسل. كان في الأصل رمز قائمة تم ضمه إلى دوره الحالي ، ولكن بما أن القائمة عبارة عن قائمة من الخيارات ، فمن الصحيح أن يستخدم عنصر القائمة بهذه الطريقة.
كان هناك قدر كبير من النقاش ، واختبار A / B ، وتجارب بلوق ، ودراسات المستخدمين التي أجريت حول هذا الموضوع ، ولكن هذه الدراسات تركز دائما تقريبا على تصميم التطبيق. عندما يتم استخدام أيقونة همبرغر في تصميم الويب فإنه يشير إلى مشكلة أكثر أهمية بكثير.
المشكلة مع أيقونة هامبرغر
هناك الكثير من المصممين الذين يشككون في قيمة أيقونة الهامبرغر نفسها. يُنظر إليه كثيرًا على أنه رمز نمط iOS على الرغم من أنه تم استخدامه بهذه الطريقة قبل أن يستخدمه Apple.
هناك في الواقع قدر كبير من الأدلة المتضاربة حول ما إذا كان رمز الهامبرغر صالح للاستخدام كدليل على القائمة. يزعم بعض المصممين أنه من السهل التعرف على الأيقونة من قبل مجموعة ديموغرافية أصغر سنا ، في حين يرى آخرون أن الديموغرافية الأقدم قد أدركت ذلك في حالة معرفة القراءة والكتابة على الإنترنت. الاستنتاج الوحيد الذي يمكننا استخلاصه من هذه الأدلة هو أن اختبارات قابلية الاستخدام أثبتت أنها غير حاسمة ، مع أن الاختبارات الموازية غالباً ما تعيد نتائج متضاربة.
ما هو مقبول عالميًا هو أن المستخدمين لا يتعرفون على أيقونة الهامبرغر باعتبارها رابطًا واحدًا - ربما لأنه مصمم ليبدو وكأنه مجموعة من الروابط ، وليس مجرد شيء واحد. شيء ما مدعوم هو أن تحيط رمز همبرغر مع حد ، أو يعطيها خلفية ، بحيث يبدو أكثر تشبه زر - أجرؤ على القول ، أكثر skeuomorphic - سيؤدي إلى المزيد من النقرات.
المزيد من المشاكل مع أيقونة الهامبرغر
وبصرف النظر عن تصميم الأيقونة نفسها ، فإن النهج المتبع في استخدام أيقونة همبرغر مليء بالمشاكل.
أولاً ، وربما الأهم من ذلك ، يضيف رمز هامبرغر إجراءً إضافيًا إلى ملاحة موقعك ؛ عندما يتطلب الأمر نقرة واحدة للوصول إلى صفحة معينة ، فستحتاج إلى نقرتين. لطالما كانت القاعدة الأساسية لمصممي الويب بحد أقصى ثلاث نقرات (كلما أمكن) ، حتى الآن من حل مشكلة التنقل ، فإن أسلوب رمز الهامبرغر يتبادل مشكلة واحدة فقط مع مشكلة أخرى. بطبيعة الحال ، هذه ليست مجرد مشكلة في أيقونة هامبرغر ، إنها مشكلة بالنسبة لأي نظام ملاحة تم إعداده بهذه الطريقة. يمكنك استخدام كلمة "القائمة" بدلاً من أيقونة الهامبرغر وسوف يكون لديك نفس العائق ، والفرق هو أنه لا يمكن استخدام أيقونة الهامبرغر بأي طريقة أخرى.
تقنية همبرغر يخفي أيضا محتوياته. من وجهة نظر UX ، يجب ألا يضطر المستخدمون إلى اتخاذ إجراء لمعرفة الإجراءات التي يمكنهم اتخاذها. من السهل جدًا نسيان "المشاركة على Twitter" ، أو "الانتقال إلى Checkout" ، عندما لا تكون هذه الخيارات أمامك مباشرةً. لن يبحث المستخدمون ببساطة عن رابط لا يعرفونه.
وأخيرًا ، تعمل تقنية رمز الهامبرغر على إخفاء الحالة الحالية لموقعك وموضع المستخدم فيه. تسقط الحالات في قائمة توفر معلومات سياقية للمستخدم الذي يخفي تقنية رمز الهامبرغر.
ماذا يفعل رمز همبرغر بشكل جيد؟
بالنظر إلى أن أيقونة همبرغر مكروهة عالميا وتؤدي إلى سلسلة من المشاكل ، فلماذا تستخدم في كل مكان؟
في تجربتي ، وبالتأكيد بين بعض الديموغرافيات ، وصل رمز الهامبرغر مؤخراً إلى نقطة الاعتراف بسهولة. إن الدراسات التي تدحض ذلك والتي قد تكون سنة أو أكثر من السنة والسنة هي فترة طويلة في interweb.
في الواقع ، يكون رمز الرابط أكثر قابلية للتمييز من رمز الرابط أو أيقونة المشاركة ، التي لم تظهر أشكال نهائية. تتوافق أيقونة الهامبرغر عبر أي عدد من التصاميم المختلفة.
الأهم من ذلك أن أيقونة هامبرغر تقوم بما تقوم به: فهي توفر لنا الكثير من العقارات المعروضة على الشاشة. إذا زوّدك أحد العملاء بقائمة من عناصر gagillion التي يجب إضافتها إلى قائمة ، فإن نقلها خارج الشاشة والربط بها هي طريقة بدائية لكنها فعالة لإتاحة المجال للمحتوى الذي يريده العميل أيضًا.
أود أن أقول إن رمز الهامبرغر يحل المشكلة بشكل أفضل من الحلول الأخرى ، ولكن هذا ليس صحيحًا. بدلاً من ذلك ، سأقول أن رمز الهامبرغر يحل المشكلة أقل سوءًا من الحلول الأخرى.
جذر المشكلة
يميل رمز همبرغر إلى أن يتم توظيفه لأن المصممين - أو في كثير من الأحيان العملاء - غير ملتزمين تمامًا بمقاربة الجوّال أولاً. إنهم يريدون موقعًا "عاديًا" ، لكنهم مضغوطون على هاتف مجرتهم.
يميل معارضو أيقونة همبرغر إلى استبدالها بكلمة 'قائمة' ، وبذلك فهم يفتقدون النقطة تمامًا. لقد اكتسب رمز الهامبرغر ، مثله أو لم يعجبه ، معناها الآن ، لكن المستخدمين يفهمون ما المقصود بالزر لا يحل القضية الأكبر ، وهي أن إخفاء ملاحة موقعنا ، وإخفاء خيارات مستخدمينا ، هو فعل رهيب من الذات -تخريب.
باختصار ، إن رمز الهامبرغر هو أحد أعراض فشلنا الجماعي في احتضان جميع جوانب نهج المحمول الأول بكل إخلاص.
حل أفضل
من أجل حل مشكلة الهامبرغر ، علينا أن نقبل أن الويب كما نعرفه لا يعمل. إن صعود شبكة الجوال يعني أكثر بكثير من تقليل عدد الأعمدة التي نستخدمها وإسقاط بعض ملفات الصور الأثقل.
يتم استخدام الويب المحمول بطريقة مختلفة لشبكة الإنترنت القديمة. يوجد ويب الجوّال في سياق التطبيقات المخصصة ، ويتوقع المستخدمون أن تكون الويب ذات خبرة بطريقة مماثلة.
لقد قام تطبيق Facebook بشكل مشابه بتبديل رمز الهامبرغر الخاص بهم لشريط علامات التبويب ، ونتيجة لذلك شهدت التحويلات المحسنة. لكن Facebook قد فعلت شيئًا أكثر أهمية بكثير من تصميمات قائمة المبادلة. لقد أصدروا مؤخرًا تطبيق Messenger التابع لهم ، والميزة الكبيرة في هذا الشأن هي أنه كان لديهم بالفعل تطبيقًا وظيفيًا وشعبيًا تمامًا ، بحيث يمكنهم دمج الرسائل مع. لقد نجح Facebook في تقسيم وظائفهم ، من خلال تركيز دور كل تطبيق وصلوا إلى تطبيقين بسيطين ، بدلاً من تطبيق واحد معقد. يؤدي انخفاض مستوى الأداء الوظيفي إلى مجموعة منخفضة من خيارات القائمة ، وأقل الحاجة إلى قائمة الهمبرغر.
يتم تركيز التطبيقات الجيدة بشكل كبير ، وقد تطورت بهذه الطريقة من خلال اختبار أكثر صرامة للمستخدمين من الويب. لإنشاء تجربة على نمط التطبيق ، نحتاج إلى تبسيط مواقعنا ، وتبسيطها مرة أخرى ، ثم تبسيط أكثر قليلاً. إذا لزم الأمر ، قم بتقسيم العمارة الخاصة بك إلى قطع صغيرة الحجم يمكن التحكم فيها ، أو مواقع صغيرة تقريبًا. عندما نقدم لمستخدمينا مجموعة بسيطة من الخيارات ، لا تنشأ مشكلة قائمة معقدة.
إن الاستفادة من أيقونة الهامبرغر هي مثل صققة عصابة على إصابة: إنها تقوم بتفكيكها ، ولكن تحتها ما زال مكسورًا.
فقط إذا كنا نتبنى بشكل كامل نهجًا متحركًا أولاً ، ونطبقه ليس فقط على تصميمنا ، بل على محتواه وهندسة المعلومات لدينا ، فسنقوم بإدراج قائمة الهامبرغر للتاريخ.
صورة مميزة / صورة مصغرة ، الاستخدامات صورة همبرغر عبر Mononc 'بول