Кнопка гамбургера
Кнопка -гамбургер ( тройная полоса ≡ или символ триграммы ☰), названная так из-за ее непреднамеренного сходства с гамбургером , представляет собой кнопку, обычно размещаемую в верхнем углу графического пользовательского интерфейса . [1] Его функция заключается в переключении меню (иногда называемого меню-гамбургером ) или панели навигации между свертыванием за кнопкой или отображением на экране. Значок, связанный с этим виджетом и состоящий из трех горизонтальных полос, также известен как значок свернутого меню .
История
[ редактировать ]
Значок был первоначально разработан Нормом Коксом как часть пользовательского интерфейса персонального компьютера Xerox Star , представленного в 1981 году. [2] Кокс описал создание значка, сказав: «Ее графический дизайн должен был быть очень простым, как дорожный знак, функционально запоминающимся и имитировать внешний вид отображаемого в результате списка меню. При таком небольшом количестве пикселей для работы он должен был быть очень четкий, но простой, я думаю, у нас было всего 16×16 пикселей для рендеринга изображения (или, возможно, 13×13… точно не помню)». [3]
Возможно, впервые после Xerox Star выпуск Windows 1.0 в 1985 году содержал значок гамбургера в меню управления каждым окном. [4] Однако это просуществовало недолго: в Windows 2.0 значок гамбургера исчез в пользу одной горизонтальной линии, обозначающей меню управления. Windows 95 заменила одну строку значком программы, [5] и гамбургер не вернется в Windows до тех пор, пока в меню «Пуск» не появится годовое обновление Windows 10 . [6]
Иконка гамбургера Кокса возродилась в 2009 году из-за ограниченной площади экрана, доступной для мобильных приложений . [7] [8] [9]
В 2024 году Mondelez International публично попыталась убедить назвать это меню «Орео», а не «гамбургером». [10] [11]
Внешний вид и функциональность
[ редактировать ]
Кнопка «меню» имеет форму значка , состоящего из трех параллельных горизонтальных линий (отображаемых как ≡ ), напоминающих список. [7] Название связано с его сходством с меню, которое обычно отображается или открывается при взаимодействии с ним. [12] Более широкую кнопку можно уменьшить до трех вертикально расположенных точек (отображаемых в виде трехколонного или вертикального многоточия ⋮ ), также известных как значок кебаба , значок фрикадельки или значок фалафеля . В платформе Microsoft Office 365 отображается аналогичное меню приложения, состоящее из трех рядов по три квадрата, это называется «вафля». [13] Нажатие, щелчок или иная активация этой кнопки приводит к меню раскрытию , что отличает его от меню или панели вкладок , которые всегда отображаются. [14]
Прием
[ редактировать ]Утверждалось, что, хотя кнопка свернутого меню сейчас стала обычным явлением, ее функциональность не обязательно сразу очевидна при первом столкновении; [15] в частности, это может сбить с толку пользователей старшего возраста, менее знакомых с современной иконографией. [16] Расположение значка гамбургер-меню также зависит от конкретного веб-сайта или приложения. [17]
Кнопка меню может увеличить стоимость взаимодействия по сравнению со строкой меню, требуя дополнительных кликов для получения той же информации, хотя и с преимуществом меньшего использования места на экране. [18] Также утверждается, что дизайнеры склонны перегружать эти значки слишком большим количеством скрытой информации. [16]
См. также
[ редактировать ]
- Клавиша меню
- Тройная полоса § Дизайн приложения
- Многоточие § В пользовательском интерфейсе компьютера — используется для обозначения «Дополнительно» или частично скрытых параметров, тогда как значок свернутого меню означает полностью скрытые параметры.
Ссылки
[ редактировать ]- ^ «Как создать значок меню» . w3schools.com . Архивировано из оригинала 5 сентября 2018 г. Проверено 20 сентября 2018 г.
- ^ «Происхождение иконки гамбургера» . Evernote.com . Архивировано из оригинала 07.11.2015 . Проверено 20 сентября 2018 г.
- ^ «Краткая история иконы гамбургера» . Блог Placeit . 29 октября 2014 г. Проверено 23 февраля 2019 г.
- ^ Али, Фахад (13 мая 2015 г.). «Microsoft впервые использовала спорное гамбургер-меню в 1985 году» . windowschimp.com . Архивировано из оригинала 01 апреля 2021 г. Проверено 12 июня 2019 г.
- ^ Доппельхаммер, Джим. «Элементы Windows» . сайт Doublehammer.com . Проверено 12 июня 2019 г.
- ^ Шейх, Рафия (4 апреля 2016 г.). «Вот как выглядит новое меню «Пуск» в честь годовщины Windows 10» . wccftech.com . Проверено 12 июня 2019 г.
- ^ Jump up to: а б Кэмпбелл-Доллаган, Келси (31 марта 2014 г.). «Кто создал икону гамбургера?» . Гизмодо . Архивировано из оригинала 6 февраля 2016 г. Проверено 2 февраля 2016 г.
- ^ «Краткая история иконы гамбургера» . Placeit.net . 29 октября 2014 г. Архивировано из оригинала 2 февраля 2017 г. Проверено 25 января 2017 г.
- ^ «Нам нужен стандартный значок навигации для адаптивного веб-дизайна» . Вещи и ерунда . 17 марта 2012 г. Архивировано из оригинала 20 сентября 2018 г. Проверено 20 сентября 2018 г.
- ^ Бергер, Эрик (08 апреля 2024 г.). «Oreo заявляет, что гамбургер-меню принадлежит ему» . Campaignlive.com . Проверено 15 апреля 2024 г.
- ^ «Oreo жаждет перемен, превращает «гамбургер-меню» Интернета в «Меню Oreo» » . Барабан . Проверено 15 апреля 2024 г.
- ^ Лессин, Джессика (18 марта 2013 г.). «Что такое кнопка «гамбургер»? Руководство по функциям приложения» . Уолл Стрит Джорнал . Доу Джонс и компания . Архивировано из оригинала 16 апреля 2015 г. Проверено 10 апреля 2015 г.
- ^ Нгуен, Чуонг (26 июня 2015 г.). «Магазин Office 365 экономит время благодаря единому входу в веб-приложения» . Тех Радар Про . Архивировано из оригинала 9 февраля 2018 г. Проверено 8 февраля 2018 г.
- ^ Констин, Джош (24 мая 2014 г.). «Убить кнопки гамбургера» . ТехКранч . Архивировано из оригинала 19 августа 2016 г. Проверено 10 апреля 2015 г.
- ^ Стокел-Уокер, Крис (16 мая 2015 г.). «Значок гамбургера: как эти три линии озадачивают большинство людей» . Би-би-си . Архивировано из оригинала 20 февраля 2018 г. Проверено 11 октября 2018 г.
- ^ Jump up to: а б «Любить и ненавидеть икону гамбургера» . Депо веб-дизайнеров . 17 сентября 2018 г. Проверено 23 февраля 2019 г.
- ^ Циодулос, Димитриос (2016). Сравнение гамбургера и нижнего меню на мобильных устройствах для трехуровневой навигации (PDF) (Диссертация). Архивировано (PDF) из оригинала 13 июня 2018 г. Проверено 13 июня 2018 г.