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

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

Май выдался богатым на релизы приложений от российских разработчиков. Мир увидел сразу два аналога Google Play — NashStore и RuStore. В интернете уже появились первые отзывы и разборы аппсторов. Мы же пойдем по пути user flow: посмотрим, какие барьеры и «узкие места» могут снижать удобство пользования, а что — улучшать юзабилити.

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

В конце работы — бонус в виде UX-разбора. Покажем, какие хорошие решения уже есть, а что можно улучшить.

Это исследование мы разбили на две части. Вы читаете первую часть. Здесь мы разберем UX магазина приложений NashStore, во второй — RuStore.

Ставьте лайк, если вам нравится наша работа. Пусть как можно больше людей увидят исследование ;)

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

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

Поскольку NashStore позиционируется как замена Google Play, мы не могли не сравнить эти два сервиса. Результаты в таблице ниже.

Дисклеймер. В этом исследовании нет сравнения с App Store, потому что это магазин приложений для пользователей iOS. Мы фокусируемся на магазинах для пользователей Android-устройств, поэтому релевантно сравнивать NashStore с Google Play.

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

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

Слева — Google Play, справа — NashStore
Слева — Google Play, справа — NashStore

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

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

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

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

На данный момент скачать аппстор можно только с официального сайта. Надо отметить, что с поиском самого сайта проблем нет. В Гугле и Яндексе по запросам «нашстор» и «nashstore» первым результатом в выдаче стоит сайт магазина.

Первый экран сайта NashStore
Первый экран сайта NashStore

На сайте размещена пошаговая инструкция, как скачать и установить магазин на свой телефон. Надо отметить, что инструкция подробная: есть пояснение и описание того, что нужно сделать.

Один из шагов инструкции по установке
Один из шагов инструкции по установке

Скачав и установив магазин на телефон, переходим ко второму шагу — регистрация в NashStore.

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

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

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

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

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

Итак, прошли регистрацию и попали на главный экран NashStore. Мы проанализировали его с точки зрения юзабилити и нашли несколько ошибок.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Путь 1. Если пользователь искал приложение через каталог приложений, то он может скачать приложение из мини-карточки, нажав на кнопку «Установить».

Каталог приложений
Каталог приложений

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

Поиск по приложениям
Поиск по приложениям

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

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

Карточка приложения
Карточка приложения

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

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

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

Навигационный бар
Навигационный бар

Жмём и попадаем в личный кабинет. Ищем кнопку выхода в верхней панели или в самом низу… И ничего не находим.

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

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

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

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

Собрали в тезисы основные выводы по сценарию:

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

UX-разбор

Во время написания этой работы нам встречались небольшие UX-ошибки и, наоборот, хорошие решения в части юзабилити. Это не относится к сценарию, но не обратить внимание на них мы не можем. Тем более что многие из этих ошибок исправляются быстро.

Хорошие решения

Количество приложений. Индикатор количества приложений — это хороший ход с точки зрения юзабилити. Наглядный пример эвристики видимости состояния системы.

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

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

Карточка приложения в Nashtore
Карточка приложения в Nashtore

Персонализированный контент. Согласно данным Forbes, около 91% пользователей вернутся на сайт, который дает им персонализированный контент. Индивидуальный подход увеличивает лояльность к сервису, так как экономит время пользователя и помогает ему найти нужное приложение. В NashStore пример такого контента — рекомендации и подборки приложений.

Да, рекомендации сейчас работают не так, как задумано, и показывают всем одинаковый контент. Но задумка хорошая. Верим, что и реализация в скором времени не подкачает.

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

Что можно улучшить

Карточка приложения.В карточке приложения мы нашли несколько UX-ошибок. Самая критичная из них — отсутствие страницы или раздела с отзывами. Эта ошибка высокой критичности, так как ведет к невозможности выполнения пользователем сценария «Посмотреть отзывы на приложение».

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

Просмотр превью приложения. На скрине ниже мы перечислили ошибки, которые нашли в превью приложения.

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

Авторизация и регистрация. Также хочется отметить два экрана — авторизация и регистрация. Здесь мы тоже нашли несколько UX-ошибок. Они некритичны, но влияют на общее впечатление о сервисе.

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

Общие выводы

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

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

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

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

Надеемся, что разработчики примут во внимание комментарии, и в следующем релизе мы не увидим тех же самых ошибок.

Подписывайтесь на телеграм-канал Исследовательского центра, чтобы не пропустить новое исследование.

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

> Наш сайт

> Шоурил с нарезкой работ

2121
16 комментариев

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

8
Ответить

Верим, что это только первый релиз сервиса и уверены, что наш и подобные обзоры помогут им улучшить свой продукт 😉

3
Ответить

Комментарий недоступен

1
Ответить

Какой-то бред вписали в первый пункт в сравнениях. У Гугла экосистема, один аккаунт на все. А вы высрали один сервис где нужна очередная миллионная учетка и вписываете это в плюс?
Да что с вами не так это же абсурд

9
Ответить

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

1
Ответить

Господи, зачем вы пишете этот обзор и ставите минусом наличие единого входа через акк гугла, вы в своем уме?

Зачем вы пишете этот обзор, постоянно путая аутентификацию и авторизацию?

4
Ответить

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

Отвечая на второй вопрос, хочется отметить, что понятия «аутентификация» и «авторизация» действительно разные. Но в данном случае мы говорим на языке системы, у которой в заголовке написано «Авторизация».

1
Ответить