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

RuStore — совместный проект VK и Минцифры. О запуске бета-версии отечественного аналога Google Play стало известно на российском интернет-форуме (РИФ) 18 мая. Релиз аппстора состоялся 25 мая.

Мы сравнили RuStore и Google Play по 10 основным параметрам. Цель — не выявить победителя, а наглядно показать, как аппсторы реализуют фичи в своих сервисах.

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

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

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

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

Присаживайтесь поудобнее. Мы начинаем :)

Первый шаг в нашем сценарии — скачать и установить RuStore. На данный момент единственный способ выполнить поставленную задачу — это зайти на официальный сайт магазина приложений.

По поисковому запросу «rustore» в Google и Яндексе в топе выдачи сайт RuStore.

По запросу «рустор» в Google в топе выдачи нет RuStore, хотя в Яндексе по этому же запросу сайт магазина показывается в топе.

Итак, мы зашли на сайт RuStore. На первом экране целевое действие «Скачать RuStore».

После нажатия мы попадаем на страницу с инструкцией по установке.

Инструкция подробно объясняет процесс скачивания и установки приложения. К ней приложены скрины, поэтому запутаться точно не получится. Отдельно отметим, что разработчики позаботились о пользователях разных Android-устройств и добавили пояснения для владельцев Samsung и Huawei.

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

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

Во время первого входа в приложение нас встречает приветственный экран. Здесь мы можем ознакомиться с правовой информацией: политикой конфиденциальности и пользовательским соглашением.

У RuStore нет регистрации или авторизации: пользователь сразу может перейти в магазин приложений. Мы можем отметить это как несомненный плюс сервиса. Авторизация и регистрация — это дополнительные действия для пользователя, которые могут стать препятствием на его пользовательском пути. Не все готовы завести еще один 100500-й аккаунт :)

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

Когда мы заходим в магазин приложений, то по умолчанию попадаем во вкладку «Приложения».

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

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

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

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

Открывается каталог приложений. В RuStore 13 категорий: «Государственные», «Еда и напитки», «Здоровье и спорт», «Инструменты», «Медицина», «Новости», «Образование», «Объявления и услуги», «Покупки», «Развлечения», «Социальные», «Транспорт», «Финансы». На этом моменте у пользователя может появиться релевантный вопрос: где искать «Почту России»? В какой из категорий?

Проблема сортировки по категориям приложений может стать серьезным барьером в UX. Согласно Закону Хика, чем больше вариантов, тем дольше пользователь будет думать и выбирать.
Решить эту проблему можно с помощью карточной сортировки. Это эффективный метод пользовательских исследований, который позволяет сформировать структуру меню или каталога товаров на сайте.

Второй путь, по которому может пойти пользователь, — воспользоваться поиском по магазину. Этому инструменту в RuStore отведена отдельная вкладка — «Поиск».

Во время ввода запроса автоматически подтягиваются варианты приложений. В выдаче — мини-карточки приложений. Структура мини-карточки: название, описание и категории. Здесь мы видим, что приложение «Почта России» лежит в «Инструментах».

Размещение «Почты России» в категории «Инструменты» не совсем очевидно. А в каталоге приложений у категории «Инструменты» использована иконка строительной тематики.

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

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

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

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

Кстати, в уже установленное приложение можно зайти из аппстора. После установки кнопка «Установить» изменится на «Открыть».

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

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

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

• Бесконечный скролл сводит к минимуму возможность найти нужное приложение [Приложения и Игры].
• Отсутствие фильтрации и сортировки приложений [Приложения и Игры].
• Нарушение сегментации приложений на категориии [Приложения и Игры].
• Активная кнопка визуально похожа на неактивную [Карточка приложения].

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

Фокус на поле ввода. После перехода во вкладку «Поиск» происходит автоматическое фокусирование на поле ввода и появляется клавиатура для ввода запроса. Это хороший пример заботы о пользователе: ему не нужно совершать дополнительные действия.

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

Отмена установки. То, чего нам не хватало в NashStore. Возможность прервать установку приложения — это хорошее UX-решение проблемы пользователя, когда по каким-то причинам он захотел отменить скачивание. И, помимо этого, отличный пример эвристики предотвращения ошибок.

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

Карточка разработчика. Сейчас карточка представляет собой перечень приложений этого разработчика.

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

Отсутствие фильтрации контента. Один из способов помочь пользователям найти нужное приложение — позволить им сузить список элементов до того числа, которое удовлетворяет заданным критериям. Исследователи из NN/g выяснили, что при правильном использовании фильтры создают положительное ощущение контроля и выбора даже при огромном количестве вариантов.

В данном примере фильтрация приложений поможет улучшить навигацию и поиск по приложениям.

RuStore порадовал нас качественной MVP-версией. Да, есть некоторые шероховатости, но они не критичны и позволяют достигать целей в пользовательских сценариях.

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

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

Из положительных моментов: в RuStore нет странных приложений, какие мы находили в NashStore в процессе исследования. Например, в NashStore есть приложения с названиями «Ёшкин кот» и «Гопнация».

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

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