fbpx

زر الهمبرغر Hamburger Button | مواقع الويب

زر الهمبرغر

ما هو زر الهمبرغر المستخدم في مواقع الويب؟

سمي زر الهامبرغر بذلك، لتشابهه البصري مع تلك الأكله.

 

يشيع استخدام زر الهمبرغر في مواقع الويب والتطبيقات المختلفة، خاصة بيئات الهاتف المحمول. 

 

يشير  الزر  إلى أيقونة تتكون من ثلاثة خطوط أفقية متوازية.

 

يوضع الزر في الزاوية العلوية لواجهة المستخدم. 

 

عند الضغط على ذلك الزر، يكشف عن قائمة مخفية تسمى “قائمة الهامبرغر”. 

 

تظهر هذه القائمة “منسدلة” من الزر، أو تظهر كشريط، أو تنزلق من أعلى أو جانب أو أسفل الشاشة.

 

إن الغرض الرئيسي من زر الهامبرغر، هو الحفاظ على مساحة الشاشة من خلال إخفاء عناصر التنقل. 

 

تاريخ زر همبرغر

بدأ زر الهمبرغر في عام 1981، عندما قام المصمم نورم كوكس ببعض الأعمال لمحطة عمل زيروكس الشخصية. 

 

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

 

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

 

بعيدًا عن تشغيله الأولي في Xerox، لم يهتم المصممون حقًا بالبرغر، حتى بدأ Twitter في استخدامه في عام 2008. 

 

ظهر الهمبورغر في iOS بعد عام وهو اليوم عنصر أساسي في تصميم الويب.

 

تصميم المواقع من إنجاز ميديا

تعمل إنجاز ميديا في مجال تصميم واستضافة المواقع بشكل احترافي في مصر والعراق ودول عربية مختلفة.

أحدث المقالات