Является ли использование кнопки гамбургера в дизайне материалов Google примером плохого пользовательского опыта?

Я постоянно встречал многочисленные проблемы с кнопкой гамбургера, например:

  1. Люди склонны показывать с ними много вариантов.
  2. Для изменения разделов требуется не менее двух раз подряд.
  3. Кнопка Hamburger также не очень узнаваема как кнопка меню для старшего поколения.
  4. Меню гамбургеров ужасно иллюстрирует, где вы находитесь, и куда еще вы можете пойти.

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

Изменить: защитите свои ответы примерами, а щедрость будет вашей. Спасибо!

PS: Я говорю конкретно о мобильных приложениях, а не о мобильных веб-сайтах.

11 голосов | спросил steve 27 +03002014-10-27T13:18:59+03:00312014bEurope/MoscowMon, 27 Oct 2014 13:18:59 +0300 2014, 13:18:59

7 ответов


12

Во-первых, я предпочитаю называть его «navicon», помогает избежать проблем с голодом в рабочее время.

Во-вторых, не все ваши точки на самом деле о значке гамбургера (3 и 4). Другие - больше о навигационном ящике в целом.

В любом случае, давайте начнем ..

  1. Люди склонны показывать с ними много вариантов.

    Множество опций не будет проблемой, если важные из них высоки и выше складки.

    Пример:

    Google Inbox - ящик для навигации http://i.picresize.com /images/2014/12/17/j9z4.png

    Все важные ярлыки высоки (вы даже можете выбрать, какие из них важнее) и разделяются разделителями. Настройки и Справка & Обратная связь также исправлена.

  2. Для изменения разделов требуется по крайней мере вдвое больше кранов.

    Я не совсем уверен, что вы подразумеваете под этим, но я предполагаю, что вы имеете в виду:

    • нажмите 1: открыть меню
    • нажмите 2: выберите пункт меню

    Как еще вы решили это?

    • Выпадающее меню вверху: 2 крана
    • Меню вверху: 1 нажатие, много прокрутки, чтобы перейти к контенту
    • Меню внизу: 1 коснитесь, много прокрутки, чтобы перейти в меню

    Лучшее решение (imo) - это навигационный ящик. Не мешает вам, когда вам это не нужно, и всплывает, когда вы это делаете.

  3. Кнопка гамбургера также не очень узнаваема как кнопка меню для старшего поколения.

    Я прошу разницы. Были исследования (ваш друг Google), которые доказывают, что он является одним из самых узнаваемых значков для меню (в общем).

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

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

    Если вы хотите отслеживать движения пользователя, используйте панировочные сухари.

    Для «Куда я могу пойти?»: использование сменных панелей (прозрачность против кранов), разделители и /или отступы могут дать вам долгий путь.

ответил Vince Caregnato 17 WedEurope/Moscow2014-12-17T18:03:56+03:00Europe/Moscow12bEurope/MoscowWed, 17 Dec 2014 18:03:56 +0300 2014, 18:03:56
4
  1. Это не обязательно проблема со скрытым меню, возможно, более информационная архитектура сайта.

  2. Это может быть не так важно, как мы думали ранее, с «правилом трех кликов» - http://uxmyths.com/post/654026581/myth-all-pages-should-be-accessible-in-3-clicks

  3. Значок гамбургера начинает становиться узнаваемым, этот вопрос полезен - Было ли установлено, что« три горизонтальные полосы »для главного меню на мобильном телефоне понятны?

Лично я все еще поддерживаю его словом «Меню», чтобы усилить или помочь определить, что означает значок.

  1. Я бы предпочел полагаться на сухари для этого.

EDIT:

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

Также в этой статье о приложении zeebox , хотя и не уверен, что результаты будут прежними.

ответил Stephen Keable 27 +03002014-10-27T16:30:59+03:00312014bEurope/MoscowMon, 27 Oct 2014 16:30:59 +0300 2014, 16:30:59
2

Краткий экскурс в историю этого символа: он был разработан Norm Cox для консоли Xerox Star в 1981 году. http://gizmodo.com/who-designed-the-iconic-hamburger -icon-1555438787

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

Ваши вопросы:

1. Люди склонны показывать с ними много вариантов.

Да, поскольку его функциональность является контекстуальной.

