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

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

Історія

Іконка була придумана дизайнером Нормом Коксом для першого у світі комп'ютера з графічним інтерфейсом користувача Xerox Star, що вийшов в 1981 році. За його словами, він хотів створити просте, чітке, функціонально запам'ятовуєме зображення, яке було б схоже на список.

У дещо іншому вигляді (верхня риска довше і товще — імітація виділеного пункту) іконка була частиною фірмового стилю телефонів Motorola. Одна з кнопок телефону була позначена знаком меню; якщо ця кнопка працює, знак зображувався в середині статус-рядка.

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

Критика

Деякі дизайнери критикують використання іконки «гамбургер» для відображення кнопки меню і радять знайти їй заміну, так як вважають, що не для всіх користувачів інтуїтивно зрозуміло таке значення іконки, через що вони не потрапляють на сторінки з меню і не можуть знайти цікаву для них інформацію^[7]^[8]. Проведені A/B-тестування показали, що заміна цієї іконки, наприклад, на слово «menu», підвищує впізнаваність і ефективність^[9]^[10].

Інша група фахівців вважає, що через перебування іконки постійно на очах у користувачів, до неї з часом все більше звикають, і вона поступово стає невід'ємною частиною візуальної середовища^[11], а експеримент, проведений дизайнерами мобільного додатка сервісу Booking.com, показав, що заміна іконки на слово «menu» не зробила істотного впливу на поведінку користувачів, і «гамбургер» настільки ж ефективний і зрозумілий, як і кнопка з текстовим описом.

У телефонах Motorola
Іконки, які використовуються в додатках Spotify, BBC News, Amex, BBC Sport, T-Mobile, Now TV
«Гамбургер» в браузері Google Chrome
«Гамбургер» в мобільному додатку Вікіпедії

Примітки

↑ Концаренко Філіп. Чому всі використовують іконку «гамбургер» і звідки вона з'явилася. Архів оригіналу за 8 квітня 2016. Процитовано 26 вересня 2016.
↑ Michel Ferreira (23 вересня 2014). Would you like fries with that? (англ.). Booking.com. Архів оригіналу за 25 серпня 2016. Процитовано 19 серпня 2016.
↑ Наталія Кудрявцева (10 лютого 2015). Як «гамбургер» став найпопулярнішою іконкою меню. Look At Me. Архів оригіналу за 24 квітня 2015. Процитовано 19 серпня 2016.
↑ Libby Bawcombe (27 серпня 2014). The Hamburger Menu-Icon Debate (англ.). The Atlantic. Архів оригіналу за 22 березня 2016. Процитовано 19 серпня 2016.
↑ Hamburger icon: How these three lines mystify most people (англ.). BBC News. 16 травня 2015. Архів оригіналу за 20 серпня 2016. Процитовано 19 серпня 2016.
↑ Home Page. Time. Архів оригіналу за 27 серпня 2016. Процитовано 22 серпня 2016.
↑ Josh Constine (24 травня 2014). Kill The Hamburger Button (англ.). TechCrunch. Архів оригіналу за 19 серпня 2016. Процитовано 2016-08 -19.
↑ Morten Rand-Hendriksen (12 березня 2014). The Hamburger is Bad for You (англ.). MOR10.COM. Архів / оригіналу за 10 червня 2016. Процитовано 19 серпня 2016.
↑ Hamburger vs Menu: The Final AB Test (англ.). exis. 24 травня 2014. Архів оригіналу за 2 червня 2016. Процитовано 2016-08- 19.
↑ Why and How to Avoid Hamburger Menus (англ.). lmjabreu.com. 2014-05- 14. Архів оригіналу за 27 травня 2016. Процитовано 19 серпня 2016.
↑ Ольга Шишкова (16 березня 2016). "Це палиця з двома кінцями». VC.ru. Архів оригіналу за 16 березня 2016. Процитовано 26 вересня 2016.