हैमबर्गर बटन

From Vigyanwiki
Revision as of 12:07, 28 February 2023 by alpha>Rajkumar
An icon of three lines
Collapsed menu icon as used on the Hamburger Button
A picture of a hamburger with three buns
A hamburger, the origin of the nickname

हैमबर्गर बटन (ट्रिपल बार ≡ या बगुआ ☰), इसलिए हैमबर्गर के अनजाने समानता के लिए नामित, एक बटन (कंप्यूटिंग) है जिसे सामान्यतः ग्राफिकल यूज़र इंटरफ़ेस के शीर्ष कोने में रखा जाता है।[1] इसका कार्य मेनू (कभी-कभी हैमबर्गर मेनू के रूप में जाना जाता है) या नेविगेशन पट्टी को बटन के पीछे या स्क्रीन पर प्रदर्शित होने के बीच टॉगल करना है। इस विजेट (जीयूआई) से जुड़ा आइकन, जिसमें तीन क्षैतिज पट्टियाँ होती हैं, को 'संक्षिप्त मेनू आइकन' के रूप में भी जाना जाता है।

इतिहास

मूल डिजाइन

Xerox Star computer interface
Microsoft Windows 1.0 screenshot
Early versions of the hamburger button can be seen in the 1980s graphical user interfaces of the Xerox Star computer and Microsoft Windows 1.0

आइकन को मूल रूप से नॉर्म कॉक्स (डिजाइनर) द्वारा 1981 में प्रस्तुतकिए गए ज़ेरॉक्स स्टार पर्सनल कंप्यूटर के लिए यूजर इंटरफेस के हिस्से के रूप में डिजाइन किया गया था।[2]कॉक्स ने आइकन के निर्माण का वर्णन करते हुए कहा, "इसका ग्राफिक डिज़ाइन बहुत ही सरल, कार्यात्मक रूप से यादगार, और परिणामी प्रदर्शित मेनू सूची के रूप की नकल करने के लिए" रोड साइन "होने के लिए था। इतने कम पिक्सेल के साथ काम करने के लिए, इसे बहुत अलग, फिर भी सरल होना था। मुझे लगता है कि छवि प्रस्तुत करने के लिए हमारे पास केवल 16×16 पिक्सेल थे। (या संभवतः 13×13... ठीक से याद नहीं है)।”[3]


मेनस्ट्रीम डेस्कटॉप कंप्यूटिंग में

संभवतः ज़ेरॉक्स स्टार के बाद इसका पहला उपयोग, 1985 में विंडोज 1.0 की रिलीज़ में प्रत्येक विंडो के नियंत्रण मेनू में एक हैमबर्गर आइकन शामिल था।[4] चूंकि, यह अल्पकालिक था, क्योंकि हैमबर्गर आइकन विंडोज 2.0 में नियंत्रण मेनू को इंगित करने वाली एकल क्षैतिज रेखा के पक्ष में गायब हो गया था। विंडोज 95 ने सिंगल लाइन को प्रोग्राम के आइकन से बदल दिया,[5] और हैमबर्गर विंडोज 10 वर्जन हिस्ट्री#वर्जन 1607 (एनिवर्सरी अपडेट) के प्रारंभ की सूची पर प्लेसमेंट तक विंडोज में वापस नहीं आएगा। विंडोज 10 का एक साल का अपडेट।[6]


मोबाइल उपयोग

कॉक्स के हैमबर्गर आइकन ने 2009 में मोबाइल एप्लिकेशन के लिए उपलब्ध सीमित स्क्रीन क्षेत्र से प्रारंभिकहोने वाले पुनरुत्थान को देखा।[7][8][9]


सूरत और कार्यक्षमता

विकिपीडिया मोबाइल एप्लिकेशन की सूची के पिछले संस्करण में हैमबर्गर मेनू # विकिमीडिया फाउंडेशन

मेनू बटन आइकन (कंप्यूटिंग) का रूप लेता है जिसमें तीन समानांतर क्षैतिज रेखाएँ होती हैं (≡ के रूप में प्रदर्शित), सूची का सूचक।[7]नाम उस मेनू से समानता को संदर्भित करता है जो सामान्यतः इसके साथ बातचीत करते समय उजागर या खोला जाता है।[10] व्यापक बटन को तीन लंबवत स्टैक्ड डॉट्स (त्रि-कोलन या अंडाकार ⋮ के रूप में प्रदर्शित) तक कम किया जा सकता है, जिसे कबाब आइकन, मीटबॉल आइकन या फलाफेल आइकन के रूप में भी जाना जाता है। Microsoft Office 365 प्लेटफ़ॉर्म में, तीन वर्गों की तीन पंक्तियों वाला एक समान एप्लिकेशन मेनू प्रदर्शित होता है।[11] इस बटन को टैप करने, क्लिक करने या अन्यथा सक्रिय करने से मेनू (कंप्यूटिंग) प्रकट होता है, जो इसे सदैव प्रदर्शित होने वाले बार मेनू से अलग करता है।[12]


