ปุ่มแฮมเบอร์เกอร์คืออะไรและใช้งานอย่างไร?

ปุ่มแฮมเบอร์เกอร์คืออะไรและใช้งานอย่างไร?

ปุ่มแฮมเบอร์เกอร์ฟังดูน่าอร่อยใช่ไหม อาจทำให้คุณหิว แต่ปุ่มแฮมเบอร์เกอร์ไม่มีส่วนเกี่ยวข้องกับเบอร์เกอร์จริงๆ เชื่อหรือไม่ มันเป็นคำที่ใช้กันทั่วไปสำหรับปุ่มเมนูในแอป





อันที่จริง พวกเราส่วนใหญ่ใช้ไอคอนนี้ทุกวัน ไอคอนที่มีเส้นซ้อนกันสามเส้นที่คุณเห็นขณะสลับเมนูหรือแถบนำทางในแอปคือปุ่มแฮมเบอร์เกอร์



ชื่อนี้มาจากไหนและทำไมจึงใช้? มาหาคำตอบกัน





ที่มาของปุ่มแฮมเบอร์เกอร์

ปุ่มแฮมเบอร์เกอร์มีมาตั้งแต่ปี 1980 ชื่อมาจากการออกแบบ: เส้นแนวนอนหนาสามเส้นคล้ายแฮมเบอร์เกอร์ Norm Cox หรือที่รู้จักในชื่อไอคอนเมนูที่ยุบได้นั้นสร้างขึ้นโดย Norm Cox โดยเป็นส่วนหนึ่งของอินเทอร์เฟซผู้ใช้สำหรับ Xerox Star หนึ่งใน คอมพิวเตอร์ส่วนบุคคลเชิงพาณิชย์เครื่องแรกที่ทันสมัย

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



ไอคอนเบอร์เกอร์มีความโดดเด่นมากขึ้นเมื่อมีสมาร์ทโฟนและแอพมือถือ ด้วยอินเทอร์เฟซผู้ใช้ใหม่และเล็กลง ทำให้ยากต่อการติดตั้งตัวเลือกส่วนใหญ่บนหน้าจอ เพื่อให้ง่ายต่อการนำทาง นักพัฒนาจึงต้องเก็บมันไว้ในเมนู และไอคอนแฮมเบอร์เกอร์ก็พิสูจน์แล้วว่ามีประโยชน์สำหรับจุดประสงค์นี้

แม้ว่าจะเป็นการถกเถียงกันว่าแอปใดใช้แอปนี้ก่อน แต่แอป Tweetie โดย Twitter อาจเป็นหนึ่งในแอปสมัยใหม่รายแรกๆ ที่ใช้ไอคอนนี้ ไม่นานหลังจากนั้น ไอคอนแฮมเบอร์เกอร์ก็ได้รับความนิยมมากขึ้นเมื่อ Facebook และ Google นำไอคอนนี้ไปใช้ในแอปบนอุปกรณ์เคลื่อนที่



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

ไอคอนแฮมเบอร์เกอร์ใช้สำหรับอะไร?

ดังที่กล่าวไว้ข้างต้น การออกแบบไอคอนจะอธิบายวัตถุประสงค์ดั้งเดิมของไอคอน จุดประสงค์นั้นค่อนข้างเหมือนกันในปัจจุบัน



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

นี่คือตัวอย่างไอคอนแฮมเบอร์เกอร์ที่ใช้ในแอพ Samsung Galaxy Store โดยแตะที่ไอคอนที่มุมบนซ้าย คุณจะสามารถเข้าถึงตัวเลือกเมนูต่างๆ ได้

แกลเลอรี่ภาพ (2 รูปภาพ) ขยาย ขยาย ปิด I

เมื่อมีคนใช้แอพใหม่ มันอาจเป็นเรื่องยากที่จะตีความไอคอนต่างๆ บนหน้าจอ ข้อได้เปรียบที่ใหญ่ที่สุดของไอคอนแฮมเบอร์เกอร์คือสามารถจดจำได้ทันทีสำหรับทุกคนที่คุ้นเคยกับการออกแบบมือถือ ไอคอนนี้แพร่หลาย ซึ่งทำให้ง่ายต่อการตีความโดยไม่ต้องอธิบายใดๆ

