Кнопка гамбургера , названная так из-за непреднамеренного сходства с гамбургером , представляет собой кнопку, обычно размещаемую в верхнем углу графического пользовательского интерфейса . [1] Его функция заключается в переключении меню (иногда называемого гамбургер-меню ) или панели навигации между свертыванием за кнопкой или отображением на экране. Значок, связанный с этим виджетом , состоящий из трех горизонтальных полос, также известен как значок свернутого меню .
История [ править ]
Оригинальный дизайн [ править ]
Значок был первоначально разработан Нормом Коксом как часть пользовательского интерфейса Xerox Star , представленного в 1981 году; [2] он возродился в 2009 году из-за ограниченной области экрана, доступной для мобильных приложений . [3] [4] [5] Кокс описал создание значка, сказав: «Его графический дизайн должен был быть очень простым« дорожным знаком », функционально запоминающимся и имитировать внешний вид отображаемого списка меню. С таким небольшим количеством пикселей, с которыми нужно было работать, он должен был быть очень четким, но простым. Я думаю, у нас было только 16 × 16 пикселей для рендеринга изображения. (или, возможно, 13 × 13 ... точно не помню) ». [6]
В массовых вычислениях [ править ]
Возможно, это первое использование после Xerox Star, выпуск Windows 1.0 в 1985 году содержал значок гамбургера в меню управления каждого окна. [7] Однако это длилось недолго, так как значок гамбургера исчез в Windows 2.0 в пользу единственной горизонтальной линии, обозначающей меню управления. Windows 95 заменил одну строку со значком программы, [8] и гамбургер не вернется в Windows , пока размещения на меню Пуск в обновление один год в Windows 10 . [9]
Внешний вид и функционал [ править ]
Кнопка «меню» имеет форму значка, который состоит из трех параллельных горизонтальных линий (отображается как ≡ ), напоминающих список. [3] Название указывает на его сходство с меню, которое обычно отображается или открывается при взаимодействии с ним. [10] Чем шире кнопка может быть сокращена до трех вертикально уложенных точек (отображаются как три-ободочной или вертикальной многоточие ⋮ ), также известных как значок шашлыка , значок фрикадельки или фалафель иконка . В платформе Microsoft Office 365 отображается аналогичное меню приложения, состоящее из трех рядов по три квадрата. [11] Нажатие, нажатие или иная активация этой кнопки приводит к открытию меню , которое отличает его от меню или панели вкладок, которые всегда отображаются. [12]
Критика [ править ]
Внешний вид [ править ]
Утверждалось, что, хотя кнопка свернутого меню сейчас является обычным явлением, ее функциональность не обязательно сразу очевидна при первом обнаружении; [13] в частности, это может сбить с толку пожилых пользователей, менее знакомых с современной иконографией. [14]
Юзабилити [ править ]
Кнопка меню может увеличить стоимость взаимодействия по сравнению с меню нижней панели, требуя дополнительных щелчков мыши для получения той же информации, хотя и с преимуществом меньшего использования места на экране в контексте мобильных приложений . [15] Также утверждалось, что дизайнеры склонны перегружать эти значки слишком большим количеством скрытой информации. [14]
См. Также [ править ]
- Клавиша меню
- Тройная полоса § Дизайн приложения
- Многоточие § Использование в меню компьютерной системы - используется для обозначения «Еще» или частично скрытых параметров, тогда как значок свернутого меню означает полностью скрытые параметры.
Ссылки [ править ]
- ^ «Как создать значок меню» . www.w3schools.com . Архивировано 5 сентября 2018 года . Проверено 20 сентября 2018 .
- ^ "Происхождение иконы гамбургер" . Архивировано 07 ноября 2015 года . Проверено 20 сентября 2018 .
- ^ a b Кэмпбелл-Доллаган, Келси (31 марта 2014 г.). "Кто создал икону гамбургера?" . Gizmodo . Архивировано 6 февраля 2016 года . Проверено 2 февраля 2016 года .
- ^ "Краткая история иконы гамбургер" . placeit.net . 29 октября 2014. Архивировано 02 февраля 2017 года . Проверено 25 января 2017 года .
- ^ Ltd., Прочие вещи и ерунда. «Нам нужен стандартный значок навигации по показу для адаптивного веб-дизайна» . Архивировано 20 сентября 2018 года . Проверено 20 сентября 2018 .
- ^ "Краткая история иконы гамбургер" . Блог Placeit . 2014-10-29 . Проверено 23 февраля 2019 .
- ^ Али, Фахад (2015-05-13). «Microsoft впервые использовала вызывающее споры гамбургерное меню в 1985 году» . windowschimp.com . Проверено 12 июня 2019 .
- ^ Doppelhammer, Джим. «Элементы Windows» . doublehammer.com . Проверено 12 июня 2019 .
- ^ Шейх, Рафия (2016-04-04). «Вот как выглядит новое меню« Пуск », посвященное годовщине Windows 10» . wccftech.com . Проверено 12 июня 2019 .
- ^ Лесин, Джессика (18 марта 2013). «Что такое кнопка« гамбургер »? Руководство по функциям приложения» . The Wall Street Journal . Доу Джонс и компания . Архивировано 16 апреля 2015 года . Проверено 10 апреля 2015 года .
- Рианна Нгуен, Чыонг (26 июня 2015 г.). «Магазин Office 365 экономит время за счет единого входа в веб-приложения» . Tech Radar Pro . Архивировано 9 февраля 2018 года . Проверено 8 февраля 2018 .
- ^ Constine, Джош (24 мая 2014). «Убейте кнопки гамбургера» . TechCrunch . Архивировано 19 августа 2016 года . Проверено 10 апреля 2015 года .
- ^ Stokel-Уокер, Крис (16 мая 2015). «Значок гамбургера: как эти три строчки вводят в заблуждение большинство людей» . BBC . Архивировано 20 февраля 2018 года . Проверено 11 октября 2018 года .
- ^ a b «Любить и ненавидеть икону гамбургера» . Депо веб-дизайнеров . 2018-09-17 . Проверено 23 февраля 2019 .
- ^ Циодулос, Димитриос (2016). Сравнение гамбургера и нижнего барного меню на мобильных устройствах для трехуровневой навигации (PDF) (Диссертация). Архивировано (PDF) из оригинала 13.06.2018 . Проверено 13 июня 2018 .
