30 мая 2022

Импортозамещение в действии. UX российского магазина приложений NashStore

Всем привет, на связи Мария, UX-дизайнер Everest. Уже шесть лет мы разрабатываем крупные веб-сервисы и мобильные приложения с фокусом на UX для банков, ритейла, телекома и других отраслей.

В апреле 2021 года мы запустили собственный Исследовательский центр, который регулярно публикует экспертные обзоры популярных сайтов и сервисов с фокусом на UX-составляющую. Это наше 6 исследование, которое мы разбили на две части. Вы читаете первую часть. В нём я разберу UX магазина приложений NashStore, во второй — RuStore.
Дисклеймер
В этом исследовании нет сравнения с App Store, потому что это магазин приложений для пользователей iOS.
Мы фокусируемся на магазинах для пользователей Android-устройств, поэтому релевантно сравнивать NashStore с Google Play.

NashStore и Google Play. Сравнительная таблица функциональности

NashStore — проект АНО «Цифровые платформы». Релиз состоялся 16 мая. Первое время аппстор работал нестабильно, пользователи заявляли о сбоях в работе программы. Сейчас ошибок стало меньше, но приложение иногда вылетает.

Поскольку NashStore позиционируется как замена Google Play, мы не могли не сравнить эти два сервиса. Результаты в таблице ниже.
Мы заметили визуальную схожесть магазинов между собой. Ниже — скрин карточки приложения в NashStore и Google Play.
Слева — Google Play, справа — NashStore

Сценарий «Скачать приложение Почты России»

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

Наливайте чай/кофе и садитесь поудобнее. Мы начинаем.

Шаг 1. Скачать и установить NashStore

На данный момент скачать аппстор можно только с официального сайта. Надо отметить, что с поиском самого сайта проблем нет. В Гугле и Яндексе по запросам «нашстор» и «nashstore» первым результатом в выдаче стоит сайт магазина.
Первый экран сайта NashStore
На сайте размещена пошаговая инструкция, как скачать и установить магазин на свой телефон. Надо отметить, что инструкция подробная: есть пояснение и описание того, что нужно сделать.
Один из шагов инструкции по установке
Скачав и установив магазин на телефон, переходим ко второму шагу — регистрация в NashStore.

Шаг 2. Зарегистрироваться в NashStore

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

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

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

Шаг 3. Найти приложение Почты России

Итак, прошли регистрацию и попали на главный экран NashStore. Мы проанализировали его с точки зрения юзабилити и нашли несколько ошибок.
Неоднократно в отзывах на NashStore люди жаловались на блок с рекомендациями: всем показываются одни и те же приложения. Рекомендации помогают расположить к себе пользователя, повысить удобство и лояльность к сервису. Но в данном примере реализация пока отстает — все видят одинаковые рекомендации.

Иконка в навигационном баре выходит за границы бара, что мешает нажатию. В этой позиции экрана есть вероятность, что если вы нажмете на аватар приложения Zaycev.net, то попадёте пальцем на иконку «Главная».

Скролим дальше главную страницу и видим раздел с категориями приложений. Напомним, что мы ищем приложение «Почта России». На этом моменте у пользователя может возникнуть проблема с выбором подходящей категории, где это самое приложение может находиться.
Такое разнообразие вводит в заблуждение. Минимум 3 категории подходят для поиска в них «Почты России». Закон Хика говорит нам, что время, необходимое для принятия решения, увеличивается с увеличением количества и сложности выбора. Чем больше вариантов, тем дольше пользователь будет думать и выбирать. Как можно спроектировать раздел с категориями приложений, используя это знание? Например, не дробить приложения на мелкие группы, а, наоборот, объединить в более крупные.

Представим, что решили не тратить время на выбор из нескольких категорий нескольких категориях, а воспользоваться поиском. Правда, мы ещё не знаем, что можем искать не только по названию, но и по категории приложения. Такая фича в NashStore есть, — рекомендуем добавить подсказку в поисковую строку.
В поиске мы видим, что приложение «Почта России» лежит в «Покупках». Не совсем логично, согласны? Мы решили проверить, как обстоят дела с сегментацией в других аппсторах. В Google Play «Почта России» находится в категории «Бизнес», а в AppStore — в «Покупках».

Исследовательский интерес на этом моменте не был исчерпан, поэтому мы провели быстрый тест внутри студии.
Максимум голосов ушло категориям «Социальные» и «Бизнес». А вы бы в какую категорию положили приложение «Почта России»?

Итак, мы нашли приложение. Критичных проблем, которые бы сломали сценарий, нет. Но улучшить стоит сегментацию категории и механику работы поиска.

Шаг 4. Скачать приложение

Здесь пользовательский путь может продолжаться в двух направлениях.

Путь 1. Если пользователь искал приложение через каталог приложений, то он может скачать приложение из мини-карточки, нажав на кнопку «Установить».
Каталог приложений
Путь 2. Если пользователь нашел приложение в поиске, для скачивания нужно перейти в карточку. В мини-карточке целевого действия нет.
Поиск по приложениям
До этого мы шли по второму пути, поэтому продолжим проходить сценарий в этом направлении. Переходим на страницу приложения «Почта России» и видим целевое действие — установить. После нажатия на кнопку начинается процесс загрузки.