ไอคอนแฮมเบอร์เกอร์แทบไม่มีที่ว่าง ทำให้สามารถวางไว้ที่ใดก็ได้บนหน้าจอโดยไม่รบกวนองค์ประกอบอื่นๆ ไม่ใช่ทุกอย่างที่อยู่ในหน้าหลักของหน้าจอของคุณ ดังนั้นไอคอนจึงทำงานได้ดีในการจัดเตรียมสถานที่ที่กำหนดไว้ล่วงหน้าสำหรับองค์ประกอบการนำทาง

ที่เกี่ยวข้อง: วิธีตั้งค่าไอคอนที่กำหนดเองสำหรับแอพบน Android

เกิดอะไรขึ้นกับเมนูแฮมเบอร์เกอร์วันนี้?

ดังที่เราได้เห็น ปุ่มแฮมเบอร์เกอร์มีข้อดีมากมาย เช่น การนำทางที่ง่าย และอินเทอร์เฟซผู้ใช้ที่สะอาดตา อย่างไรก็ตาม มีข้อเสียอยู่สองสามอย่าง ซึ่งทำให้นักพัฒนาแอปต้องย้ายออกไปและพิจารณาทางเลือกอื่น

วิธีรับการ์ดซื้อขายไอน้ำ

ด้วยโทรศัพท์ที่มีหน้าจอขนาดใหญ่ขึ้นตลอดเวลา การเข้าถึงตำแหน่งที่มักจะพบปุ่มแฮมเบอร์เกอร์ทำได้ยากขึ้น สิ่งนี้ทำให้ประสบการณ์ผู้ใช้มีส่วนร่วมน้อยลงและใช้งานแอพได้สบายน้อยลง

เมื่อคุณเปิดแอปเป็นครั้งแรก คุณจะต้องมองหาคุณลักษณะหลักของแอปอย่างแน่นอน ไอคอนแฮมเบอร์เกอร์มักจะซ่อนตัวเลือกที่สำคัญส่วนใหญ่ ซึ่งทำให้ผู้มาใหม่ค้นพบอินเทอร์เฟซน้อยลง

นอกจากนี้ การใส่คุณลักษณะที่โดดเด่นลงในปุ่มเมนูทำให้รู้สึกว่ามีความสำคัญน้อยลง มันทำให้คุณคิดว่าถ้าตัวเลือกเหล่านั้นไม่สำคัญพอที่จะแสดงบนหน้าจอหลัก ตัวเลือกเหล่านั้นอาจไม่คุ้มค่าที่จะลองดู

ทางเลือกของไอคอนแฮมเบอร์เกอร์

แถบนำทางได้กลายเป็นวิธีการจัดระเบียบปุ่มเมนูที่ได้รับความนิยมและมีประสิทธิภาพมากขึ้น แทนที่จะซ่อนคุณสมบัติที่สำคัญไว้เบื้องหลังไอคอนเมนู แถบนำทางจะจัดเรียงไอคอนหลายไอคอนบนหน้าจอหลัก

แถบนำทางมีไอคอนเมนูที่เข้าใจได้ชัดเจนและมีความเกี่ยวข้องมากขึ้น ปุ่มแฮมเบอร์เกอร์ขาดความชัดเจนนี้ ดังนั้นจึงไม่ได้รับการมีส่วนร่วมในระดับเดียวกัน

ตัวอย่างเช่น Google Play Store ทำให้อินเทอร์เฟซเรียบง่ายขึ้นโดยการออกแบบใหม่ด้วยแถบการนำทาง แถบนั้นที่ด้านล่างแสดงคุณลักษณะที่สำคัญ ในการเข้าถึงตัวเลือกอื่น ๆ คุณแตะที่ไอคอนโปรไฟล์ของคุณที่มุมบนขวา

แกลเลอรี่ภาพ (2 รูปภาพ) ขยาย ขยาย ปิด I

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

ที่เกี่ยวข้อง: วิธีรับแถบนำทางสีบน Android โดยไม่ต้องรูท