रिसेप्शन

सूरत

यह तर्क दिया गया है कि जबकि संक्षिप्त मेनू बटन अब सामान्य हो गया है, इसकी कार्यक्षमता आवश्यक नहीं कि पहली बार सामने आने पर तुरंत स्पष्ट हो जाए;[13] विशेष रूप से, आधुनिक आइकनोग्राफी से कम परिचित पुराने उपयोगकर्ता इसे भ्रमित कर सकते हैं।[14] हैमबर्गर मेनू आइकन का स्थान विशिष्ट वेबसाइट या ऐप पर निर्भर करता है। यद्यपि, आम सहमति यह प्रतीत होती है कि अधिकांश वेबसाइटों और ऐप्स के लिए हैमबर्गर मेनू आइकन को स्क्रीन के दाईं ओर रखा जाना चाहिए।Cite error: Invalid <ref> tag; invalid names, e.g. too many

उपयोगिता

मेन्यू बटन मेन्यू बार की तुलना में इंटरेक्शन निवेश बढ़ा सकता है, स्क्रीन के कम स्थान उपयोग के लाभ के अतिरिक्त, समान जानकारी को पुनः प्राप्त करने के लिए अतिरिक्त क्लिक की आवश्यकता होती है।[15]यह भी तर्क दिया गया है कि डिजाइनर इन आइकनों को बहुत अधिक छिपी हुई जानकारी के साथ अधिभारित करते हैं।[16]


यह भी देखें

संदर्भ

  1. "How To Create a Menu Icon". www.w3schools.com. Archived from the original on 2018-09-05. Retrieved 2018-09-20.
  2. "The origin of the hamburger icon". Archived from the original on 2015-11-07. Retrieved 2018-09-20.
  3. "हैम्बर्गर आइकन का एक संक्षिप्त इतिहास". Placeit Blog (in English). 2014-10-29. Retrieved 2019-02-23.
  4. Ali, Fahad (2015-05-13). "Microsoft First Used The Controversial Hamburger Menu In 1985". windowschimp.com. Archived from the original on 2021-04-01. Retrieved 2019-06-12.
  5. Doppelhammer, Jim. "विंडोज़ तत्व". doublehammer.com. Retrieved 2019-06-12.
  6. Shaikh, Rafia (2016-04-04). "यहां बताया गया है कि नया विंडोज 10 एनिवर्सरी स्टार्ट मेन्यू कैसा दिखता है". wccftech.com. Retrieved 2019-06-12.
  7. 7.0 7.1 Campbell-Dollaghan, Kelsey (March 31, 2014). "Who Designed the Hamburger Icon?". Gizmodo. Archived from the original on 2016-02-06. Retrieved February 2, 2016.
  8. "A Brief History of the Hamburger Icon". placeit.net. 29 October 2014. Archived from the original on 2017-02-02. Retrieved 25 January 2017.
  9. Ltd., Stuff & Nonsense. "We need a standard show navigation icon for responsive web design". Archived from the original on 2018-09-20. Retrieved 2018-09-20.
  10. Lessin, Jessica (March 18, 2013). "What's a 'hamburger' button? A guide to app features". The Wall Street Journal. Dow Jones & Company. Archived from the original on 2015-04-16. Retrieved April 10, 2015.
  11. Nguyen, Chuong (June 26, 2015). "Office 365 Store saves time with single sign-on to web apps". Tech Radar Pro. Archived from the original on 2018-02-09. Retrieved 2018-02-08.
  12. Constine, Josh (May 24, 2014). "Kill the hamburger buttons". TechCrunch. Archived from the original on 2016-08-19. Retrieved April 10, 2015.
  13. Stokel-Walker, Chris (16 May 2015). "Hamburger icon: How these three lines mystify most people". BBC. Archived from the original on 2018-02-20. Retrieved 11 October 2018.
  14. "हैम्बर्गर आइकन को प्यार और नफरत". Webdesigner Depot (in English). 2018-09-17. Retrieved 2019-02-23.
  15. Tsiodoulos, Dimitrios (2016). Comparison of hamburger and bottom bar menu on mobile devices for three level navigation (PDF) (Thesis). Archived (PDF) from the original on 2018-06-13. Retrieved 2018-06-13.
  16. Cite error: Invalid <ref> tag; no text was provided for refs named Loving & Hating the Hamburger Icon