شرح مفهوم زر قائمة الهمبرغر (Hamburger Menu)



19 نوفمبر، 2021 | تيتو 4 تك


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

    رمز همبرغر أو القائمة ، أو الزر ، وما إلى ذلك - موجود منذ عام 1981. وقد تم إنشاؤه بواسطة نورم كوكس ، مدير الرسومات في Xerox Star ، وهو أول كمبيوتر شخصي تجاري.

    صمم Norm الرمز كحاوية لخيارات القائمة. الخطوط الأفقية هي تصوير مجرد لقائمة عمودية.

     

     

     

     

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

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

    إن تاريخ رمز الهامبرغر في تطبيقات الجوال أكثر ضبابية بعض الشيء. ربما تم استخدامه لأول مرة بواسطة تطبيق Twitter يسمى "Tweetie" في عام 2008. بعد ذلك بفترة وجيزة ، بدأ يظهر في نظام التشغيل iOS من Apple لأجهزة iPhone ، مما أدى على الأرجح إلى شعبيته في تصميم تطبيقات الهاتف المحمول.

     

    yes  ما هو رمز همبرغر؟

     

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

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

    يمكن العثور على مثال لرمز الهامبرغر في قائمة ابدأ لنظام التشغيل Windows 10. يؤدي التمرير فوق الرمز أو النقر فوقه إلى توسيع اختصارات الإعدادات والطاقة وخيارات المستخدم الأخرى.

    رمز الهامبرغر هو مجرد رمز أصبح يعني "القائمة". بمجرد أن تبدأ في البحث عنه ، ستراه في كل مكان.

     

    yes  لماذا يطلق عليه قائمة "همبرغر"؟

     

    بفضل البحث الذي أجراه المصمم Geoff Alday ، أصبح تاريخ رمز الهامبرغر واضحًا تمامًا. ومع ذلك ، فإننا لا نعرف حقًا لماذا أو متى التقطت لقب "همبرغر".

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

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

    تم تصميم رمز الهامبرغر (مع فرض قيود صارمة) ليكون بسيطًا للغاية. يمكن أن تكون هذه البساطة عيبًا في بعض الأحيان. إنه ليس وصفيًا جدًا ويمكن التغاضي عنه بسهولة إذا لم تكن معتادًا عليه.

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

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

     

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