Алена Рудковская
UX/UI-дизайнер
Telegram
Алена Рудковская
UX/UI-дизайнер
Telegram
Email
LinkedIn
Скачать CV
Mobile App
Проект 03/06
Приложение для онлайн тренировок
Исследование
Интервью
CJM
User Flow
Анализ конкурентов
Wireframes
Тестирование
UI
Дизайн система
Спроектировала MVP приложения для онлайн тренировок: провела исследование аудитории, проработала структуру и основные сценарии, создала UI и дизайн систему. В проекте более 124 экранов, пользовательское тестирование и тёмная тема.
Роль
UX/UI-дизайнер
Изучила, как люди выбирают и планируют тренировки
Пользователям важны гибкость, понятный план и возможность подобрать тренировки под себя
Изучила аудиторию и провела интервью, чтобы понять, как люди выбирают онлайн тренировки, что мешает заниматься регулярно и какую информацию они хотят видеть в приложении. Выводы использовала при работе над структурой, онбордингом, программами тренировок и прогрессом.
01
Тренироваться в удобное время
Короткие занятия и свободный выбор времени помогают встроить тренировки в плотный график
02
Подбирать программу под себя
Разные виды тренировок, длительность и уровень позволяют выбрать подходящий формат
03
Начать без высокого порога
Понятный уровень сложности помогает подобрать тренировку под свою подготовку
04
Видеть план и прогресс
Календарь занятий и результаты помогают понимать, что уже сделано и что запланировано дальше
Изучила, как люди выбирают и планируют тренировки
Пользователям важны гибкость, понятный план и возможность подобрать тренировки под себя
Изучила аудиторию и провела интервью, чтобы понять, как люди выбирают онлайн тренировки, что мешает заниматься регулярно и какую информацию они хотят видеть в приложении. Выводы использовала при работе над структурой, онбордингом, программами тренировок и прогрессом.
01
Тренироваться в удобное время
Короткие занятия и свободный выбор времени помогают встроить тренировки в плотный график
02
Подбирать программу под себя
Разные виды тренировок, длительность и уровень позволяют выбрать подходящий формат
03
Начать без высокого порога
Понятный уровень сложности помогает подобрать тренировку под свою подготовку
04
Видеть план и прогресс
Календарь занятий и результаты помогают понимать, что уже сделано и что запланировано дальше
От анализа к первому сценарию
Исследования помогли выстроить онбординг и персонализацию с первых экранов
Изучила конкурентов и отзывы пользователей, собрала основные сценарии и структуру приложения, а ключевые решения проверила на wireframes. На этой основе спроектировала онбординг, где пользователь указывает цель, уровень подготовки и предпочтения, чтобы сразу получить более подходящие программы.
Сначала логика
Основные сценарии и переходы проверила до детальной работы над UI
Персональный старт
Цель, уровень и предпочтения помогают сразу подобрать более подходящие программы
От анализа к первому сценарию
Исследования помогли выстроить онбординг и персонализацию с первых экранов
Изучила конкурентов и отзывы пользователей, собрала основные сценарии и структуру приложения, а ключевые решения проверила на wireframes. На этой основе спроектировала онбординг, где пользователь указывает цель, уровень подготовки и предпочтения, чтобы сразу получить более подходящие программы.
Сначала логика
Основные сценарии и переходы проверила до детальной работы над UI
Персональный старт
Цель, уровень и предпочтения помогают сразу подобрать более подходящие программы
Главный экран для быстрого старта
Пользователь сразу видит подходящие варианты и может быстро перейти к тренировке
На главной собрала основные сценарии: продолжение тренировки, рекомендации, новые программы и переход к тренерам. Контент расположила так, чтобы нужное действие можно было найти без лишнего поиска по приложению.
Рекомендации по ситуации
Подборки меняются в зависимости от времени суток, чтобы предлагать более подходящие тренировки
Основные действия рядом
Продолжить тренировку, выбрать программу или тренера можно прямо с главного экрана
Главный экран для быстрого старта
Пользователь сразу видит подходящие варианты и может быстро перейти к тренировке
На главной собрала основные сценарии: продолжение тренировки, рекомендации, новые программы и переход к тренерам. Контент расположила так, чтобы нужное действие можно было найти без лишнего поиска по приложению.
Рекомендации по ситуации
Подборки меняются в зависимости от времени суток, чтобы предлагать более подходящие тренировки
Основные действия рядом
Продолжить тренировку, выбрать программу или тренера можно прямо с главного экрана
От выбора программы до тренировки
Пользователь сначала оценивает программу, затем выбирает тренировку и сразу переходит к занятию
Собрала последовательный путь от выбора программы до занятия. Пользователь видит основную информацию о программе, выбирает тренировку и сразу переходит к видео, без лишних возвратов к поиску по приложению.
Проверила решение на пользователях
Тестирование показало, что закреплённую кнопку пользователи находят быстрее
Сравнила два варианта расположения кнопки планирования тренировок: после основного контента и закреплённую внизу экрана. Во втором варианте все участники быстро находили нужное действие, поэтому его оставила в финальном интерфейсе.
Участники тестирования
Пользователи из предыдущих интервью и ещё один представитель целевой аудитории
Что проверяла
Насколько быстро и без подсказок пользователь находит действие для планирования тренировки
1 вариант
Кнопка после контента
2 вариант
Кнопка закреплена внизу
1 вариант
Кнопка после контента
2 вариант
Кнопка закреплена внизу
Проверила решение на пользователях
Тестирование показало, что закреплённую кнопку пользователи находят быстрее
Сравнила два варианта расположения кнопки планирования тренировок: после основного контента и закреплённую внизу экрана. Во втором варианте все участники быстро находили нужное действие, поэтому его оставила в финальном интерфейсе.
Участники тестирования
Пользователи из предыдущих интервью и ещё один представитель целевой аудитории
Что проверяла
Насколько быстро и без подсказок пользователь находит действие для планирования тренировки
Тренер как часть выбора программы
Пользователь заранее видит опыт, специализацию и программы тренера
Собрала список тренеров и отдельные профили с информацией об опыте, специализации и программах. Так пользователь может сначала познакомиться с тренером и уже потом перейти к подходящим занятиям.
Выбор по направлению
В списке сразу видно специализацию каждого тренера
Профиль перед занятием
Опыт, описание и программы помогают понять, подходит ли тренер пользователю
Тренер как часть выбора программы
Пользователь заранее видит опыт, специализацию и программы тренера
Собрала список тренеров и отдельные профили с информацией об опыте, специализации и программах. Так пользователь может сначала познакомиться с тренером и уже потом перейти к подходящим занятиям.
Выбор по направлению
В списке сразу видно специализацию каждого тренера
Профиль перед занятием
Опыт, описание и программы помогают понять, подходит ли тренер пользователю
Прогресс и расписание тренировок
Можно посмотреть результаты и сразу решить, когда тренироваться дальше
В одном разделе собрала текущие тренировки, основные показатели и календарь. Пользователь видит, сколько уже занимался, какие дни запланированы, и может настроить частоту и время следующих тренировок.
Прогресс и расписание тренировок
Можно посмотреть результаты и сразу решить, когда тренироваться дальше
В одном разделе собрала текущие тренировки, основные показатели и календарь. Пользователь видит, сколько уже занимался, какие дни запланированы, и может настроить частоту и время следующих тренировок.
Полезный контент рядом с тренировками
Статьи помогают пользователю лучше разбираться в тренировках, питании и восстановлении
Собрала статьи от тренеров и экспертов в отдельный раздел, разделила их по темам и добавила поиск. Так нужный материал можно найти прямо в приложении, не переходя к внешним источникам.
Полезный контент рядом с тренировками
Статьи помогают пользователю лучше разбираться в тренировках, питании и восстановлении
Собрала статьи от тренеров и экспертов в отдельный раздел, разделила их по темам и добавила поиск. Так нужный материал можно найти прямо в приложении, не переходя к внешним источникам.
Поиск и фильтры для быстрого выбора
Пользователь может искать по запросу или сразу сузить выбор по нужным параметрам
Добавила поиск и фильтры, чтобы с большим каталогом тренировок было проще работать. Пользователь может найти нужное по названию или теме, а затем уточнить выбор по уровню подготовки, направлению, длительности и зонам для работы.
Поиск и фильтры для быстрого выбора
Пользователь может искать по запросу или сразу сузить выбор по нужным параметрам
Добавила поиск и фильтры, чтобы с большим каталогом тренировок было проще работать. Пользователь может найти нужное по названию или теме, а затем уточнить выбор по уровню подготовки, направлению, длительности и зонам для работы.
Профиль и настройки под рукой
Собрала основные настройки аккаунта в одном разделе: личные данные, подписку, способы оплаты, уведомления, избранное и тему оформления. Отдельно предусмотрела редактирование профиля, чтобы нужные данные можно было обновить в любой момент.
Управление аккаунтом
Личные данные, подписка, способы оплаты и пароль собраны в одном разделе
Настройки под себя
Уведомления, избранное и тема оформления позволяют адаптировать приложение под пользователя
Профиль и настройки под рукой
Собрала основные настройки аккаунта в одном разделе: личные данные, подписку, способы оплаты, уведомления, избранное и тему оформления. Отдельно предусмотрела редактирование профиля, чтобы нужные данные можно было обновить в любой момент.
Управление аккаунтом
Личные данные, подписка, способы оплаты и пароль собраны в одном разделе
Настройки под себя
Уведомления, избранное и тема оформления позволяют адаптировать приложение под пользователя
Единая дизайн система для всего приложения
Система помогла сохранить единый визуальный язык и быстрее собирать новые экраны
Собрала дизайн систему с цветами, типографикой, сеткой и основными элементами интерфейса. По мере развития продукта дополняла её новыми состояниями и паттернами, чтобы экраны оставались последовательными и визуально связанными между собой.
Единая дизайн система для всего приложения
Система помогла сохранить единый визуальный язык и быстрее собирать новые экраны
Собрала дизайн систему с цветами, типографикой, сеткой и основными элементами интерфейса. По мере развития продукта дополняла её новыми состояниями и паттернами, чтобы экраны оставались последовательными и визуально связанными между собой.
Гипотезы для развития продукта
Продумала, как усилить мотивацию и персонализацию в следующих итерациях
После проработки основных сценариев сформулировала две идеи для дальнейшего развития продукта. Обе направлены на то, чтобы поддерживать регулярность тренировок и давать пользователю больше персональной поддержки.
Личный тренер
Возможность выбрать тренера, получать персональные рекомендации и обращаться к нему в процессе занятий
Награды и достижения
Система наград за регулярность и результаты помогает замечать прогресс и поддерживать интерес к тренировкам
Первая гипотеза
Личный тренер
Вторая гипотеза
Награды и достижения
Гипотезы для развития продукта
Продумала, как усилить мотивацию и персонализацию в следующих итерациях
После проработки основных сценариев сформулировала две идеи для дальнейшего развития продукта. Обе направлены на то, чтобы поддерживать регулярность тренировок и давать пользователю больше персональной поддержки.
Личный тренер
Возможность выбрать тренера, получать персональные рекомендации и обращаться к нему в процессе занятий
Награды и достижения
Система наград за регулярность и результаты помогает замечать прогресс и поддерживать интерес к тренировкам
Первая гипотеза
Личный тренер
Вторая гипотеза
Награды и достижения
Результат проектирования
От первого входа до тренировки, прогресса и планирования в одном MVP
В результате спроектировала целостный MVP приложения для онлайн тренировок: от онбординга и персонализации до выбора программ, занятий, прогресса и управления аккаунтом. Проработала более 124 экранов, пользовательские сценарии, тестирование и дизайн систему.
Полный пользовательский путь
От первого входа и подбора программы до тренировки, прогресса и планирования следующих занятий
Проверенные решения
Ключевые сценарии прорабатывала через исследования, wireframes и пользовательское тестирование
Системный интерфейс
Дизайн система помогла сохранить единый подход на большом количестве экранов и поддержать светлую и тёмную темы