Что такое гамбургер меню в плей маркете
Google убрала боковое меню в Google Play. Где теперь отменять подписки
Несмотря на то что я не так часто скачиваю новые приложения себе на смартфон, в Google Play я так или иначе захожу. Делаю я это не для того, чтобы поискать что-то новенькое, а, скорее, для того чтобы убедиться, что всё осталось по-старому. С некоторых пор у меня появилась мания проверять, а не подписали ли меня принудительно на какой-нибудь сервис, как это нередко бывает в Google Play, против моей воли. Для этого я захожу в боковое меню, а оттуда открываю раздел с подписками. Но сегодня я его не обнаружил. Разбираемся, в чём дело.
Бокового меню в Google Play больше нет
Обнаружить пропажу не только раздела с подписками, но и бокового меню как такового, мне удалось совершенно случайно. Я просто открыл Google Play, ткнул по привычке в левый верхний угол, где обычно располагалась кнопка из трёх горизонтальных полос, но ничего не произошло. Просто, как оказалось, никакой кнопки там больше не было.
Куда пропало боковое меню в Google Play
Вместо этого я заметил в правом верхнем углу иконку моего профиля Google, после чего на экране тут же появилось системное уведомление. Оно гласило, что теперь все манипуляции по управлению моим аккаунтом, подписками, покупками софта, игр и фильмов и другими действиями будут осуществляться через этот раздел.
Теперь вот этот раздел интерфейса заменяет боковое меню
Чтобы понять, что к чему, я просто нажал на иконку профиля и передо мной открылось всплывающее окно со следующими пунктами:
То есть, как вы понимаете, Google просто отказалась от бокового меню, заменив его вот этим. Получилось немного странно с точки зрения привычки, потому что большинство пользователей по-прежнему будут пытаться вызвать меню сбоку, безуспешно свайпая от левого края экрана и тыкая в левый верхний угол в надежде, что кнопка вызова меню там всё ещё есть, просто почему-то стала невидимой.
Впрочем, на мой взгляд, стало куда удобнее, чем раньше. Я например, терпеть не мог открывать боковое меню нажатием на кнопку из трёх полос. Дело в том, что мне приходилось тянуться к верхнему краю моего 6,5-дюймового экрана, чтобы открыть этот раздел интерфейса. А открывать его по свайпу, когда у вас включено управление жестами, попросту невозможно. Ведь система воспринимала этот жест не как вызов меню, а как возврат назад.
Как отменить подписку в новом Google Play
Таким образом, отныне, чтобы отменить подписку в Google Play, вам придётся действовать по иному пути:
Теперь отменять подписки в Google Play нужно иначе
Вообще, Google Play благодаря иконке профиля, который появился прямо на главной, теперь стал намного удобнее. Больше не нужно задумываться о том, где искать тот или иной раздел, особенно, это касается страницы оплаты. Дело в том, что раньше выбрать карту и уж тем более привязать её к профилю было довольно проблематично – большинство пользователей банально не понимали, где и что искать. А теперь всё сделали более наглядно и удобно.
Google Play Store прощается с гамбургер-меню. Что это значит для пользователей?
Это очень в духе Google: сначала предложить удачную на самом деле реализацию чего-то, что, всё равно требует, привыкания. А кода все свыкнутся и даже подхватят предложить всё отменить, заменив гораздо менее удобным вариантом. Увы 🙁
Google Play Store — одно из самых важных приложений на наших смартфонах. Мы помним ещё те времена, когда Google вводила на устройствах Material-стиль оформления приложения, начиная с собственных фирменных, а также показывая разработчикам, как это необходимо делать. Тогда появилось гамбургер-меню. Та самая шторка, которая выдвигается с левого края экрана, вмещающая в себя много полезного. Разработчики тренд подхватили.
Но сейчас Google планирует всё переиначить в очередной раз, принимая правила игры, навязанные Apple, введшей жесты управления мобильной ОС.
Сейчас в тестовых билдах Google Play у некоторых пропадает то самое меню, заменяемое его иной реализацией.
О таких важных изменениях мы постоянно информируем наших читателей в Telegram. Подписывайтесь на наш канал, чтобы ничего не пропустить 😉
Новый механизм проще всего рассмотреть на скриншотах.
Для вызова его альтернативы придётся теперь тапать по изображению своего профиля. На самом деле это нисколько неудобно, потому что профиль располагается в верхней части экрана. Диагонали устройств сегодня нельзя назвать компактными, потому то, что вы могли ранее сделать одной рукой, сейчас потребует участия второй конечности.
Впрочем, очень похоже, что это нововведение скоро станет моментом по-умолчанию для всех пользовтаелей.
Тогда можно поддержать её лайком в соцсетях. На новости сайта вы ведь уже подписались? 😉
Или закинуть денег на зарплату авторам.
Или хотя бы оставить довольный комментарий, чтобы мы знали, какие темы наиболее интересны читателям. Кроме того, нас это вдохновляет. Форма комментариев ниже.
Что с ней так? Своё негодование вы можете высказать на zelebb@gmail.com или в комментариях. Мы постараемся учесть ваше пожелание в будущем, чтобы улучшить качество материалов сайта. А сейчас проведём воспитательную работу с автором.
Если вам интересны новости мира ИТ также сильно, как нам, подписывайтесь на наш Telegram-канал. Там все материалы появляются максимально оперативно. Или, может быть, вам удобнее «Вконтакте» или Twitter? Мы есть также в Facebook.
В Google Play на Android изменился дизайн: боковое меню убрали, и стало хуже
Мобильное приложение магазина Google Play получило небольшой редизайн. Структура главного экрана с четырьмя основными вкладками не изменилась, но компания Google решила отказаться от бокового меню-гамбургера, которое использовалось по гайдлайнам Android в течение последних нескольких лет. Нововведение не зависит от конкретной версии Google Play на устройстве и в настоящее время доступно не всем пользователям, поэтому, вероятнее всего, обновление происходит автоматически на стороне сервера.
Теперь, чтобы посмотреть библиотеку приложений и игр, проверить обновления и зайти в настройки, нужно нажать на фотографию профиля с правой стороны строки поиска — все элементы управления Google Play перенесли туда. Там же находятся платежи и подписки, антивирус «Play Защита», раздел уведомлений и доступ к функции Play Pass. Интерфейс открывается в виде всплывающего окна.
Вместе с перемещением меню была полностью переработана страница настроек — её внешний вид стал более упорядоченным и компактным. Разделы превратились в раскрывающиеся списки и поделились на тематические категории в зависимости от типа настроек: «Общие», «Личные», «Семья» и «Сведения».
Стоит отметить, что боковое меню исчезло не во всех приложениях Google. Прежний вид навигации ещё используется в «Google Календаре», «Google Диске», «Google Переводчике», Google Files и ряде офисных сервисов. Между тем, в некоторых приложениях привычное меню в качестве единственной кнопки вообще располагается внизу (например, «Google Задачи»). Не исключено, что свежее видение дизайна связано с предстоящей концепцией, известной как Material NEXT. Ожидается, что её реализуют с запуском Android 12 уже в текущем году.
Google убрала привычное меню-бутерброд из Play Маркет, но пользователей это не обрадовало
Некоторое время ходили слухи о том, что Google работает над обновлением пользовательского интерфейса Play Маркет. В последний раз цифровой магазин получал обновлённый внешний вид в 2019 году, когда был развёрнут «вещественный» дизайн с новой цветовой схемой и нижней навигационной панелью. Хотя эти элементы остались, свежий редизайн перемещает некоторые блоки интерфейса, дабы избежать перегруженности.
Когда пользователь впервые откроет новый интерфейс магазина Google Play и попробует открыть привычное меню с левой стороны, система выведет диалог, сообщающий, что все пункты меню Play Маркет были перемещены на миниатюру профиля. Например, возможность открыть «Книги» или «Фильмы и сериалы» была перемещена в раздел «Библиотека», в один ряд со списком желаний и семейной библиотекой. «Платежи и подписки» тоже были сведены в один пункт меню.
Меню «Настройки» было переработано. Вместо того, чтобы перечислять списком все настройки, они теперь сжаты в расширяемые папки. Некоторые элементы поиска приложений тоже подверглись изменениям. Поиск популярных приложений теперь отправит прямо на страницу, с которой можно начать установку вместо предварительного выбора нужного пункта.
К сожалению, не всем изменения в Play Маркет пришлись по душе пользователям: многие жалуются, что Google скрывает пункты меню и затрудняет их поиск. Стоит отметить, что одна из проблем с меню-бутербродом заключалась в том, что оно располагалось сверху и было не особенно доступным из-за увеличения высоты экранов смартфонов. Впрочем, были жесты. Перемещение же меню на другой элемент в верхней части экрана, похоже, даже ухудшает ситуацию, потому что нажатие на миниатюру профиля теперь оказывается единственным вариантом.
Почему стоит избегать гамбургерных меню и как это сделать?
Все прекрасно знают о слабых местах этого паттерна, но какое может быть решение?
(Мы продолжаем переводить цикл статей по UX/UI. Полную подборку можно найти в коллекции « Дизайн навигации»)
На сегодняшний день мы располагаем информацией, что боковые меню — так называемые “гамбургерные” меню — вероятно приносят больше вреда, чем пользы.
Вот несколько статей на эту тему:
Имейте в виду, что в этом вопросе много нюансов. Я наблюдал обозначенные в этой статье проблемы в ходе пользовательских тестирований, а кто-то испытывал их на практике.
Я просто прошу вас изучить проблемы и решения, чтобы, отдавая предпочтение этому паттерну, вы были в курсе всех возможных последствий.
Интересуетесь свежими статьями по дизайну? Вступайте в группу на Facebook.
Проблемы гамбургерного меню:
Низкая обнаруживаемость
По умолчанию боковое меню и все его содержимое скрыты.
То есть люди сначала должны обнаружить, что под кнопкой-гамбургером скрываются какие-то функции. Иногда компании добавляют к этой кнопке надпись или тултип “меню”. Это естественно и даже необходимо — ведь человек не будет искать скрытые возможности, если основные функции уже представлены на главном экране.
Малая эффективность
Даже если люди знают и любят эту функцию, факт остается фактом: такой паттерн нарушает плавность навигации, вынуждая пользователя сначала открыть меню и только получить доступ к интересующей его функции.
Ниже вы видите яркий пример того, насколько мгновенной может быть навигация, когда все навигационные элементы расположены на виду.
Конфликт с навигационными паттернами платформы
Однако самой важной проблемой является то, что на некоторых платформах (вроде iOS) не получится реализовать гамбургерное меню без конфликта со стандартным паттерном навигации.
Самая левая кнопка навигационной панели отводится под гамбургерное меню, но нам нужно дать пользователю возможность вернуться назад. Дизайнеры либо перегружают панель навигации как показано выше — не оставляя места даже для заголовка страницы, либо заставляют пользователей пробираться через несколько экранов, чтобы открыть меню:
Малопонятно с первого взгляда
Вам будет сложнее предоставить пользователю информацию о конкретном элементе, если он будет виден, только когда пользователь открывает меню в поисках другого элемента.
Можно сделать как в приложении Jawbone Up: показывать иконку, отражающую суть уведомления рядом с кнопкой бокового меню.
Этот подход не очень хорошо масштабируется, так как связан с созданием большого количества специальных иконок, а вам, как дизайнеру, иногда придется пользоваться стандартными иконками, несущими в себе меньше смысла.
А вот противоположный пример — панель вкладок Твиттера, которая показывает пользователю контекст уведомления и дает возможность сразу перейти на соответствующий экран.
Осознание проблемы
Может показаться, что вы обязаны делать все это, чтобы сэкономить побольше экранного пространства, но мы зачастую неправильно понимаем, что люди видят на самом деле. Вам может казаться, что люди видят все, что у них перед глазами, а на деле у нас у всех есть некая зона концентрации, даже если размер экрана минимален (1).
Поэтому вопрос экономии экранного пространства может быть решен без нанесения ущерба навигации — и в соответствии с базовыми принципами HCI (человеко-компьютерного взаимодействия), которые требуют от нас предоставления обратной связи и отображения состояния приложения.
На заметку: возможно вам нужно освежить свое понимание принципов HCI — я почти уверен, что это поможет избежать множества дизайнерских ошибок, которые делают люди с визуальным подходом к дизайну.
Решение
Мы много говорили о проблеме, но решение до сих пор не ясно.
Когда можно использовать гамбургерное меню?
В некоторых очень редких случаях этот паттерн действительно оправдан, но в общем и целом стоит избегать его использования.
IRCCloud — пример оправданного (в какой-то мере) использования кнопки-гамбургера: с ее помощью осуществляется навигация между каналами и участниками каналов.
Это приемлемо, так как у основного экрана нет никаких дочерних экранов, которым нужна иерархическая навигация; все содержимое представлено в модальном виде.
Но даже в этом случае видно, что интерфейс перегружен, а информационная архитектура требует пересмотра.
Боковое меню, отображающее участников каналов (справа), занимает место action-кнопки, под которой могли бы скрываться все действия, имеющие отношение к каналам. Вместо этого, дизайнерам пришлось смешать все возможные действия (имеющие отношение к каналам, сети и аккаунту) в одно action-меню:
Это плавно подводит нас к следующему разделу статьи:
Чем заменить кнопку-гамбургер?
Паттерн бокового меню влечет за собой плохую информационную архитектуру: кнопка-гамбургер представляет собой еще один элемент интерфейса, в котором не просматривается никакая последовательность действий — до тех пор, пока люди им не воспользуются.
“Решение — в обновлении информационной архитектуры”.
На рисунках выше приведен пример того, как можно избежать бокового меню. Цветные точки помогут вам отследить, как были реорганизованы элементы интерфейса.
В дополнение к тому, что мы решили основные проблемы, мы можем выиграть немного вертикального пространства, если спрячем панель навигации приложения при скроллинге вниз (см. пример Facebook, но это также используется и в Safari). Панель вкладок остается на своем месте, что позволяет нам пользоваться навигацией, даже когда панель навигации приложения спрятана.
Если у вас минималистическое настроение, возможно, будет достаточно и панели инструментов. Суть в том, чтобы вынести на видное место навигацию, дать прямой доступ к функциям, избежать конфликта между жестами навигации и отобразить оповещения на тех иконках, к которым они относятся.
[ Обновление] В случае с веб-сайтами, вам также стоит пересмотреть информационную архитектуру, но вместо использования этих iOS-паттернов рекомендую отображать навигацию сверху, в виде списка: пример. Если будет очевидно, что это навигация сайта, люди обязательно проскролят дальше и сразу увидят все остальные доступные варианты.
Кроме того, возвращаясь к теме веб-сайтов на мобильных устройствах: не забудьте убрать 300-милисекундную задержку нажатия при помощи этих советов или с использованием сенсорных событий.
Как это все масштабируется?
Я здесь привожу примеры iOS интерфейсов — лучшим решением на них является использование панели со вкладками или инструментами.
Но что, если на вашей панели вкладок больше 5 элементов?
В таких ситуациях первое, что вам нужно сделать, — это все-таки пересмотреть информационную архитектуру приложения. Но если все-таки приходится выйти за пределы пяти вкладок, обычно применяется такой метод: последняя вкладка дает доступ к списку оставшихся опций.
Можете также реализовать прокручиваемую панель инструментов, как у Rookie. Это позволит вам избежать проблем гамбургерного меню ценой чуть более высокой сложности навигации с большей вероятностью ошибки (в силу того, что приложению придется различать нажатия и прокручивания инструментов).
Имейте в виду, что второе решение больше подходит для списка действий, нежели для элементов навигации.
Такая реализация сталкивается другой проблемой: после прокрутки панель инструментов остается в неопределенном состоянии. Rookie прячут панель после того, как пользователь выбирает одно из действий — обрезать, повернуть и т.п. Таким образом, неопределенное состояние панели “обнуляется”, и при повторном открытии она отображается в изначальном состоянии.
Заключение
Итак, вы прочитали статью о проблемах паттерна боковой панели и о их решении в рамках iOS, которые были заложены в систему с самого начала.
Надеюсь, статья была вам полезна и понятна. Если у вас есть комментарии, пишите мне в Твиттер.
[ Обновление] Фидбэк по этой статье был невероятным! Более 24 тысяч читателей и, что еще важнее, классные обсуждения в Твиттере. Я сделал подборку клевых твитов на Storify. Кажется, что тема гамбургерного меню остается открытой в контексте Андроида, а особенно в части навигационных паттернов для Веб.
Другие статьи и твиты на эту тему:
Если вам понравилась статья и перевод, дайте нам знать — нажмите кнопку Recommend
А если у вас есть на примете какая-нибудь классная статья по UX и не только — скиньте нам ссылку, и мы будем рады над ней поработать.
Мобильное приложение «Заметки о психике» | Mental Notes
Подкидывает идеи, как привлечь, удержать и направить внимание пользователя.
Mental notes — это колода из 53 карточек с описанием психофизиологических моделей поведения людей, которые лежат в основе принципов веб-дизайна. Они помогают дизайнерам, проектировщикам лучше понять поведение пользователей и найти эффективные решения при создании дизайна интерфейсов.