แม้ว่าจะเหมือนกับไอคอนแฮมเบอร์เกอร์ แถบนำทางก็มีข้อเสีย แม้ว่าพวกเขาจะใส่คุณสมบัติด้านบนไว้ด้านหน้า แต่ก็ถูก จำกัด ไว้เพียงสี่หรือห้าตัวเลือกเท่านั้น ดังนั้นหากแอปต้องการแสดงฟีเจอร์ที่สำคัญกว่านี้ แอปนั้นก็ต้องใช้อย่างอื่นนอกเหนือจากแถบนำทาง

บางทีตัวเลือกที่ดีที่สุดอาจเป็นการผสมผสานทั้งแถบนำทางและไอคอนแฮมเบอร์เกอร์ แถบนำทางสามารถแสดงคุณลักษณะที่ไฮไลต์ของแอป ในขณะที่คุณลักษณะอื่นๆ สามารถซ่อนอยู่ในไอคอนแฮมเบอร์เกอร์

Facebook เป็นตัวอย่างยอดนิยมของสิ่งนี้ ในแถบนำทาง คุณสามารถแตะเมนูแฮมเบอร์เกอร์เพื่อเข้าถึงคุณสมบัติอื่นๆ ทั้งหมดได้

อนาคตของไอคอนแฮมเบอร์เกอร์

ปุ่มแฮมเบอร์เกอร์ถูกใช้เป็นไอคอนเมนูไปนานแล้ว คนส่วนใหญ่จึงค่อนข้างชินกับปุ่มนี้ แนวทางที่เรียบง่ายและจุดประสงค์ที่ชัดเจนทำให้ทุกคนที่ใช้สมาร์ทโฟนเป็นที่รู้จักอย่างกว้างขวาง

แต่เนื่องจากข้อบกพร่องบางประการของไอคอนเบอร์เกอร์ แอพยอดนิยมมากมายรวมถึง Google Play Store, Instagram และ Twitter ได้เริ่มใช้แถบนำทางแทน แถบนำทางอาจเป็นทางเลือกที่ดีกว่าไอคอนแฮมเบอร์เกอร์ แต่ยังไม่ได้รวมเข้ากับทุกแอป ด้วยเหตุนี้ เราจะยังคงเห็นไอคอนแฮมเบอร์เกอร์ที่ใช้อยู่เป็นประจำเป็นระยะเวลาหนึ่ง

ไอคอนแฮมเบอร์เกอร์ไม่สมบูรณ์แบบ แต่สามารถปรับปรุงได้โดยการรวมเข้ากับองค์ประกอบการนำทางอื่น สิ่งสำคัญคือต้องแน่ใจว่าเครื่องมือใดๆ ที่แอปใช้นั้นชัดเจนสำหรับผู้ใช้

แบ่งปัน แบ่งปัน ทวีต อีเมล ไอคอนและสัญลักษณ์ Facebook Messenger: หมายความว่าอย่างไร

โดยเราจะอธิบายว่าไอคอนและสัญลักษณ์ Facebook Messenger ทั้งหมดมีความหมายอย่างไรและจะใช้งานอย่างไรให้ถูกต้อง

อ่านต่อไป หัวข้อที่เกี่ยวข้อง
  • เทคโนโลยีอธิบาย
  • Android
  • Android
  • ออกแบบ
  • คำศัพท์
เกี่ยวกับผู้เขียน ศรียา เดชปานเด(เผยแพร่บทความ 9 รายการ)

ศรียาเป็นผู้ที่ชื่นชอบเทคโนโลยีและชอบติดตามความก้าวหน้าทางเทคโนโลยีล่าสุด เมื่อเธอไม่ได้เขียนเกี่ยวกับเทคโนโลยี คุณจะพบว่าเธอกำลังเดินทางหรืออ่านนิยายที่เธอชอบ!

เพิ่มเติมจาก Shreeya Deshpande

สมัครรับจดหมายข่าวของเรา

เข้าร่วมจดหมายข่าวของเราสำหรับเคล็ดลับทางเทคนิค บทวิจารณ์ eBook ฟรี และดีลพิเศษ!

คลิกที่นี่เพื่อสมัครสมาชิก