Перейти до вмісту

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

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

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

Посилання

[ред. | ред. код]