Приложение для хобби

Спроектировала мобильное приложение, которое помогает выбрать новое хобби, записаться на мастер-класс и получить обратную связь от наставника.

  • Продуктовый дизайнер
  • Учебный проект
  • 2024

Зона ответственности: исследование, координация команды, UX/UI-дизайн, прототипирование и тестирование

Макеты приложения для поиска хобби

Проблема

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

Задача

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

Дизайн-процесс

Этапы дизайн-процесса

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

Исследование

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

Результаты исследования
Размер аудитории онлайн-образования по подкатегориям образовательных программ
Направления, по которым потребители собираются учиться в будущем
Результаты исследования онлайн-образования

Аудитория продукта

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

Для удобства и понимания ценности функций продукта я создала 3 персоны:

Три персоны аудитории продукта

Конкурентный анализ

Вместе с командой я проанализировала восемь сервисов для онлайн-обучения и поиска занятий. Мы прошли основные пользовательские сценарии и сравнили продукты по трём направлениям:

  1. 1

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

  2. 2

    Принятие решения. Информация о программе, преподавателе, формате и отзывах.

  3. 3

    Прохождение обучения. Запись, трансляции, обратная связь и отслеживание прогресса.

Дополнительно мы фиксировали проблемы в ключевых сценариях, опираясь на эвристики Нильсена.

Бенчмаркинг конкурентов
А ещё собрали фидбэк из открытых источников
Отзывы пользователей о приложениях конкурентов

Выводы анализа

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

Гипотезы

По результатам проведённого анализа составили гипотезы, которые необходимо проверить на интервью:

Гипотезы для проверки на интервью

Глубинные интервью

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

Описание респондентов
Описание респондентов глубинного интервью
Гайд глубинного интервью
Гайд глубинного интервью
Кусочек расшифровки
Фрагмент расшифровки глубинного интервью

Выводы по результатам интервью

  • Пользователям важно получать обратную связь от наставника
  • Пользователям важно иметь возможность тонко настраивать под свои нужды основные функции приложения
  • Для пользователей достаточно важным фактором является визуальная составляющая приложения. Оно должно быть минималистичным, запоминающимся и ярким, с картинками и видео, описывающими мастер-классы и привлекающими к ним внимание

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

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

Проектирование

После анализа конкурентов и интервью с пользователями я собрала решения, которые хочу внедрить, и сформулировала на основе них Job Stories и User Stories. Истории помогут сфокусироваться на проблеме пользователей. На их основе создала User flow — он поможет структурировать данные и не упустить важные детали при проектировании приложения.

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

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

Job Stories
Job Stories приложения
User Stories
User Stories приложения
User Flow
User Flow приложения

Макеты

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

Задача. Персонализировать первый вход.

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

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

Экраны авторизации и персонализации

Задача. Помочь найти подходящее занятие.

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

Решение. Главный экран предлагает персональные рекомендации, новые и популярные занятия. Категории помогают изучить доступные направления, а фильтры — уточнить уровень сложности и другие параметры.

Макеты главного экрана приложения
Макеты поиска по категориям
Макеты поиска с фильтрами

Задача. Помочь принять решение и записаться.

Проблема. До записи пользователю важно понять содержание и формат занятия, узнать больше о преподавателе и сопоставить мастер-класс со своим расписанием.

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

Анимированный сценарий выбора мастер-класса и записи

Задача. Поддержать прохождение занятия.

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

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

Макеты прямой трансляции
Расписание и сохранённые трансляции

Задача. Поддержать дальнейшее обучение.

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

Решение. Статьи и короткие видео дополняют обучение, избранное сохраняет интересные мастер-классы, а профиль показывает статистику, достижения и прогресс.

Макеты статей, видео, избранного и профиля

Юзабилити-тестирование

Я провела модерируемое юзабилити-тестирование кликабельного прототипа с девятью участниками, которые ранее участвовали в глубинных интервью. Тестирование проходило очно на смартфоне. Респонденты последовательно выполняли задания в кликабельном прототипе и озвучивали свои действия и затруднения.

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

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

Результаты оценивала по таблице
СценарийОжидаемое поведениеКритерий успеха
1. Регистрация в приложенииПользователь самостоятельно выбирает способ входа, вводит необходимые данные и подтверждает регистрациюПользователь завершил регистрацию без подсказок
2. Поиск мастер-классаПользователь находит заданный мастер-класс через поиск, категории или фильтрыПользователь нашёл нужный мастер-класс без подсказок и лишних возвратов
3. Запись на мастер-классПользователь выбирает заданные дату и время и завершает записьПользователь завершил запись без подсказок
4. Переход к трансляцииПользователь понимает, как присоединиться к запланированной трансляцииПользователь самостоятельно нашёл кнопку «Join the broadcast» и открыл трансляцию
4.1. Комментарии и реакцииПользователь понимает, как написать комментарий и отправить реакцию во время эфираПользователь без подсказок нашёл поле комментария и элементы реакций
4.2. Пропуск оценкиПользователь понимает, что оценку и отзыв можно не оставлятьПользователь понял, что отзыв необязателен, и нашёл кнопку «Skip»
5. РасписаниеПользователь находит раздел с предстоящими и завершёнными занятиямиПользователь самостоятельно нашёл раздел с расписанием
5.1. Сохранённые трансляцииПользователь находит прошедший мастер-класс и открывает его записьПользователь нашёл прошедший мастер-класс и открыл его запись без подсказок
6. ИзбранноеПользователь находит сохранённые мастер-классыПользователь самостоятельно нашёл избранное
7. Прогресс и наградыПользователь находит в профиле статистику, прогресс и достиженияПользователь нашёл прогресс и награды без подсказок
7.1. Редактирование профиляПользователь понимает, как изменить имя и фотографиюПользователь самостоятельно нашёл возможность изменить имя и фотографию
8. УведомленияПользователь находит список уведомлений с главного экранаПользователь без подсказок открыл уведомления

Выводы

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

Предполагаемые метрики

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

Главная метрика

Доля новых пользователей, завершивших первый мастер-класс после выбора направления в приложении.

Она показывает, помогает ли продукт пройти путь от первоначального интереса до первого завершённого занятия.

Дополнительные метрики

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

Итоги проделанной работы

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