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

#user-interface #user-controls #hamburger-menu

#пользовательский интерфейс #пользовательские элементы управления #гамбургер-меню

Вопрос:

Что такое «Меню из 3 строк» или «Меню для гамбургеров»?

Чем оно полезно? Какова его цель в приложении или на веб-сайте?

Ответ №1:

Вы также можете увидеть, что меню для гамбургеров называется:

  • Меню хот-дога
  • Меню из трех строк
  • Меню для блинов
  • Меню опций
  • Меню кебаба

Он получает эти названия из-за типичного внешнего вида значка меню:

Источник: https://www.computerhope.com/jargon/h/hamburger-menu.htm

Рис. 1: Значок меню для гамбургеров (выделен красным), как показано в Mozilla Firefox 2017.

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

Пример открытого меню для гамбургеров можно увидеть ниже:

Источник: http://cdn.ilovefreesoftware.com/wp-content/uploads/2014/09/Extra-Browsing-Options.png

Рис. 2: Открытое «всплывающее» меню в стиле гамбургеров, отображаемое в веб-браузере Atlas для Android 2014.

И еще один пример:

Источник: http://media.tumblr.com/a0714a6b9fd605bea3631b5c0e7ff561/tumblr_inline_mw8n4sAc1e1sqe4gp.png

Рис. 3. Открытое меню для гамбургеров в стиле «скольжения», как показано в приложении YouTube для Android 2013.


Цель

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

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

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

Например, взгляните на эту текущую веб-страницу рабочего стола (2017). Вверху вы увидите пункты главного меню: вопросы, задания разработчика, Документация, Теги, пользователи.

Затем, если вы посмотрите направо, увидите меню гамбургеров для второстепенных пунктов меню: Входящие, Достижения, Справка, сайты обмена стеками. Так получилось, что значки уникальны, чтобы было понятнее, что представляет собой список, но самый дальний справа представляет собой продуманную комбинацию типичного значка гамбургера с речевым пузырем.


Ссылки

Ответ №2:

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

Ответ №3:

Что такое меню для гамбургеров?

Меню для гамбургеров (которое не поставляется с гарниром из картофеля фри) — это три горизонтальные линии, которые вы видите сейчас в верхней части многих экранов, либо в крайнем левом, либо в крайнем правом углу.

В реальном случае это был значок.

Использование меню для гамбургеров :

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

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

Ответ №4:

Меню для гамбургеров представляет собой изображение из 3 или 4 горизонтальных линий, которое называется hamburger.