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

Матеріал з Вікіпедії — вільної енциклопедії.
Перейти до: навігація, пошук
Іконка «гамбургер»

«Гамбургер» — усталене назва іконки[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» не зробила істотного впливу на поведінку користувачів, і «гамбургер» настільки ж ефективний і зрозумілий, як і кнопка з текстовим описом.

Примітки[ред.ред. код]

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

Посилання[ред.ред. код]