Hamburger Menu ไอคอนสารพัดประโยชน์ที่ทุกๆ เว็บต้องมี

Hamburger Menu 3 ขีดที่อยู่ในหน้าจอ Mobile Website เว็บไซต์ที่เป็น Responsive หลายเว็บ ที่มักจะใช้แฮมเบอร์เกอร์เมนู หรือที่เรียกกันว่า Hamburger Icon เป็นจุดรวบรวมเมนูย่อยต่างๆ  ไว้ มักพบได้ในเว็บไซต์ แอปพลิเคชัน และ ตามโปรแกรมต่างๆ  ที่สังเกตง่ายๆ  เลยคือจะแสดงเป็นแถบแนวนอน 3 ขีด อยู่ในส่วนมุมซ้ายหรือขวาของหน้าจอนั่นเอง ชื่อที่น่ากินแบบนี้มันคืออะไรและมีที่มายังไง เราจะพาคุณไปทำความรู้จักกับ Hamburger Menu

Hamburger Menu คืออะไร?

Hamburger Menu ขีด3ขีด (☰) บนหน้าจอนี้ ทำหน้าที่ซ่อนเมนูย่อยหรือเมนูเพิ่มเติมต่างๆ ที่มีลักษณะเป็นขีดชั้นๆ  เพราะหมายถึงข้อมูลต่างๆ ที่ถูกเก็บเอาไว้เป็นชั้นๆ  อยู่ในปุ่มเมนูนี้ และเมื่อคุณได้คลิกที่ปุ่มนี้(☰) ก็จะโชว์รายชื่อหรือรายการเมนูย่อยทั้งหมดนั้นออกมา

ที่มาของ Hamburger menu
จุดเริ่มต้นของปุ่มไอคอนเมนูนั้นมาจาก ชายที่มีชื่อว่า "Norman Lloyd" หรือ "นอร์ม โค๊กซ์ (Norm Cox)" เขาเป็นผู้ให้กำเนิดปุ่มไอคอนแฮมเบอร์เกอร์ Hamburger menu ที่นิยมใช้กันในปัจจุบัน ก่อนจะมาเป็นปุ่มนิยมในทุกวันนี้ มันมีต้นกำเนิดมาจากรูปแบบไอคอนที่ Norm Cox ได้ออกแบบสำหรับใช้บนอินเทอร์เฟซ (Interface) ของเครื่องคอมพิวเตอร์ส่วนบุคคล ที่มีชื่อว่า Xerox Star ในปี พ.ศ. 2524 (ค.ศ. 1981) ในปี 2009 Hamburger menu ได้รับความนิยมอย่างล้นหลามซึ่งเป็นยุคที่โทรศัพท์มือถือกำลังมาแรง และใครๆ  ก็ต่างปล่อยแอปพลิเคชันออกมาให้ผู้คนได้ใช้ เมื่อหน้าจอมือถือนั้นมีขนาดเล็กมาก จึงต้องการสิ่งที่มาประหยัดพื้นที่หน้าจอให้มากที่สุด Hamburger menu คือไอคอนที่ตอบโจทย์มากๆ

ข้อดีของ Hamburger menu

• ประหยัดพื้นที่การแสดงผล ในหน้าเว็บไซต์หรือแอปพลิเคชันที่ต้องการความเรียบง่าย Hamburger Icon นี่แหละจะทำให้เว็บไซต์ของคุณดูหรูหรามากยิ่งขึ้น ด้วยดีไซน์แบบมินิมอล ไม่ว่านักออกแบบจะวางไว้ตรงมุมไหนของจอก็ไม่เกะกะตา หมดปัญหาเรื่องมีเมนูเยอะ เก็บไว้ในปุ่ม Hamburger menu นี้ปุ่มเดียว จบ
• เห็นเด่นชัดกว่าไอคอนแบบอื่น บนโลกนี้ ไม่ได้มีแค่แฮมเบอร์เกอร์ไอคอนในรูปแบบขีด 3 ขีดอย่างเดียวนะ แต่ยังมีไอคอนรูปแบบอื่นๆ อีกที่ใช้เพื่อวัตถุประสงค์เดียวกันอีกด้วย ที่พิเศษสุด ก็คงจะเป็นชื่อเรียกของแต่ละไอคอน ที่ใช้ชื่ออาหารเหมือนกันหมด ที่เห็นกันบ่อยๆ ก็นั่นก็คือ เคบับไอคอน เป็นรูปจุด 3 จุด เรียงกันในแนวตั้ง ที่ใช้ในแอป YouTube , LINE หรือ Candy box ที่เป็นจุด 9 จุด เรียงเป็นสี่เหลี่ยมที่ใช้ในหน้าแรกของ Google

Hamburger Menu ทำหน้าที่ซ่อนเมนูย่อยหรือเมนูเพิ่มเติมต่างๆ  ที่มีลักษณะเป็นขีดชั้นๆ  เพราะหมายถึงข้อมูลต่างๆ ที่ถูกเก็บเอาไว้เป็นชั้นๆ และ Hamburger Menu 3 ขีด ที่อยู่ในหน้าจอนั่น ไม่ได้มีแค่ชื่อแฮมเบอร์เกอร์แต่ชื่อเดียวอีกด้วย ยังมีเคบับไอคอนต่างๆ อีกมากมาย