Mobile app · 8 respondents · Design system

Приложение
для подкастовЧто изменили после тестирования с 8 респондентами

Переработка авторизации, поиска и подписки по результатам проверки рабочей версии приложения на iOS и Android.

Продукт
Мобильный сервис
Задача
Устранить найденные UX-проблемы
Моя работа
Сценарии · UI · UI-кит · Дизайн-система

Рабочую версию проверили на iOS и Android

В тестировании участвовали 8 респондентов в возрасте от 25 до 47 лет. Проверяли базовые сценарии и искали элементы интерфейса и формулировки, которые мешали пользоваться сервисом.

7/8авторизация
6/8поиск
5/8подписка

Что нашли и что переработали

Для каждого вывода показан фрагмент отчёта и соответствующая группа обновлённых экранов.

01

Авторизация — 7 из 8

Пользователи сталкивались с несколькими способами подтверждения, повторными запросами авторизации и ошибками после входа.

Слайд исследования авторизации
Фрагмент UX-отчёта
Экраны авторизации, регистрации и восстановления пароля
Переработанные экраны
02

Поиск — 6 из 8

После возврата к результатам пропадало поле поиска, а сортировка выпусков и формат дат были непоследовательными.

Слайд исследования поиска
Фрагмент UX-отчёта
Переработанные экраны поиска
Переработанные экраны
03

Подписка — 5 из 8

Пользователи не понимали стоимость и состав подписки и ожидали общий доступ к подкастам и аудиокнигам.

Слайд исследования подписки
Фрагмент UX-отчёта
Переработанные экраны подписки
Переработанные экраны

Компоненты для последовательной работы продукта

В UI-кит вошли типографика, цвета, паттерны, карточки, вкладки, поиск, навигационные заголовки, иконки, кнопки и поля ввода.

Типографика UI-кита
Типографика
Вкладки UI-кита
Вкладки
Графические паттерны
Паттерны
Карточки UI-кита
Карточки
Цветовая система
Цвета

Какие разделы были проработаны

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

Главные страницы SoundStream
Главные страницы
Подкасты и эпизоды
Подкасты и эпизоды
Медиатека
Медиатека
Плеер
Плеер
Уведомления
Уведомления

Сценарии, экраны и общая компонентная база

По результатам тестирования переработаны проблемные сценарии и связанные с ними экраны. UI-кит и дизайн-система закрепили решения для дальнейшего развития продукта.

Посмотреть макет в Figma ↗
Откроется в новой вкладке