Jump to content

Кнопка гамбургера

(Перенаправлено со значка «Кебаб» )
Значок из трех линий
Значок свернутого меню, используемый на кнопке «Гамбургер»
Изображение гамбургера с тремя булочками.
Гамбургер, происхождение прозвища

Кнопка -гамбургер ( тройная полоса ≡ или символ триграммы ☰), названная так из-за ее непреднамеренного сходства с гамбургером , представляет собой кнопку, обычно размещаемую в верхнем углу графического пользовательского интерфейса . [1] Его функция заключается в переключении меню (иногда называемого меню-гамбургером ) или панели навигации между свертыванием за кнопкой или отображением на экране. Значок, связанный с этим виджетом и состоящий из трех горизонтальных полос, также известен как значок свернутого меню .

Компьютерный интерфейс Xerox Star
Скриншот Microsoft Windows 1.0
Ранние версии кнопки-гамбургера можно увидеть в графических пользовательских интерфейсах компьютеров Xerox Star и Microsoft Windows 1.0 1980-х годов.

Значок был первоначально разработан Нормом Коксом как часть пользовательского интерфейса персонального компьютера 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]

См. также

[ редактировать ]
  1. ^ «Как создать значок меню» . w3schools.com . Архивировано из оригинала 5 сентября 2018 г. Проверено 20 сентября 2018 г.
  2. ^ «Происхождение иконки гамбургера» . Evernote.com . Архивировано из оригинала 07.11.2015 . Проверено 20 сентября 2018 г.
  3. ^ «Краткая история иконы гамбургера» . Блог Placeit . 29 октября 2014 г. Проверено 23 февраля 2019 г.
  4. ^ Али, Фахад (13 мая 2015 г.). «Microsoft впервые использовала спорное гамбургер-меню в 1985 году» . windowschimp.com . Архивировано из оригинала 01 апреля 2021 г. Проверено 12 июня 2019 г.
  5. ^ Доппельхаммер, Джим. «Элементы Windows» . сайт Doublehammer.com . Проверено 12 июня 2019 г.
  6. ^ Шейх, Рафия (4 апреля 2016 г.). «Вот как выглядит новое меню «Пуск» в честь годовщины Windows 10» . wccftech.com . Проверено 12 июня 2019 г.
  7. ^ Jump up to: а б Кэмпбелл-Доллаган, Келси (31 марта 2014 г.). «Кто создал икону гамбургера?» . Гизмодо . Архивировано из оригинала 6 февраля 2016 г. Проверено 2 февраля 2016 г.
  8. ^ «Краткая история иконы гамбургера» . Placeit.net . 29 октября 2014 г. Архивировано из оригинала 2 февраля 2017 г. Проверено 25 января 2017 г.
  9. ^ «Нам нужен стандартный значок навигации для адаптивного веб-дизайна» . Вещи и ерунда . 17 марта 2012 г. Архивировано из оригинала 20 сентября 2018 г. Проверено 20 сентября 2018 г.
  10. ^ Бергер, Эрик (08 апреля 2024 г.). «Oreo заявляет, что гамбургер-меню принадлежит ему» . Campaignlive.com . Проверено 15 апреля 2024 г.
  11. ^ «Oreo жаждет перемен, превращает «гамбургер-меню» Интернета в «Меню Oreo» » . Барабан . Проверено 15 апреля 2024 г.
  12. ^ Лессин, Джессика (18 марта 2013 г.). «Что такое кнопка «гамбургер»? Руководство по функциям приложения» . Уолл Стрит Джорнал . Доу Джонс и компания . Архивировано из оригинала 16 апреля 2015 г. Проверено 10 апреля 2015 г.
  13. ^ Нгуен, Чуонг (26 июня 2015 г.). «Магазин Office 365 экономит время благодаря единому входу в веб-приложения» . Тех Радар Про . Архивировано из оригинала 9 февраля 2018 г. Проверено 8 февраля 2018 г.
  14. ^ Констин, Джош (24 мая 2014 г.). «Убить кнопки гамбургера» . ТехКранч . Архивировано из оригинала 19 августа 2016 г. Проверено 10 апреля 2015 г.
  15. ^ Стокел-Уокер, Крис (16 мая 2015 г.). «Значок гамбургера: как эти три линии озадачивают большинство людей» . Би-би-си . Архивировано из оригинала 20 февраля 2018 г. Проверено 11 октября 2018 г.
  16. ^ Jump up to: а б «Любить и ненавидеть икону гамбургера» . Депо веб-дизайнеров . 17 сентября 2018 г. Проверено 23 февраля 2019 г.
  17. ^ «Значок меню гамбургера: он должен быть слева или справа?» . UX Пикл . 17 сентября 2018 г. Проверено 2 ноября 2022 г.
  18. ^ Циодулос, Димитриос (2016). Сравнение гамбургера и нижнего меню на мобильных устройствах для трехуровневой навигации (PDF) (Диссертация). Архивировано (PDF) из оригинала 13 июня 2018 г. Проверено 13 июня 2018 г.
Arc.Ask3.Ru: конец переведенного документа.
Arc.Ask3.Ru
Номер скриншота №: 41a925169e45b375bcae5617122eb2d5__1716735240
URL1:https://arc.ask3.ru/arc/aa/41/d5/41a925169e45b375bcae5617122eb2d5.html
Заголовок, (Title) документа по адресу, URL1:
Hamburger button - Wikipedia
Данный printscreen веб страницы (снимок веб страницы, скриншот веб страницы), визуально-программная копия документа расположенного по адресу URL1 и сохраненная в файл, имеет: квалифицированную, усовершенствованную (подтверждены: метки времени, валидность сертификата), открепленную ЭЦП (приложена к данному файлу), что может быть использовано для подтверждения содержания и факта существования документа в этот момент времени. Права на данный скриншот принадлежат администрации Ask3.ru, использование в качестве доказательства только с письменного разрешения правообладателя скриншота. Администрация Ask3.ru не несет ответственности за информацию размещенную на данном скриншоте. Права на прочие зарегистрированные элементы любого права, изображенные на снимках принадлежат их владельцам. Качество перевода предоставляется как есть. Любые претензии, иски не могут быть предъявлены. Если вы не согласны с любым пунктом перечисленным выше, вы не можете использовать данный сайт и информация размещенную на нем (сайте/странице), немедленно покиньте данный сайт. В случае нарушения любого пункта перечисленного выше, штраф 55! (Пятьдесят пять факториал, Денежную единицу (имеющую самостоятельную стоимость) можете выбрать самостоятельно, выплаичвается товарами в течение 7 дней с момента нарушения.)