Чому дизайнерам варто відмовитися від “гамбургер-меню” – 3 причини (Частина 1)

Усі їдять гамбургери. Це один із найпопулярніших продуктів у всьому світі. Не менш відомий “гамбургер” у світі цифрового дизайну.

DesignTalk.club традиційно пропонує вам почитати свіжий цікавий лонгрід про дизайн – українською 😉  Отож, сьогодні до вашої уваги перша частина.

Історія “гамбургер-меню”

Це меню вперше було створене дизайнером Нормом Коксом для компанії Xerox Star. До речі, він також створив іконку документу для того ж самого інтерфейсу. Проте після першої появи в XeroxStar ця іконка на певний час зникла.

Пізніше вона була реінкарнована – після того, як виникла необхідність створення інтерфейсу для значно меншого екрану – у смартфоні, і коли дизайнери мали пристосуватися до 4-дюймового екрану. Незрозуміло, яка саме апка почала використовувати його першим, але “гамбургер-меню” актуальне вже декілька років.

Воно досі використовується у багатьох апках для навігації, незважаючи на те, що ця практика є предметом активних дебатів. Уявіть, навіть така гігантська компанія, як Apple, проти “гамбургер-меню”. Чи ті у кого є iPhone коли-небудь бачили апки авторства Apple, із “гамбургер-меню”?

Пригадую промову Майка Стерна, Apple UX-євангеліста, під час WWDC 2014, яку я переглянув під час дослідження того, чому використання “гамбургер-меню” у апках – це погана ідея. Він приділив достатньо часу на детальний опис того, чому в компанії вважають “гамбургер-меню” неефективним для UX дизайну. Оскільки це була досить довга розмова, я зупинюся на декількох ключових моментах.

“Гамбургер-меню жахливе, тому що воно непомітне на екрані. Є лише кнопка для відображення меню… Воно має показувати – де саме ви знаходитеся і куди звідси можете потрапити”.

Просто прийміть це – “гамбургер-меню” не працює.

Так, це чудове рішення для розташування всієї навігації в одному місці. І саме тому, незважаючи на низьку функціональність, безліч людей досі використовує “гамбургер-меню”. Мінімалізм!

Але чи ви розумієте, що “гамбургер-меню” уповільнює навігацію? Чудовий доказ – Spotify довів, що видалення кнопки навігації збільшило реальне користування навігацією у його сервісах на 30%. YouTube і Facebook також перейшли на меню на табах, що значно покращило юзабіліті.

Йдемо далі

Уявіть, ви розробили мобільний додаток і додали “гамбургер-меню”, аби користувачі активно корустувалися навігацією. У вас, очевидно, вийде щось таке:

Виникає запитання: де на такому екрані розмістити те ж саме лого самої апки?

“Гамбургер-меню” не таке ефективне, як багатьом здається

Де зазвичай розташовують “гамбургер меню”? Правильно – у верхньому лівому куті мобільного додатку або десктоп-версії сайту. Але з кожним роком екрани мобільних телефонів збільшуються, і тому користуватися подібним функціоналом стає все складніше, особливо для “праворуких” користувачів.

Користувач не бачить опцій

Порахуймо: спочатку користувач докладає зусиль, аби знайти навігаційне меню. Потім – аби натиснути на кнопку “гамбургер-меню”. Потім – натиснути ще раз – якщо він знаходить необхідну опцію чи знайде необхідну інформацію. А якщо вони цього не знаходять? Наприклад, чи зручно їм повертатися на крок назад?

Нечітка інформаційна архітектура

Створюючи архітектуру апок або веб-сайту, ви маєте бути орієнтовані на користувача. Приклад деструктивної бесіди з дизайнером:

Ви: Що коли користувач хоче знайти свій акаунт?
Дизайнер: Все просто, він має натиснути на кнопку “гамбургера”, потім на кнопку свого профілю! Там буде вся інформація!

Звучить логічно. Відповідь дизайнера базується на припущенні, що користувач добре знає меню, знає що, де і коли – з першого разу. Але користувачі діють зовсім не так – пам’ятайте про це.

Частіш за все люди віддають перевагу так званому “інформаційному аромату”. Обираючи серед варіантів, вони віддадуть перевагу тому, що інтуїтивно найшвидше наблизить їх до мети. Наприклад, шукаючи свою сторінку на сайті, користувач звертає увагу на такі слова, як “профіль”, “акаунт”, “ім’я” тощо. Не знайшовши потрібної інформації, він починає шукати такі слова, як “зареєструватися”, “увійти” тощо. Він буде шукати, доки не знайде щось подібне.

І саме тому “гамбургер-меню” зовсім не відповідає тому, що користувачі шукають. Адже це – маленька іконка, що з’являється в куточку апки. Вона не містить жодного “інформаційного аромату”. 

2-гу частину читайте ТУТ
(переклад Rizki Rahmat Ridha, з medium.muz.li)

Вам також буде ДУЖЕ цікаво

Вам сподобалося?

Читайте щотижня наші кращі статі про дизайн!

email рассылки

Корисна розсилка!

Все найцікавіше про дизайн і дизайнерів!
А ще свіжі вакансії і трішки гумору)

Ваш email:
email рассылки

Залишити відповідь