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

У Вікіпедії є статті про інші значення цього терміна: Гамбургер (значення).

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

Іконка «гамбургер»

Історія

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

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

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

Критика

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

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

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

Примітки

1. Концаренко Філіп. . Архів оригіналу за 8 квітня 2016. Процитовано 26 вересня 2016.
2. Michel Ferreira (23 вересня 2014). (англ.). Booking.com. Архів оригіналу за 25 серпня 2016. Процитовано 19 серпня 2016.
3. Наталія Кудрявцева (10 лютого 2015). Як «гамбургер» став найпопулярнішою іконкою меню. . оригіналу за 24 квітня 2015. Процитовано 19 серпня 2016.
4. Libby Bawcombe (27 серпня 2014). (англ.). The Atlantic. Архів оригіналу за 22 березня 2016. Процитовано 19 серпня 2016.
5. (англ.). BBC News. 16 травня 2015. Архів оригіналу за 20 серпня 2016. Процитовано 19 серпня 2016.
6. . Time. Архів оригіналу за 27 серпня 2016. Процитовано 22 серпня 2016.
7. Josh Constine (24 травня 2014). (англ.). TechCrunch. Архів оригіналу за 19 серпня 2016. Процитовано 2016-08 -19.
8. Morten Rand-Hendriksen (12 березня 2014). (англ.). MOR10.COM. Архів / оригіналу за 10 червня 2016. Процитовано 19 серпня 2016.
9. (англ.). 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). . . Архів оригіналу за 16 березня 2016. Процитовано 26 вересня 2016.

Посилання

• Іконка «гамбургер» на відео-демонстрації інтерфейсу Xerox Star, 1981 [ 8 травня 2022 у Wayback Machine.]
• Інтерв'ю у творця іконки «гамбургер» Норма Кокса про історію ікони [ 16 березня 2016 у Wayback Machine.]