ستساعدك المقالة التالية: أيقونة القائمة المكونة من 3 أسطر: ما هي قائمة الهامبرغر؟
ماذا لو قلت لك أن المواقع و smartphones كان الهامبرغر فيها؟ ربما تعتقد أنني فقدت ذلك تمامًا بعد التوقف عن تناول الأدوية. لكن هذا صحيح تمامًا، أنا لا أمزح.
عندما تفتح تطبيقًا على هاتفك الذكي أو بعض مواقع الويب اليوم، يمكن أن تنظر إلى همبرغر – أي رمز قائمة الهامبرغر.
ما هي قائمة همبرغر؟
قائمة الهامبرغر (التي لا تأتي مع طلب جانبي من البطاطس المقلية) هي الخطوط الأفقية الثلاثة التي تراها الآن في الجزء العلوي من العديد من الشاشات، إما في أقصى اليسار أو أقصى اليمين.
إنها أيقونة في الواقع.
من خلال لمس الأيقونة أو النقر عليها أو النقر عليها، يتم فتح قائمة جانبية تحتوي على مجموعة مختارة من الخيارات أو الصفحات الإضافية.
يحب بعض المطورين رمز قائمة الهامبرغر المكون من 3 أسطر لأنه يمكّنهم من إضافة المزيد من الميزات إلى تطبيقاتهم أو التنقل الخاص بهم. يشغل الرمز الصغير الحد الأدنى من مساحة الشاشة. إنه يمنح التطبيق أو الموقع مظهرًا بسيطًا ونظيفًا.
من السهل على مستخدم التطبيق أو زائر موقع الويب الضغط على الزر لتحريك القائمة للداخل والخارج.
أو هكذا قد تعتقد.
ومع ذلك، فإن المطورين الآخرين وبعض المستخدمين يكرهون تمامًا رمز قائمة الهامبرغر أو ببساطة يشعرون بالحيرة منه. لماذا؟ لأنه ليس من الواضح لجميع المستخدمين أن الخطوط الثلاثة هي في الواقع أيقونة قائمة، ولا تخبر المستخدمين بما هو موجود هناك.
من “اخترع” أيقونة قائمة الهامبرغر؟
صاحب الرؤية وراء أيقونة قائمة الهامبرغر المنتشرة في كل مكان هو رائد إبداعي يُدعى نورم كوكس. لقد ابتكر رمز قائمة الهامبرغر الموجود في كل مكان، وهو رمز عالمي صمم من أجله في الأصل زيروكس ستار، أول واجهة مستخدم رسومية في العالم، منذ أكثر من ثلاثة عقود.
ومع ذلك، بعد تصورها، بدا أن الصورة الأيقونية تنزلق إلى فترة من الغموض النسبي.
يمكن إرجاع عودة ظهور الأيقونة إلى ظهور الأجهزة المحمولة. وفي هذه الحقبة، في عام 2008، ظهرت الأيقونة ذات الخطوط الثلاثة بدأت تزحف مرة أخرى، ظهر لأول مرة في Twitter التطبيق، تويتي.
وفي العام التالي، وجدت الأيقونة موطنًا جديدًا في واجهة تطبيق Voice Memos لجهاز iPhone 3GS.
في مقابلة مع Small Business Trends، أعرب كوكس عن دهشته من عودة إبداعه إلى الظهور، قائلًا: “يجب أن أضحك من كل الاهتمام الذي يحظى به رمز” الهامبرغر “الصغير مؤخرًا. حتى ما يقرب من تسعة أشهر مضت، لم أفكر في “القطرات في مسيرتي المهنية في التصميم” لأكثر من 30 عامًا!
أثناء العصف الذهني حول الرمز، تم التفكير في بعض البدائل:
- سهم يشير للأسفل على شكل مثلث، للإشارة إلى الاتجاه الذي ستظهر فيه القائمة الناتجة. ومع ذلك، تم رفض هذا لأنه تم تفسيره في كثير من الأحيان على أنه مؤشر.
- النجمة
أو رمز الزائد (+) تم أخذه في الاعتبار أيضًا ولكن تم تجاهله في النهاية نظرًا لطبيعته المجردة.
في النهاية، قال كوكس إن صورة الهامبرغر المكونة من ثلاثة أسطر حققت التوازن المثالي: “كان هذا الرمز بسيطًا بصريًا، وسهل الشرح، ولا يُنسى من الناحية الوظيفية. “ثلاثة أسطر كانت الرقم المثالي.”
أيقونة الهامبرغر، وهي عنصر تصميم بسيط ولكنه قوي، عززت مكانتها في عالم تصميم واجهة المستخدم، لتقف بمثابة شهادة على جاذبية البساطة الخالدة.
ما هي مواقع الويب أو التطبيقات التي تستخدم أيقونة قائمة همبرغر سيئة السمعة؟ Facebookبعض الأسماء البارزة التي تستخدم رمز الهامبرغر في تطبيقاتها تشمل Gmail، Twitterريدر,
، وستاربكس.
والآن اعتمدت مواقع الويب والمتصفحات أيضًا رمز القائمة المكون من 3 أسطر. يعد متصفحا Chrome وFirefox مثالاً على ذلك، وذلك باستخدام القائمة الموجودة في الزاوية اليمنى العليا. تخفي قائمة الهامبرغر جميع الخيارات والإعدادات والإضافات. ويضيء الرمز باللون البرتقالي عندما يلزم إصلاح شيء ما في المتصفح أو تحديثه.
Time.com هو مثال لموقع ويب رئيسي يستخدم قائمة الهامبرغر – في هذه الحالة في الزاوية اليسرى العليا. عند النقر على أيقونة القائمة المكونة من 3 أسطر، تظهر شريحة للخارج تعرض روابط محتوى إضافية.
يشير بعض الخبراء إلى أن الوظائف الموجودة في قائمة الهامبرغر بالكاد تُستخدم.
بداية، لم يدرك العديد من الأشخاص بعد أن الخطوط الأفقية الثلاثة هي في الواقع رمز قائمة، وليست مجرد صورة.
ثانيًا، يجعل رمز الهامبرغر المعلومات في القائمة المخفية “بعيدة عن الأنظار، بعيدًا عن العقل”. وما لم ينقروا فعليًا على أيقونة القائمة المكونة من 3 أسطر أو يلمسوها، فلن يتمكنوا من رؤية الاختيارات هناك.
وفي حالة موقع Time.com، كان لا بد من إضافة كلمة “قائمة” أسفل الرمز لجعل رمزه أكثر وضوحاً.
اعتمادًا أقل على قائمة الهامبرغر لقد عبر العديد من المطورين عنالاستياء من أيقونة الهامبرغر وعيوبها
.
ويرفض البعض استخدام الأيقونة رغم حداثتها. Facebookلكن الشركة الأكثر شهرة والتي قامت بالتغيير هي Facebook . ولكي نكون واضحين تمامًا، Facebook ولم تعلن علنًا أبدًا أنها تريد التخلص منه تمامًا. لكن
يبرز بعض ميزات الهاتف المحمول التي كانت مخفية سابقًا خلف رمز الهامبرغر.
يتم عرضها الآن في شريط أفقي أسفل الشاشة، يسمى شريط علامات التبويب.
يشغل شريط علامات التبويب السفلي مساحة أكبر قليلاً على الشاشة، ولكنه يجعل وظائف معينة أكثر وضوحًا. تحدثنا مع مرينال ديساي، الرئيس التنفيذي والمؤسس المشارك لشركةAddappt . وكان أيضًا وراء تطبيق Crossloop، وهو تطبيق تكنولوجي عن بعد يتم التعهيد الجماعي له، والذي تم بيعه في النهاية لشركةبرنامج مضاد الفيروسات اي في جي
.
قال ديساي في حديثه مع Small Business Trends: “قائمة الهامبرغر ليست في الحقيقة مخصصة للإعدادات”. “إنه يشبه إلى حد كبير “المزيد” أو يمكن للمرء حتى التفكير فيه كبديل لـ “شريط علامات التبويب”. من النادر رؤية كليهما ولكننا في Addappt اكتشفنا ذلك من خلال نموذج أولي ولكننا اخترنا في النهاية اتباع مسار “شريط علامات التبويب”.
“تعتمد هذه القرارات غالبًا على هدف التطبيق. وأضاف ديساي: “يميل رمز الهامبرغر إلى إبعاد الوظائف بينما يجعلها شريط علامات التبويب أكثر وضوحًا”.
منشئ أيقونة الهامبرغر يحصل على الكلمة الأخيرة
فهل يجب عليك استخدام رمز قائمة الهامبرغر في موقع الويب الخاص بك أو سمة الهاتف المحمول أو التطبيق؟
نعتقد أن المطور الأصلي للأيقونة يجب أن يكون له الكلمة الأخيرة.
قال كوكس عندما سئل عن الدعوات لقتل رمز الهامبرغر: “إن طول عمر الرمز (منذ الثمانينيات) هو شهادة على بساطته وفائدته وقابلية التعلم والتذكر”.
“إن السعي إلى “قتل” أو “إلغاء” أداة واجهة المستخدم أو عنصر واجهة المستخدم استنادًا إلى سوء الاستخدام أو التنفيذ هو أمر قصير النظر بعض الشيء ومبالغ في رد الفعل.”
| تم تقديم EraIcon التطبيقات المبكرة استقبال المستخدم التطبيقات الحديثة الاستقبال الحالي | الثمانينيات | قائمة همبرغر من نورم كوكس لزيروكس ستار | تم استخدامه في أول واجهة مستخدم رسومية في العالم | في الغالب غير معروف لعامة الناس | – |
| – | العقد الأول من القرن الحادي والعشرين | Twitter إعادة تقديمه مع ظهور الأجهزة المحمولة | تطبيق (Tweetie)، تطبيق iPhone 3GS Voice Memos | مختلط؛ وجد البعض أنها بديهية، والبعض الآخر مربكا | – |
| – | 2010 وما بعدها | اعتماد واسع النطاق Facebookبريد جوجل, Twitterريدر, | تطبيقات ستاربكس؛ متصفحات كروم وفايرفوكس؛ مواقع مثل Time.com | ويستمر الجدل حول فعاليته | توسيع الاستخدام في مختلف التطبيقات والمواقع |
البعض يحب بساطته وصغر حجمه، والبعض الآخر ينتقده لأنه يخفي وظائف مهمة
