Web-дизайн и иконка гамбургер.

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

LOQQ

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

Обратим внимание на существенный минус, который нарушает главный принцип веб-дизайна, а именно простота навигации на  web-сайте
Нажав «гамбургер» мы выполняем лишнее действие, хотя могли бы сразу же нажать на нужный нам пункт меню. Разработка сайта всегда ведется с прицелом на то, чтобы сократить действие пользователя до трех кликов, разумеется там где это возможно. Используя нынче, весьма, модный элемент веб-дизайна, мы уходим от одной проблемы, неизбежно попадая в острые лапы другой, под названием — неэффективная навигация. 

hamburger_318-11761

Рассуждаем мы о минусах и неудобстве сей пресловутой иконки, но так или иначе, мы задаемся вопросом — почему же она так популярна и узнаваема? Не так страшен «гамбургер» как мы его описали чуть выше, в нем есть и свои плюсы. Первый самый жирный плюс — это экономия пространства, ведь все мы ограничены количеством пикселей на нашем экране и разработчики, и создатели веб-дизайна прекрасно это понимают. Пожалуй, самое меньшинство имеет в своем распоряжении экраны более 21″, хотя разрабатывают шедевры дизайна именно на крупных дисплеях. Так вот, возвращаясь к теме экономии места на экране, мы не можем не отметить удобство использования иконки «гамбургера» в web-дизайне. Иконка с легкостью скрывает за собой сложное и объемное меню. 

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