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