ปุ่มแฮมเบอร์เกอร์เป็นปุ่มที่มักจะวางไว้ที่มุมบนสุดของ อินเทอร์เฟซผู้ใช้ แบบกราฟิก^{[ 1 ]} หน้าที่ของมันคือการสลับเมนู (บางครั้งเรียกว่าเมนูแฮมเบอร์เกอร์ ) หรือแถบนำทางระหว่างการพับเก็บอยู่ด้านหลังปุ่มหรือแสดงบนหน้าจอ

ไอคอน ที่เกี่ยวข้องกับ ปุ่มนี้ประกอบด้วยแถบแนวนอนขนานกันสามแถบ (≡) ซึ่งเรียกว่าไอคอนแฮมเบอร์เกอร์ (บางครั้งเรียกว่าไอคอนเมนูแบบยุบ ) มีจุดประสงค์เพื่อให้คล้ายกับบรรทัดข้อความในเมนูพิมพ์ ขนาดเล็ก ^{[ 2 ] [ 3 ]}ชื่อนี้ตั้งตามความคล้ายคลึงโดยไม่ได้ตั้งใจกับ แฮมเบอร์เกอร์

ปุ่มแฮมเบอร์เกอร์ในเวอร์ชันแรกๆ สามารถพบได้ในอินเทอร์เฟซผู้ใช้แบบกราฟิกของ คอมพิวเตอร์ Xerox Star ในช่วงทศวรรษ 1980 และ Microsoft Windows 1.0

ไอคอนนี้ได้รับการออกแบบโดยNorm Coxเป็นส่วนหนึ่งของอินเทอร์เฟซผู้ใช้สำหรับ คอมพิวเตอร์ส่วนบุคคล Xerox Starซึ่งเปิดตัวในปี 1981 ^{[ 4 ]} Cox อธิบายถึงการสร้างไอคอนโดยกล่าวว่า: ^{[ 5 ]}

การออกแบบกราฟิกนั้นตั้งใจให้เรียบง่ายเหมือนป้ายบอกทาง ใช้งานได้จริงและจดจำง่าย และเลียนแบบรูปลักษณ์ของรายการเมนูที่แสดงออกมา ด้วยจำนวนพิกเซลที่จำกัด การออกแบบจึงต้องมีความโดดเด่นแต่เรียบง่าย ผมคิดว่าเรามีพื้นที่เพียง 16x16 พิกเซลในการเรนเดอร์ภาพ (หรืออาจจะเป็น 13x13...)

ในการใช้งานครั้งแรกหลังจาก Xerox Star การเปิดตัวWindows 1.0ในปี 1985 มีไอคอนแฮมเบอร์เกอร์อยู่ในเมนูควบคุมของแต่ละหน้าต่าง^{[ 6 ]}อย่างไรก็ตาม ไอคอนแฮมเบอร์เกอร์นี้มีอายุสั้น เนื่องจากหายไปในWindows 2.0และถูกแทนที่ด้วยเส้นแนวนอนเส้นเดียวที่แสดงถึงเมนูควบคุมWindows 95แทนที่เส้นเดียวด้วยไอคอนของโปรแกรม^{[ 7 ]}และไอคอนแฮมเบอร์เกอร์จะไม่กลับมาใน Windows อีกจนกว่าจะมีการวางไว้ในเมนูเริ่มต้นของ การอัปเดต Windows 10 ^ในรอบหนึ่งปี [ ^{8 ]}

ไอคอนแฮมเบอร์เกอร์ของ Cox กลับมาได้รับความนิยมอีกครั้งตั้งแต่ปี 2009 ซึ่งเป็นผลมาจากพื้นที่หน้าจอที่จำกัดสำหรับแอปมือถือ^{[ 2 ] [ 9 ] [ 10 ]}

