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