Значок меню з 3 рядків: Що таке меню гамбургера?

Зміст:

Anonim

Що робити, якщо я сказав вам, що в них веб-сайти та смартфони? Ви, напевно, думаєте, що я повністю втратив її після того, як зійшов зі своїх ліків. Але це абсолютно вірно, я вас не малюю.

Коли ви відкриваєте програму на своєму смартфоні або на деяких веб-сайтах сьогодні, ви можете дивитися на гамбургер - піктограму меню гамбургера.

Що таке меню гамбургера?

Меню гамбургерів (яке не поширюється на побічний фрі) - це три горизонтальні лінії, які ви бачите на верхній частині багатьох екранів, або на крайньому лівому або крайньому правому куті.

$config[code] not found

Насправді це ікона.

Торкнувшись, торкнувшись або натиснувши на іконку, вона відкриє бічне меню з вибором опцій або додаткових сторінок.

Деякі розробники люблять піктограму меню "Гамбургер 3", тому що вона дозволяє їм упакувати більше можливостей у свої програми або навігацію. Крихітна піктограма займає мінімальну кількість нерухомості на екрані. Це надає програмі чи сайту чистий мінімалістичний вигляд.

Користувачу програми або відвідувачеві веб-сайту досить легко натиснути кнопку, щоб пересунути меню.

Або ви можете подумати.

Проте інші розробники та деякі користувачі абсолютно ненавидять піктограму меню гамбургера або просто здивовані ним. Чому? Тому що для всіх користувачів не очевидно, що три рядки дійсно є іконкою меню, і не повідомляє користувачам, що там знаходиться.

Хто «винайшов» значок меню гамбургера?

Винахідник за іконкою меню гамбургера - людина на ім'я Норкс Кокс. Він зробив значок бургера для Xerox Star, який був першим у світі графічним інтерфейсом користувача. Це було більше трьох десятиліть тому.

Потім, однак, ікона зробила зниклий акт.

Лише відносно недавно піктограма меню з трьох рядків почала пробиратися назад, з появою мобільних пристроїв.

Наприклад, у 2008 році він з'явився в програмі Twitter, Tweetie. Потім у 2009 році він з'явився в програмі Voice Memos для iPhone 3GS.

«Я маю прикидати всю увагу, що останнім часом стає маленьким символом« гамбургер », - сказав Кокс в інтерв'ю« Тенденціям малого бізнесу ».

"До дев'яти місяців тому я не думав про" крапельницю в моєму дизайнерському кар'єрі "вже більше 30 років!"

"Розглянуто лише кілька символів", - додав Кокс. «Одним символом була стрілка вниз у формі трикутника, що представляє напрямок, у якому з'явиться отримане меню. Ми вирішили, що цей символ часто трактується як покажчик. Ми думали про використання символу зірочки (*) або символу плюс (+), але вони здавалися занадто абстрактними. "

Кокс сказав, що зображення трьох рядків гамбургера виявилося правильним. Цей символ був візуально простий, легко пояснювався і функціонально запам'ятовувався. Три лінії були ідеальним числом, - додав Кокс.

Які веб-сайти чи програми використовують цю ганебну піктограму меню гамбургера?

Деякі з найвідоміших імен, які використовують значок гамбургер у своїх додатках, включають Gmail, Facebook, Reeder, Twitter і Starbucks.

А тепер веб-сайти та веб-переглядачі також прийняли піктограму 3 рядків. Браузери Chrome і Firefox є прикладом цього, використовуючи меню у верхньому правому куті. Меню гамбургера приховує всі опції, налаштування та розширення. Іконка світиться помаранчевим кольором, коли щось у браузері має бути виправлено або оновлено.

Time.com - приклад основного веб-сайту, який використовує меню гамбургер - у цьому випадку в лівому верхньому кутку. Якщо натиснути на значок 3-го рядка, з'явиться слайд-лист з додатковими посиланнями на вміст.

Деякі експерти відзначають, що функції меню гамбургерів практично не використовуються.

Перш за все, багато людей ще не зрозуміли, що 3 горизонтальні лінії є іконою меню, а не просто зображенням.

По-друге, значок гамбургера надає інформацію в прихованому меню «поза полем зору, без розуму». Якщо вони насправді не натиснуть або не торкнуться піктограми меню з трьох рядків, вони не бачать там вибору.

Дійсно, у випадку з Time.com під піктограмою потрібно було додати слово "меню", щоб зробити його більш очевидним, що таке символ.

Залежно від менш гамбургер меню

Різні розробники висловили своє невдоволення значком гамбургера та його недоліками.

Деякі відмовляються використовувати ікону, незважаючи на свою тенденцію.

Але найбільш гучна компанія, яка зробила зміни - Facebook. Щоб бути абсолютно ясним, Facebook ніколи не публічно заявляв, що хоче повністю позбутися його. Але Facebook виводить деякі з мобільних функцій, які раніше були приховані за іконкою гамбургера.

Тепер вони відображаються в горизонтальній смузі внизу екрану, що називається панеллю вкладок.

Нижній рядок вкладки займає трохи більше нерухомості на екрані, але це робить деякі функції більш очевидними.

Ми розмовляли з Mrinal Desai хто є CEO та Co-Засновник Addappt. Він був також за Crossloop, віддаленим технологічним додатком, котрий в кінцевому підсумку був проданий AVG Anti-Virus.

«Меню гамбургерів не є для налаштувань», - сказав Десай, розмовляючи з «Тенденціями малого бізнесу». "Це майже як" більше ", або можна навіть думати про нього як про альтернативу" панелі вкладок ". Рідко бачити обидві, але ми в Addappt досліджували це з прототипом, але в кінцевому підсумку вирішили піти по маршруту "панель вкладок". "

«Ці рішення часто залежать від мети програми. Значок гамбургера має тенденцію до відкидання функцій, тоді як панель вкладок робить їх більш очевидними », - додав Десай.

Гамбургер ікона Творця отримує останнє слово

Так що ви повинні використовувати значок меню гамбургер у вашому власному веб-сайті, мобільній темі або додатку?

Оригінальний розробник ікони повинен отримати останнє слово, як нам здається.

"Довговічність символу (з 1980-х років) є свідченням його простоти, корисності, можливості вивчення та запам'ятовування", - сказав Кокс, коли його запитали про дзвінки, щоб вбити значок гамбургера.

"Щоб намагатися" вбити "або" скасувати "інструмент інтерфейсу користувача або віджет, який базується на поганому використанні або впровадженні, він є дещо короткозорим і надмірно реактивним."

Гамбургер, червоний значок Фотографії через Shutterstock

Більше в: Що ви не знали, що таке 3 Коментарі ▼