Когда лучше использовать Меню Гамбургер?

Меню гамбургер – это иконка с тремя горизонтальными линиями (две булочки и котлета в середине), которая используется для обозначения меню. Клик/нажатие на иконку открывает навигацию.

Огромное количество постов было написано про гамбургер меню, в основном дизайнерами, которые выступают против него. Если вы всё пропустили, то почитайте статью Hidden Navigation Hurt UX Metrics, написанную NNGroup. В целом, она не о самой иконке, а о скрытии навигации за иконкой. 

Однако, в некоторых случаях гамбургер меню может стать хорошим решением.

Гамбургер в роли Второстепенной навигации

Так как главным недостатком такого меню является его незаметность, оно не рекомендуется к использованию в качестве основного. Однако, при разработке второстепенной навигации эта модель может стать подходящим решением. Если основная навигация представляет собой Call to Action кнопки на экране (или нечто подобное), то гамбургер меню может стать неплохим местом для второстепенной навигации.

Посмотрите на главный экран Uber’а в качестве примера:

Карта и поиск — самые главные элементы навигации на экране, поэтому они всегда видны.

Так как всё на главном экране предназначено для вызова такси, такие второстепенные опции как “История” и “Настройки” могут быть скрыты за “гамбургером” (эти функции вряд ли будут регулярно использоваться пользователем приложения). Иконка гамбургер не отвлекает пользователей от основной задачи и все равно предоставляет доступ к дополнительным функциям.

В этом случае:

Меньше навигационных элементов означает меньшее количество отвлекающих факторов, когда пользователи взаимодействуют с приложением. Минимизация навигации фокусирует внимание пользователя на выполнении задачи.

В общем, если вы решаете, использовать гамбургер или нет, то вспомните “правило 80%”. Функции, которые вы собираетесь поместить за иконку гамбургера, используются реже чем в 80% обычного использования? Если ответ положительный, то добавлять их в меню вполне нормально.

Заключение

В то время как скрытая навигация очень часто вредит пользователю, любое дизайнерское решение должно быть рассмотрено в контексте целей приложения. Иными словами, не существует “хороших” или “плохих” решений. Важнее всего контекст.

Перевод статьи When To Use a Hamburger Menu