Если вы по каким-то причинам поняли, что вам сейчас и не нужно вовсе это приложение, отменить установку нельзя. Нарушение эвристики пользовательского контроля: отсутствие той самой кнопки, которая бы помогла пользователю отменить последнее действие.
Карточка приложения
На этом шаге ничего не препятствует пользователю в скачивании приложения. Однако сценарий может ломаться, если пользователь решит отменить загрузку. Помимо этого, в мини-карточках нет консистентности: при поиске через категории есть целевое действие «Установить», а через поиск — нет. Если система ведет себя непредсказуемо, это может способствовать снижению юзабилити.

Шаг 4. Выйти из приложения

Допустим, что мы удовлетворили свою потребность и приняли решение выйти из аккаунта. В навигационном баре есть раздел «Профиль».
Навигационный бар
Жмём и попадаем в личный кабинет. Ищем кнопку выхода в верхней панели или в самом низу… И ничего не находим.
Кнопка «Выйти» расположена в блоке с личной информацией. Это непривычный пользовательский паттерн. Есть определенные правила, которые стоит учитывать при разработке онлайн-систем и приложений. Например, закон Якоба, который гласит, что «пользователи проводят большую часть своего времени на других сайтах, и они предпочитают, чтобы ваш сайт работал так же, как и все остальные, уже знакомые им сайты». Пользователи привыкли, что кнопка выхода расположена либо на верхней панели, либо в самом низу. И когда их накопленный опыт не совпадает с интерфейсом, когнитивная нагрузка увеличивается. И в совокупности плохо влияет на пользовательский опыт.

Выводы по сценарию

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

Собрали в тезисы основные выводы по сценарию:
  1. Нет консистентности в заголовках [Авторизация и регистрация].
  2. Разный формат полей ввода [Авторизация и регистрация].
  3. Нет масок для ввода номера телефона [Авторизация и регистрация].
  4. Иконка в навигационном баре перекрывает контент [Все страницы].
  5. Нарушение сегментации приложений [Приложения и игры].
  6. Нерелевантные результаты в выдаче [Поиск].
  7. Нельзя отменить скачивание приложения [Карточка приложения].
  8. Непривычное расположение кнопки выхода из приложения [Профиль].

UX-разбор

Во время написания этой работы нам встречались небольшие UX-ошибки и, наоборот, хорошие решения в части юзабилити. Это не относится к сценарию, но не обратить внимание на них мы не можем. Тем более что многие из этих ошибок исправляются быстро.
Хорошие решения
Количество приложений. Индикатор количества приложений — это хороший ход с точки зрения юзабилити. Наглядный пример эвристики видимости состояния системы.
Информация о приложении. В карточке приложения есть блок с основными характеристиками. Сюда включен рейтинг, размер приложения, количество установок и возрастные ограничения. Пользователи проводят 90% своего времени в других приложениях, поэтому использование лучших практик и распространенных шаблонов в конечном итоге приведет к повышению общего качества работы.
Карточка приложения в Nashstore
Персонализированный контент. Согласно данным Forbes, около 91% пользователей вернутся на сайт, который дает им персонализированный контент. Индивидуальный подход увеличивает лояльность к сервису, так как экономит время пользователя и помогает ему найти нужное приложение. В NashStore пример такого контента — рекомендации и подборки приложений.
Да, рекомендации сейчас работают не так, как задумано, и показывают всем одинаковый контент. Но задумка хорошая. Верим, что и реализация в скором времени не подкачает.
Что можно улучшить
Карточка приложения. В карточке приложения мы нашли несколько UX-ошибок. Самая критичная из них — отсутствие страницы или раздела с отзывами. Эта ошибка высокой критичности, так как ведет к невозможности выполнения пользователем сценария «Посмотреть отзывы на приложение».
Просмотр превью приложения. На скрине ниже мы перечислили ошибки, которые нашли в превью приложения.
Авторизация и регистрация. Также хочется отметить два экрана — авторизация и регистрация. Здесь мы тоже нашли несколько UX-ошибок. Они некритичны, но влияют на общее впечатление о сервисе.
Нужно исследование или юзабилити-аудит?
Улучшить существующий. Выявим проблемы и предложим оптимальные варианты для их решения
Запустить новый продукт. Соберём требования, проведём необходимые исследования и подготовим ТЗ для разработки
Наши аналитики помогут:

Общие выводы

Nashstore позиционируется как альтернативный магазин приложений на Android. Текущая версия больше похожа на MVP-версию с набором самых базовых функций.

Мы проанализировали один из пользовательских сценариев и разобрали UX-ошибки.

В улучшении нуждается карточка приложения, поиск, расположение кнопок и сегментация приложений по категориям. Отдельно хотим отметить, что нельзя отменить загрузку приложения.

Из хорошего: в магазине доступен поиск не только по названию приложения, но и по его категории (например, «Связь», «Покупки» и пр.). Есть попытка персонализировать контент с помощью рекомендаций и подборок. Механизм работы пока не отлажен, но мы отметили это как хорошее UX-решение.

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

Похожие исследования