For faster navigation, this Iframe is preloading the Wikiwand page for Гамбургер (иконка).

Гамбургер (иконка)

Материал из Википедии — свободной энциклопедии

Иконка «гамбургер»

«Гамбургер» — устоявшееся название иконки[1][2], состоящей из трёх параллельных горизонтальных линий, символизирующих список меню. В начале 2010-х годов она стала стандартом изображения кнопки меню в графическом пользовательском интерфейсе[1][2][3][4]. Название «гамбургер» произошло из-за того, что три линии иконки напоминают три слоя гамбургера.

Иконка была придумана дизайнером Нормом Коксом для системы Xerox Star[англ.], вышедшей в 1981 году[1]. По его словам, он хотел создать простое, чёткое, функционально запоминающееся изображение, которое было бы похоже на список[1].

Новое рождение иконка получила в конце 2000-х годов, когда она начала использоваться в интерфейсах приложений для мобильных устройств[1]. Наиболее популярна она стала после того, как появилась в приложении Facebook для iPhone в 2010 году[1][5]. В настоящее время иконка встречается в большом количестве приложений (VK, Uber, HeadHunter и других), программ и сайтов (Time.com[6]), и является стандартом индустрии для отображения кнопки меню навигации[1].

Некоторые дизайнеры критикуют использование иконки «гамбургер» для отображения кнопки меню и советуют найти ей замену, так как считают, что не для всех пользователей интуитивно понятно такое значение иконки, из-за чего они не попадают на страницы с меню и не могут найти интересующую их информацию[1][4][7][8]. Проведённые A/B-тестирования показали, что замена этой иконки, например, на слово «menu», повышает узнаваемость и эффективность[5][9][10].

Другая группа специалистов считает, что из-за нахождения иконки постоянно на виду у пользователей, к ней со временем всё больше привыкают, и она постепенно становится неотъемлемой частью визуальной среды[11], а эксперимент, проведённый дизайнерами мобильного приложения сервиса Booking.com, показал, что замена иконки на слово «menu» не оказала существенного влияния на поведение пользователей, и «гамбургер» столь же эффективен и понятен, как и кнопка с текстовым описанием[2].

Примечания

[править | править код]
  1. 1 2 3 4 5 6 7 8 Концаренко Филипп. Почему все используют иконку «гамбургер» и откуда она появилась. VC.ru (17 ноября 2014). Дата обращения: 19 августа 2016. Архивировано 8 апреля 2016 года.
  2. 1 2 3 Michel Ferreira. Would you like fries with that? (англ.). Booking.com (23 сентября 2014). Дата обращения: 19 августа 2016. Архивировано 25 августа 2016 года.
  3. Наталия Кудрявцева. Как «гамбургер» стал самой популярной иконкой меню. Look At Me (10 февраля 2015). Дата обращения: 19 августа 2016. Архивировано 24 апреля 2015 года.
  4. 1 2 Libby Bawcombe. The Hamburger Menu-Icon Debate (англ.). The Atlantic (27 августа 2014). Дата обращения: 19 августа 2016. Архивировано 22 марта 2016 года.
  5. 1 2 Hamburger icon: How these three lines mystify most people (англ.). BBC News (16 мая 2015). Дата обращения: 19 августа 2016. Архивировано 20 августа 2016 года.
  6. Home Page. Time. Дата обращения: 22 августа 2016. Архивировано 27 августа 2016 года.
  7. Josh Constine. Kill The Hamburger Button (англ.). TechCrunch (24 мая 2014). Дата обращения: 19 августа 2016. Архивировано 19 августа 2016 года.
  8. Morten Rand-Hendriksen. The Hamburger is Bad for You (англ.). MOR10.COM (12 марта 2014). Дата обращения: 19 августа 2016. Архивировано 10 июня 2016 года.
  9. Hamburger vs Menu: The Final AB Test (англ.). exis (24 мая 2014). Дата обращения: 19 августа 2016. Архивировано 2 июня 2016 года.
  10. Why and How to Avoid Hamburger Menus (англ.). lmjabreu.com (14 мая 2014). Дата обращения: 19 августа 2016. Архивировано 27 мая 2016 года.
  11. Ольга Шишкова. «Это палка о двух концах». VC.ru (16 марта 2016). Дата обращения: 19 августа 2016. Архивировано 16 марта 2016 года.
Эта статья входит в число добротных статей русскоязычного раздела Википедии.
{{bottomLinkPreText}} {{bottomLinkText}}
Гамбургер (иконка)
Listen to this article

This browser is not supported by Wikiwand :(
Wikiwand requires a browser with modern capabilities in order to provide you with the best reading experience.
Please download and use one of the following browsers:

This article was just edited, click to reload
This article has been deleted on Wikipedia (Why?)

Back to homepage

Please click Add in the dialog above
Please click Allow in the top-left corner,
then click Install Now in the dialog
Please click Open in the download dialog,
then click Install
Please click the "Downloads" icon in the Safari toolbar, open the first download in the list,
then click Install
{{::$root.activation.text}}

Install Wikiwand

Install on Chrome Install on Firefox
Don't forget to rate us

Tell your friends about Wikiwand!

Gmail Facebook Twitter Link

Enjoying Wikiwand?

Tell your friends and spread the love:
Share on Gmail Share on Facebook Share on Twitter Share on Buffer

Our magic isn't perfect

You can help our automatic cover photo selection by reporting an unsuitable photo.

This photo is visually disturbing This photo is not a good choice

Thank you for helping!


Your input will affect cover photo selection, along with input from other users.

X

Get ready for Wikiwand 2.0 🎉! the new version arrives on September 1st! Don't want to wait?