Эта статья входит в число добротных статей

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

Перейти к навигацииПерейти к поиску
Иконка «гамбургер»

«Гамбургер» — устоявшееся название иконки[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 года.

Ссылки