Спроектировала мобильное приложение, которое помогает выбрать новое хобби, записаться на мастер-класс и получить обратную связь от наставника.
Продуктовый дизайнер
Учебный проект
2024
Зона ответственности: исследование, координация команды, UX/UI-дизайн, прототипирование и тестирование
Проблема
Людям, которые хотят найти новое увлечение, сложно выбрать подходящее занятие среди незнакомых направлений и заранее понять, подойдёт ли им формат. Большинство образовательных сервисов хорошо работает, когда пользователь уже знает, что ищет, но почти не помогает пройти путь от неопределённости до первого занятия.
Задача
Спроектировать мобильное приложение, которое помогает выбрать хобби, оценить мастер-класс, записаться на занятие и получить поддержку в процессе обучения.
Дизайн-процесс
Исследование проводила команда из пяти дизайнеров. Я координировала распределение задач, синхронизировала результаты конкурентного анализа и интервью и собирала общие выводы. Сегментацию, пользовательские сценарии, прототип и визуальный дизайн приложения я разрабатывала самостоятельно на основе результатов командного исследования.
Исследование
Кабинетное исследование рынка онлайн-образования подтвердило рост интереса к мобильному обучению и помогло сформулировать первоначальные риски продукта: пользователям может не хватать мотивации, обратной связи и контакта с наставником. Эти выводы использовала как гипотезы для последующих интервью, а не как доказательство востребованности решения.
Результаты исследования
Аудитория продукта
Люди всех возрастов, которые ищут вдохновение, хотят развиваться и изменить свою жизнь. От студентов, жаждущих новых знаний, до профессионалов, желающих углубиться в свои увлечения.
Для удобства и понимания ценности функций продукта я создала 3 персоны:
Конкурентный анализ
Вместе с командой я проанализировала восемь сервисов для онлайн-обучения и поиска занятий. Мы прошли основные пользовательские сценарии и сравнили продукты по трём направлениям:
1
Поиск и выбор занятия. Рекомендации, категории, поиск и фильтры.
2
Принятие решения. Информация о программе, преподавателе, формате и отзывах.
3
Прохождение обучения. Запись, трансляции, обратная связь и отслеживание прогресса.
Дополнительно мы фиксировали проблемы в ключевых сценариях, опираясь на эвристики Нильсена.
А ещё собрали фидбэк из открытых источников
Выводы анализа
Анализ показал, что сервисы хорошо решают задачу поиска конкретного курса, но слабее помогают пользователю, который ещё не определился с направлением. Поэтому в концепции я сфокусировалась на рекомендациях, понятной презентации преподавателя и возможности попробовать занятие в формате прямого эфира.
Гипотезы
По результатам проведённого анализа составили гипотезы, которые необходимо проверить на интервью:
Глубинные интервью
Я провела девять глубинных интервью, чтобы понять, как люди выбирают новые занятия, что мешает им начать и какая поддержка нужна во время обучения.
Описание респондентов
Гайд глубинного интервью
Кусочек расшифровки
Выводы по результатам интервью
Пользователям важно получать обратную связь от наставника
Пользователям важно иметь возможность тонко настраивать под свои нужды основные функции приложения
Для пользователей достаточно важным фактором является визуальная составляющая приложения. Оно должно быть минималистичным, запоминающимся и ярким, с картинками и видео, описывающими мастер-классы и привлекающими к ним внимание
Результаты скорректировали первоначальную концепцию: информацию о преподавателе я сделала частью карточки мастер-класса, обратную связь встроила в сценарий занятия, а рекомендации и фильтры использовала для разных состояний пользователя — когда он ещё выбирает направление и когда уже знает, что ищет.
Выборка помогла выявить поведенческие паттерны, но её недостаточно для количественных выводов обо всей аудитории.
После анализа конкурентов и интервью с пользователями я собрала решения, которые хочу внедрить, и сформулировала на основе них Job Stories и User Stories. Истории помогут сфокусироваться на проблеме пользователей. На их основе создала User flow — он поможет структурировать данные и не упустить важные детали при проектировании приложения.
Основной сценарий. Путь от выбора направления до завершения первого мастер-класса: получить рекомендации → сравнить варианты → изучить преподавателя и программу → выбрать время → записаться → принять участие → оставить отзыв.
MVP. В первую версию я включила поиск и рекомендации, карточку мастер-класса, запись, трансляцию и обратную связь. Прогресс, награды и расширенные социальные функции рассматривала как последующее развитие продукта.
Job Stories
User Stories
User Flow
Макеты
Пожелания заказчика к визуальному стилю приложения были такими: оно должно быть современным, минималистичным, с использованием ярких цветов и привлекательных графических элементов. Главное, чтобы получилось современно, свежо и с крупной воздушной типографикой.
Задача. Персонализировать первый вход.
Проблема. На старте пользователь может не знать, какое направление выбрать, а общие рекомендации усложняют поиск подходящего занятия.
Решение. После авторизации пользователь отмечает интересующие его направления. Эти данные используются для формирования персональных рекомендаций.
Задача. Помочь найти подходящее занятие.
Проблема. Среди незнакомых направлений сложно понять, с чего начать, а большое количество вариантов затрудняет выбор.
Решение. Главный экран предлагает персональные рекомендации, новые и популярные занятия. Категории помогают изучить доступные направления, а фильтры — уточнить уровень сложности и другие параметры.
Задача. Помочь принять решение и записаться.
Проблема. До записи пользователю важно понять содержание и формат занятия, узнать больше о преподавателе и сопоставить мастер-класс со своим расписанием.
Решение. В карточке собраны программа, продолжительность, уровень подготовки, информация о преподавателе и отзывы. При записи пользователь выбирает подходящие дату и время.
Задача. Поддержать прохождение занятия.
Проблема. Пользователь может пропустить занятие или захотеть повторно обратиться к материалу, а во время обучения ему может не хватать контакта с наставником.
Решение. Прямой эфир позволяет общаться и получать обратную связь в реальном времени. Расписание напоминает о предстоящих занятиях, а завершённые трансляции можно посмотреть позже.
Задача. Поддержать дальнейшее обучение.
Проблема. Без удобного доступа к сохранённым материалам и собственным результатам интерес к занятиям может быстро снижаться.
Решение. Статьи и короткие видео дополняют обучение, избранное сохраняет интересные мастер-классы, а профиль показывает статистику, достижения и прогресс.
Юзабилити-тестирование
Я провела модерируемое юзабилити-тестирование кликабельного прототипа с девятью участниками, которые ранее участвовали в глубинных интервью. Тестирование проходило очно на смартфоне. Респонденты последовательно выполняли задания в кликабельном прототипе и озвучивали свои действия и затруднения.
Основным заданием было найти мастер-класс, записаться на него, перейти к трансляции и оставить оценку. Дополнительно участникам предлагалось найти избранное, историю пройденных мастер-классов, сохранённые трансляции, прогресс, уведомления и настройки приложения.
Во время тестирования я фиксировала, смог ли участник завершить задание без подсказки, где он совершал ошибки или возвращался назад, какие элементы интерпретировал неверно и как оценивал сложность сценария вслух.
Результаты оценивала по таблице
Сценарий
Ожидаемое поведение
Критерий успеха
1. Регистрация в приложении
Пользователь самостоятельно выбирает способ входа, вводит необходимые данные и подтверждает регистрацию
Пользователь завершил регистрацию без подсказок
2. Поиск мастер-класса
Пользователь находит заданный мастер-класс через поиск, категории или фильтры
Пользователь нашёл нужный мастер-класс без подсказок и лишних возвратов
3. Запись на мастер-класс
Пользователь выбирает заданные дату и время и завершает запись
Пользователь завершил запись без подсказок
4. Переход к трансляции
Пользователь понимает, как присоединиться к запланированной трансляции
Пользователь самостоятельно нашёл кнопку «Join the broadcast» и открыл трансляцию
4.1. Комментарии и реакции
Пользователь понимает, как написать комментарий и отправить реакцию во время эфира
Пользователь без подсказок нашёл поле комментария и элементы реакций
4.2. Пропуск оценки
Пользователь понимает, что оценку и отзыв можно не оставлять
Пользователь понял, что отзыв необязателен, и нашёл кнопку «Skip»
5. Расписание
Пользователь находит раздел с предстоящими и завершёнными занятиями
Пользователь самостоятельно нашёл раздел с расписанием
5.1. Сохранённые трансляции
Пользователь находит прошедший мастер-класс и открывает его запись
Пользователь нашёл прошедший мастер-класс и открыл его запись без подсказок
6. Избранное
Пользователь находит сохранённые мастер-классы
Пользователь самостоятельно нашёл избранное
7. Прогресс и награды
Пользователь находит в профиле статистику, прогресс и достижения
Пользователь нашёл прогресс и награды без подсказок
7.1. Редактирование профиля
Пользователь понимает, как изменить имя и фотографию
Пользователь самостоятельно нашёл возможность изменить имя и фотографию
8. Уведомления
Пользователь находит список уведомлений с главного экрана
Пользователь без подсказок открыл уведомления
Выводы
Все девять участников завершили основной сценарий без подсказок модератора
Один респондент не сразу смог найти избранное, остальные справились в течение нескольких секунд
Двум участникам было непонятно, где находятся прошедшие мастер-классы и как открыть запись трансляции
Один респондент предложил скрыть комментарии в трансляции, потому что они перекрывают само видео. Возможно, спрятать их в иконку и открывать по нажатию на неё в модальном окне
По результатам тестирования я сформировала список следующих улучшений: сделать заметнее переход в избранное, упростить доступ к прошедшим занятиям и записям, а также предусмотреть возможность скрывать комментарии во время трансляции.
Предполагаемые метрики
Поскольку это учебный проект и продукт не был запущен, фактических продуктовых данных нет. Ниже — метрики, по которым я бы оценивала состоятельность решения после запуска.
Главная метрика
Доля новых пользователей, завершивших первый мастер-класс после выбора направления в приложении.
Она показывает, помогает ли продукт пройти путь от первоначального интереса до первого завершённого занятия.
Дополнительные метрики
Конверсия из просмотра карточки в запись.
Доля записавшихся пользователей, пришедших на занятие.
Доля участников, завершивших мастер-класс.
Доля пользователей, вернувшихся к выбору следующего занятия.
Доля участников, получивших обратную связь от наставника.
CES — оценка сложности основного сценария.
Итоги проделанной работы
Провела девять глубинных интервью и собрала ключевые потребности пользователей
Совместно с командой проанализировала восемь конкурентов
Самостоятельно спроектировала основной пользовательский сценарий, интерактивный прототип и UI-кит приложения
Все девять участников завершили основной сценарий без подсказок модератора
Тестирование показало, что участники понимают основной путь от поиска мастер-класса до записи и просмотра трансляции. Результаты также помогли определить направления дальнейшего улучшения второстепенных сценариев.
Если прямо не указано иное, тексты, структура и оформление сайта, графика, иллюстрации, изображения и другие созданные мной материалы являются объектами авторского права.
Копирование, воспроизведение, изменение, публикация, распространение, размещение на других ресурсах и иное использование этих материалов в коммерческих или некоммерческих целях без предварительного письменного разрешения не допускается.
Товарные знаки, логотипы, названия компаний и материалы третьих лиц принадлежат соответствующим правообладателям и представлены на сайте исключительно в составе портфолио.