Что если я скажу вам, что на сайтах и смартфонах есть гамбургеры? Вы, наверное, думаете, что я полностью потерял его после того, как отказался от своих лекарств. Но это абсолютно верно, я не шучу.
Когда вы открываете приложение на своем смартфоне или на некоторых веб-сайтах сегодня, вы можете посмотреть на гамбургер - значок меню гамбургера, то есть.
Что такое меню гамбургеров?
Меню гамбургера (которое не идет с порядком фри) - это три горизонтальные линии, которые вы видите сейчас в верхней части многих экранов, либо в крайнем левом, либо в крайнем правом.
$config[code] not foundНа самом деле это икона.
Касаясь, касаясь или нажимая на значок, он открывает боковое меню с выбором опций или дополнительных страниц.
Некоторым разработчикам нравится трехстрочный значок меню гамбургера, потому что он позволяет им добавлять больше функций в свои приложения или навигацию. Крошечный значок занимает минимальное количество экранного пространства. Это дает приложению или сайту чистый минималистский вид.
Пользователю приложения или посетителю веб-сайта достаточно просто нажать кнопку, чтобы скользить по меню.
Или вы можете подумать.
Тем не менее, другие разработчики и некоторые пользователи абсолютно ненавидят значок меню гамбургера или просто озадачены им. Зачем? Потому что не всем пользователям очевидно, что три строки на самом деле являются значком меню, и он не говорит пользователям, что там находится.
Кто «изобрел» иконку меню гамбургера?
Изобретатель за значком меню гамбургера - человек по имени Норм Кокс. Он сделал значок гамбургера для Xerox Star, который был первым в мире графическим пользовательским интерфейсом. Это было более трех десятилетий назад.
Впоследствии, однако, икона совершила исчезающий акт.
Только с недавнего времени значок 3-строчного меню начал набирать обороты, с появлением мобильных устройств.
Например, в 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 демонстрирует некоторые мобильные функции, которые ранее были скрыты за иконкой гамбургера.
Теперь они отображаются на горизонтальной панели в нижней части экрана, которая называется панелью вкладок.
Нижняя панель вкладок занимает немного больше места на экране, но делает некоторые функции более очевидными.
Мы поговорили с Мриналом Десаи, который является генеральным директором и соучредителем Addappt. Он также стоял за Crossloop, краудсорсинговым приложением для удаленных технологий, которое в конечном итоге было продано AVG Anti-Virus.
«Меню гамбургеров на самом деле не для настройки», сказал Десай, говоря о тенденциях малого бизнеса. «Это почти как« больше », или можно даже думать об этом как об альтернативе« панели вкладок ». Редко можно увидеть и то и другое, но мы в Addappt исследовали это с помощью прототипа, но в итоге решили пойти по пути «панели вкладок» ».
«Эти решения часто зависят от цели приложения. Значок гамбургера имеет тенденцию отсылать функции, тогда как панель вкладок делает их более очевидными », - добавил Десаи.
Создатель Icon Hamburger получает последнее слово
Так стоит ли использовать значок меню гамбургера на своем веб-сайте, в мобильной теме или приложении?
Мы думаем, что первоначальный разработчик иконки должен получить последнее слово.
«Долговечность символа (с 1980-х годов) является свидетельством его простоты, полезности, обучаемости и запоминаемости», - сказал Кокс, когда его спросили о призывах убить значок гамбургера.
«Стремление« убить »или« отменить »инструмент или виджет пользовательского интерфейса, основанные на плохом использовании или реализации, немного недальновидно и чрезмерно реагирует».
Гамбургер, красный значок фотографии через Shutterstock
Еще в: Вещи, которые вы не знали, что такое 3 комментария ▼
