Что такое кнопка гамбургера и как ее использовать?

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

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

Итак, откуда взялось это название и почему оно используется? Давайте разберемся.

Происхождение кнопки гамбургера

Кнопка гамбургера существует с 1980-х годов. Название происходит от дизайна: три жирные горизонтальные линии, напоминающие гамбургер. Кнопка гамбургера, также известная как значок складного меню, была создана Нормом Коксом как часть пользовательского интерфейса для Xerox Star, одного из первые современные коммерческие персональные компьютеры.

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

Что сделало икону гамбургера популярной?

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

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

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

Для чего используется значок гамбургера?

Как упоминалось выше, дизайн значка объясняет его первоначальное назначение. Эта цель почти такая же сегодня.

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

Вот пример значка гамбургера, который используется в приложении Samsung Galaxy Store. Нажав на значок в верхнем левом углу, вы можете получить доступ к различным параметрам меню.

Галерея изображений (2 изображения) Расширять Расширять Закрывать

Когда люди используют новые приложения, может быть трудно интерпретировать различные значки на экране. Самым большим преимуществом значка гамбургера является то, что его мгновенно узнает любой, кто знаком с мобильным дизайном. Значок широко распространен, что позволяет легко интерпретировать его без объяснения причин.

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

Связанный: Как установить пользовательские значки для приложений на Android

Как мы видели, кнопка гамбургера предлагает множество преимуществ, таких как простота навигации и чистый пользовательский интерфейс. Однако в нем есть несколько недостатков, которые заставили разработчиков приложений отойти и рассмотреть альтернативы.

инструмент для восстановления программного обеспечения для windows 10

Поскольку телефоны все время получают большие дисплеи, становится все труднее добраться до мест, где обычно находится кнопка гамбургера. Это делает взаимодействие с пользователем менее увлекательным, а использование приложений - менее комфортным.

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

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

Альтернативы Hamburger Icon

Панели навигации стали более популярным и эффективным способом организации кнопок меню. Вместо того, чтобы скрывать важные функции за значком меню, панель навигации размещает несколько значков на главном экране.

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

В качестве одного примера, магазин Google Play упростил свой интерфейс, переработав его с помощью панели навигации. Эта панель внизу демонстрирует важные функции. Чтобы получить доступ к другим параметрам, вы нажимаете на значок своего профиля в правом верхнем углу.

Галерея изображений (2 изображения) Расширять Расширять Закрывать

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

Связанный: Как получить цветную панель навигации на Android без рута

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

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

Facebook - популярный пример этого. На панели навигации вы можете нажать на гамбургер-меню, чтобы получить доступ ко всем остальным его функциям.

Будущее иконы гамбургеров

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

Но из-за некоторых недостатков значка бургера многие популярные приложения, включая Google Play Store, Instagram и Twitter, начали использовать панель навигации. Панель навигации может служить лучшей альтернативой значку гамбургера, но она еще не полностью интегрирована в каждое приложение. В результате мы по-прежнему будем видеть, что значок гамбургера используется регулярно в течение некоторого времени.

Значок гамбургера не идеален, но его можно улучшить, объединив с альтернативными элементами навигации. Важно убедиться, что любые инструменты, используемые приложениями, понятны пользователям.

Делиться Делиться Твитнуть Эл. адрес Иконки и символы Facebook Messenger: что они означают?

В котором мы объясняем, что означают все значки и символы Facebook Messenger и как их правильно использовать.

Читать далее Похожие темы

Объяснение технологии
Android
Android
Дизайн
Терминология

Об авторе Шрия Дешпанде(Опубликовано 9 статей)

Шрия - технический энтузиаст, которому нравится идти в ногу с последними техническими достижениями. Когда она не пишет о технологиях, вы можете найти ее в путешествии или за чтением ее любимого романа!

Ещё от Shreeya Deshpande

Подписывайтесь на нашу новостную рассылку

Подпишитесь на нашу рассылку технических советов, обзоров, бесплатных электронных книг и эксклюзивных предложений!

Нажмите здесь, чтобы подписаться