Проблема использования значка — гамбургера в веб дизайне

Разместил / Просмотров: 1 776 / комментария 2

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

Значок — гамбургер легко масштабируемый, и он красиво и чётко прорисовывается в пиксельной сетке. Также подобный значок правильно подходит по смыслу обозначения меню, так как навигация состоит из списка.

В общем в чём же проблема данного гамбургера? Давайте попробуем подробно разобраться в этом вопросе. И вообще стоит ли использовать данную иконку в обозначении меню на сайте.

Проблема значка

Есть множество дизайнеров, которые сомневаются в ценности и донесении смысла пользователю самой иконки — гамбургера. Подобный значок начали использовать так как он в стиле IOS, хотя он был в бесплатном доступе до того как его начала использовать Apple.

Существует множество противоречий по поводу того, что значок — гамбургер это правильное решение в обозначении меню на сайте. Дизайнеры утверждают, что иконка легко узнаётся младшим поколением аудитории, другие полагают, что и старшее поколение его легко воспринимает если оно грамотное в плане веб технологий. Единственный вывод, который мы можем сделать из этих данных, это то, что все тесты по использованию значка аудиторией оказались безрезультатными, плюс было и множество противоречивых результатов.

Значок Гамбургер — больше проблем

Помимо конструкции самого значка, в его использовании присутствует ряд проблем.

Первая, и, наверное, самая важная проблема в том, что Значок Гамбургер добавляет Вашей навигации дополнительное действие. Чтобы добраться до нужного пункта меню, пользователю нужно сделать ещё один лишний щелчок. Правило для всех дизайнеров это ход к целевой страницы пользователя не более чем в 3 клика. А вот Гамбургер этому правилу противоречит. Вы можете использовать слово «Меню» вместо значка, но вот проблема останется и никуда не денется.

Техника Гамбургера также скрывает всё содержимое навигации. И, всё же, значок закрывает часть Вашего сайта, который изначально не видео, если только не нажать на иконку. Ну а пользователь может и не всегда воспользоваться значком, а иногда просто и не увидит его, хотя последнее очень сильно зависит от мастерства дизайнера.

Что хорошего в значке — гамбургере?

Учитывая то, что данную иконку ненавидят и она приносит много проблем дизайнеру, почему же её используют очень часто в дизайне?

В настоящее время данный значок хорош тем, что он легко узнаваем, пользователи всё же «продвинутые», он часто где используется, мобильные девайсы не исключение, по этому пользователь уже интуитивно знает за что гамбургер отвечает.

На самом деле иконка ссылка более узнаваема и кликабельна чем слово «Меню» хотя казалось бы на оборот.

Самое главное значок делает то, что он должен делать: а именно он экономит массу места, таким образом появляется больше возможностей для дизайнера. Не стоит думать, что значёк решает все проблемы с навигацией в дизайне, он просто решает эту проблему так же хорошо как и другие решения.

Корень проблемы

Те дизайнеры, которые не любят использовать данный значок используют как правило слово «Меню», но при этом всё же уместнее смотрится иконка чем слово, особенно на маленьких разрешениях. Так же дизайнеры очень часто не понимают самой сути проблемы, это скрытие части контента от глаз аудитории, что, конечно же, не есть хорошим тоном.

Лучшее решение

Если Вы не знаете использовать иконку — гамбургер или нет, знайте, что в лучшем случае она будет исполнять свою задачу на мобильных устройствах, так как всё меню тяжело вместить на малые разрешения.

Отличным примером является приложение от Facebook, самый лучший пример использование гамбургера, к тому же интуитивно понятное. Так же Facebook недавно сделали ещё одно отличное приложение — Messenger. Сразу возникает вопрос, почему не объединить эти два приложения? Это решение было принято из за удаления иконки гамбургера, а так же упрощения навигации в основном приложении. Мне кажется, что это очень удачное и правильное решение.

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

Огромное спасибо http://www.webdesignerdepot.com

  • Oks

    Статья, конечно, хорошая. Но как можно было допустить столько ошибок?

  • Здравствуйте, где именно?