2.

Для изменения разделов требуется по крайней мере вдвое больше кранов.

Я не уверен, в каком случае вы имели в виду здесь.

3. Кнопка Hamburger также не очень узнаваема как кнопка меню для старшего поколения.

Пожилые поколения стремятся бороться со многими вещами.

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

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

Все сказанное, я полагаюсь на гамбургер только в том случае, если моя TA хотя бы частично свободна от интернета, иначе я бы добавил к ней ярлык. http://www.creativebloq.com/mobile/10 -Мобильное-поведение-и-проектирование-их-81412606

ответил Zoe K 17 WedEurope/Moscow2014-12-17T17:03:59+03:00Europe/Moscow12bEurope/MoscowWed, 17 Dec 2014 17:03:59 +0300 2014, 17:03:59
1

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

Хороший пример приложения, которое делает? Chrome, поскольку он имеет 14 функций, встроенных в одно меню. Для такого приложения, как Chrome, где есть тонна функциональности, но 99% пользователей должны получать ровно 1% от них ежедневно в среднем, этот набор действий не нужен. За исключением случаев, когда это не так.

Меню переполнения YouTube отличается тем, что на самом деле это не меню переполнения (хотя он использует глупый гамбургер, вероятно, потому что он узнаваем). Но доступ к нему отличается; либо нажмите кнопку, либо проведите пальцем по экрану вправо. Многие приложения делают различие для выбора параметров переполнения, как правило, на главной странице (на iOS, используя салфетки для возврата назад, на Android функцию меню левой боковой панели). Это хорошее применение, потому что они предназначены для переполнения.

Итак, что такое переполнение? Это все опции /функции, которые может понадобиться пользователю приложения, потому что это важно, но в большинстве случаев этого не будет. Функции с несколькими, но жизненно важными случаями использования. Если это новое, небольшое мобильное приложение, ему почти наверняка не нужно меню переполнения. Если это почти любое настольное приложение, то, скорее всего, он встроен и распространяется через меню File, Edit, View и т. Д., В основном встроенные в настольные UX, благодаря Microsoft и Apple.

Google не убивает дизайн, потому что Google любит функциональность. Google - компания «все еще в бета». Поэтому новые функции и функции добавляются, а не редактируются, потому что большинство людей им не нужны, как Apple. Поэтому у Google есть их в приложениях, которые в них нуждаются, и им удается соответствовать почти каждой функции, которую может иметь приложение. Ура!

ответил Jamezrp 27 +03002014-10-27T22:48:23+03:00312014bEurope/MoscowMon, 27 Oct 2014 22:48:23 +0300 2014, 22:48:23
0

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

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

В два раза больше кранов против чего? Если вы имеете в виду меню рабочего стола, в котором есть «да» и «нет», в зависимости от этого у него есть выпадающие списки и т. Д.

ответил Evan 27 +03002014-10-27T14:36:37+03:00312014bEurope/MoscowMon, 27 Oct 2014 14:36:37 +0300 2014, 14:36:37
0

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

  • может разумно установить парадигмы, что пользователи будут ожидать обучения
  • способность единого подхода к масштабированию для больших и /или сложных требований к навигации означает, что большее количество приложений может вписываться в согласованный дизайн
  • Четкое разделение навигации /первичной задачи /вторичной задачи последовательно для всех приложений на платформе будет в значительной степени выгодным UX, за исключением одного дополнительного клика в некоторых случаях
  • другие части спецификации обрабатывают требования UX, такие как текущий местоположение
ответил Jason A. 29 +03002014-10-29T00:16:30+03:00312014bEurope/MoscowWed, 29 Oct 2014 00:16:30 +0300 2014, 00:16:30
0

Меню в целом, скорее всего, уменьшают вовлеченность содержимого внутри него.

Если ваши навигационные элементы скрыты из виду, они, скорее всего, сходят с ума.

Если взаимодействие имеет решающее значение для вашей навигации, используйте вкладки (до 5). Более 5 вкладок достойно используют меню и их значки.

ответил Mike Milla 15 TueEurope/Moscow2015-12-15T21:50:29+03:00Europe/Moscow12bEurope/MoscowTue, 15 Dec 2015 21:50:29 +0300 2015, 21:50:29

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132