رمز القائمة المكون من 3 أسطر: ما هي قائمة همبرغر؟

ماذا لو أخبرتك أن مواقع الويب والهواتف الذكية بها هامبرغر؟ ربما تعتقد أنني قد فقدتها تمامًا بعد خروجي من مدستي. لكن هذا صحيح تمامًا ، لا أمزح.

عندما تفتح تطبيقًا على هاتفك الذكي أو بعض مواقع الويب اليوم ، فقد تنظر إلى الهامبرغر - رمز قائمة الهامبرغر ، أي.

ما هي قائمة همبرغر؟

قائمة الهامبرغر (التي لا تأتي مع طلب جانبي للبطاطس المقلية) هي الخطوط الأفقية الثلاثة التي تراها الآن في أعلى العديد من الشاشات ، إما في أقصى اليسار أو أقصى اليمين.

إنها أيقونة في الواقع.

من خلال اللمس أو النقر أو النقر فوق الرمز ، فإنه يفتح قائمة جانبية بها مجموعة من الخيارات أو صفحات إضافية.

يحب بعض المطورين رمز قائمة خط هامبرغر 3 لأنه يمكّنهم من حزم المزيد من الميزات في تطبيقاتهم أو التنقل. تشغل الأيقونة الصغيرة الحد الأدنى من مساحة الشاشة. يمنح التطبيق أو الموقع مظهرًا بسيطًا وأنيقًا.

من السهل بما يكفي لمستخدم التطبيق أو زائر الموقع أن يضغط على الزر لتحريك القائمة إلى الداخل والخارج.

أو هكذا قد تعتقد.

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

من "اخترع" رمز قائمة همبرغر؟

صاحب الرؤية وراء أيقونة قائمة الهامبرغر في كل مكان هو رائد إبداعي يُدعى نورم كوكس. لقد ابتكر رمز قائمة الهامبرغر المنتشر في كل مكان الآن ، وهو رمز عالمي صممه في الأصل لـ Xerox Star ، أول واجهة مستخدم رسومية في العالم ، منذ أكثر من ثلاثة عقود.

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

يمكن إرجاع عودة ظهور الرمز إلى ظهور الأجهزة المحمولة. خلال هذه الحقبة ، في عام 2008 ، بدأت الأيقونة المكونة من ثلاثة أسطر في الظهور مرة أخرى ، حيث ظهرت لأول مرة في تطبيق Twitter ، Tweetie.

في العام التالي ، وجد الرمز منزلًا جديدًا في واجهة تطبيق Voice Memos لجهاز iPhone 3GS.

في مقابلة مع Small Business Trends ، شارك كوكس دهشته من عودة ظهوره ، قائلاً: "يجب أن أضحك ضحكة مكتومة في كل الاهتمام الذي يحظى به رمز" الهامبرغر "الصغير مؤخرًا. حتى ما يقرب من تسعة أشهر مضت ، لم أفكر في "بالتنقيط في دلو مهنتي في التصميم" لأكثر من 30 عامًا! "

أثناء العصف الذهني للرمز ، تم التفكير في بعض البدائل:

• سهم يشير للأسفل على شكل مثلث ، يشير إلى الاتجاه الذي ستظهر به القائمة الناتجة. ومع ذلك ، تم رفض هذا لأنه تم تفسيره في كثير من الأحيان على أنه مؤشر.
• تم أيضًا اعتبار علامة النجمة (*) أو علامة الجمع (+) ولكن تم تجاهلها في النهاية بسبب طبيعتها المجردة.

في النهاية ، قال كوكس إن صورة الهامبرغر المكونة من ثلاثة أسطر حققت التوازن المثالي: "كان هذا الرمز بسيطًا بصريًا ، ويمكن شرحه بسهولة ، ولا يُنسى وظيفيًا. كانت ثلاثة أسطر هي الرقم المثالي ".

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

ما المواقع أو التطبيقات التي تستخدم رمز قائمة همبرغر سيئ السمعة هذا؟

بعض الأسماء البارزة التي تستخدم أيقونة الهامبرغر في تطبيقاتها تشمل Gmail و Facebook و Reeder و Twitter و Starbucks.

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

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

يشير بعض الخبراء إلى أن الوظائف الموجودة في قائمة الهامبرغر بالكاد تستخدم.

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

ثانيًا ، يجعل رمز الهامبرغر المعلومات في القائمة المخفية "بعيدًا عن الأنظار ، بعيدًا عن العقل". ما لم ينقروا بالفعل على رمز القائمة المكون من 3 أسطر أو يلمسونه ، فلن يروا الخيارات هناك.

في الواقع ، في حالة Time.com ، كان لا بد من إضافة كلمة "قائمة" أسفل الأيقونة لتوضيح ماهية الرمز.

اعتماد أقل على قائمة همبرغر

أعرب العديد من المطورين عن استيائهم من أيقونة همبرغر وعيوبها.

يرفض البعض استخدام الأيقونة رغم رونقها.

لكن الشركة الأكثر شهرة التي أحدثت تغييرًا هي Facebook. لكي نكون واضحين تمامًا ، لم يذكر Facebook علنًا أبدًا أنه يريد التخلص منه تمامًا. لكن Facebook يبرز بعض ميزات الهاتف المحمول التي كانت مخفية سابقًا خلف أيقونة الهامبرغر.

يتم عرضها الآن في شريط أفقي أسفل الشاشة ، يسمى شريط علامات التبويب.

يشغل شريط علامة التبويب السفلي مساحة أكبر قليلاً على الشاشة ، ولكنه يجعل بعض الوظائف أكثر وضوحًا.

تحدثنا مع مرينال ديساي ، الرئيس التنفيذي والمؤسس المشارك لشركة Addappt. كان أيضًا وراء Crossloop ، وهو تطبيق تقني عن بُعد يعمل على التعهيد الجماعي ، والذي تم بيعه في النهاية إلى AVG Anti-Virus.

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

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

منشئ أيقونة همبرغر يحصل على الكلمة الأخيرة

فهل يجب عليك استخدام رمز قائمة الهامبرغر في موقع الويب الخاص بك أو موضوع الهاتف المحمول أو التطبيق؟

يجب أن يحصل المطور الأصلي للرمز على الكلمة الأخيرة ، كما نعتقد.

قال كوكس ، عندما سئل عن المكالمات لقتل أيقونة همبرغر: "إن طول عمر الرمز (منذ الثمانينيات) هو شهادة على بساطته وفائدته وقابليته للتعلم وقابليته للتذكر".

"إن السعي إلى" قتل "أو" إلغاء "أداة أو عنصر واجهة مستخدم استنادًا إلى الاستخدام السيئ أو التنفيذ هو أمر قصير النظر ومفرط في رد الفعل."

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

همبرغر ، صور الأيقونة الحمراء عبر Shutterstock