ไอคอนแฮมเบอร์เกอร์ประกอบด้วยเส้นแนวนอนขนานกันสามเส้น ซึ่งมีลักษณะคล้ายกับบรรทัดข้อความในเมนูขนาดเล็ก^{[ 2 ] [ 3 ]}เพื่อลดการใช้พื้นที่หน้าจอให้น้อยลง อาจทำให้แคบลงเหลือเพียงจุดสามจุดที่เรียงซ้อนกันในแนวตั้ง ( ) ซึ่งเรียกกันว่าปุ่มเคบับปุ่มมีทบอลหรือปุ่มฟาลาเฟลแต่ก็ยังคงแสดงเมนูที่มีลักษณะปกติ ใน แอปพลิเคชันออนไลน์ของ Microsoft Office 365 และ Google ไอคอนที่คล้ายกันซึ่งประกอบด้วยสี่เหลี่ยมสามแถว แถวละสามช่อง ( ) จะแสดงไอคอนหลายไอคอนแทนเมนู และเรียกว่าปุ่มวาฟเฟิล^{[ 11 ]}

การคลิกหรือกดปุ่มเหล่านี้จะทำให้เมนู แนวตั้ง ปรากฏขึ้น ซึ่งโดยทั่วไปจะเหมือนกับเมนูรายการเดียวหรือแถบแท็บ^{[ 12 ]}

ปุ่มแฮมเบอร์เกอร์ไม่ใช่ ตัวอักษร ข้อความและไม่ได้เข้ารหัสในยูนิโคดอย่างไรก็ตาม บางครั้งนักออกแบบจะใช้ตัวอักษรข้อความที่มีลักษณะคล้ายกันเพื่อสร้างปุ่มแฮมเบอร์เกอร์^{[ 13 ]}เช่นดังต่อไปนี้:

• U+2261 ≡ เหมือนกับ^{[ 13 ]}
• U+11054 𑁔 บราห์มีหมายเลขสาม
• U+2630 ☰ ไตรแกรมสำหรับสวรรค์^{[ 13 ]}

• U+1392 ᎒ ETHIOPIC TONAL MARK RIKRIK
• U+205D ⁝ ไตรโคโลน
• U+22EE ⋮ วงรีแนวตั้ง
• U+2D57 ⵗ TIFINAGH จดหมาย TUAREG YAGH
• U+FE19 ︙ แบบฟอร์มการนำเสนอสำหรับวงรีแนวตั้งและแนวนอน

• อักขระปุ่มเคบับสามตัวเรียงกัน เช่น ⁝⁝⁝
• U+25A6 ▦ สี่เหลี่ยมจัตุรัสที่มีการเติมลายไขว้ตั้งฉาก
• U+130D1 𓃑 อักษรอียิปต์โบราณ D067H

มีการโต้แย้งว่าในขณะที่ปุ่มเมนูแบบยุบได้นั้นเป็นเรื่องปกติในปัจจุบัน แต่ฟังก์ชันการทำงานของมันอาจไม่ชัดเจนในทันทีเมื่อพบเห็นครั้งแรก^{[ 14 ]}โดยเฉพาะอย่างยิ่ง ผู้ใช้ที่มีอายุมากกว่าและไม่คุ้นเคยกับไอคอนสมัยใหม่อาจรู้สึกสับสน^{[ 15 ]}ตำแหน่งของไอคอนเมนูแฮมเบอร์เกอร์ยังขึ้นอยู่กับเว็บไซต์หรือแอปเฉพาะอีกด้วย^{[ 16 ]}

ปุ่มเมนูอาจเพิ่มต้นทุนการโต้ตอบเมื่อเทียบกับแถบเมนูเนื่องจากต้องคลิกเพิ่มเพื่อดึงข้อมูลเดียวกัน แม้ว่าจะมีข้อดีคือใช้พื้นที่หน้าจอน้อยลงก็ตาม^{[ 17 ]}นอกจากนี้ยังมีการโต้แย้งว่านักออกแบบมักจะใส่ข้อมูลที่ซ่อนอยู่มากเกินไปในไอคอนเหล่านี้^{[ 15 ]}

ลองค้นหาคำว่า "hamburger button"ใน Wiktionary ซึ่งเป็นพจนานุกรมออนไลน์ฟรี

• ปุ่มเมนู
• แถบสามชั้น § การออกแบบแอปพลิเคชัน
• จุดไข่ปลา § ในส่วนติดต่อผู้ใช้คอมพิวเตอร์  – ใช้เพื่อระบุ "ตัวเลือกเพิ่มเติม" (ตัวเลือกที่ซ่อนอยู่ โดยไอคอนเมนูที่ยุบลงหมายถึงตัวเลือกที่ซ่อนอยู่ทั้งหมด)