О проекте

Fitness App — приложение для групповых тренировок по видео. Тренер собирает участников, запускает видеоурок, все занимаются одновременно, а за выполнение упражнений начисляются баллы. В конце занятия приложение подводит итоги и показывает победителя. Мы спроектировали интерфейс для двух ролей — ученика и тренера — и экран, который выводится на большой дисплей во время занятия.

Задача

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

Регистрация и роли

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

В разделе «Мой аккаунт» собраны имя, дата рождения, email и пароль, фото меняется по иконке камеры. Здесь же выбирается роль — «Ученик» или «Тренер». Мы не стали делать два отдельных приложения: роль переключается одним переключателем, а интерфейс подстраивается под неё.

Инструменты тренера

Главный экран тренера состоит из двух списков. Сверху — библиотека тренировок с видео: «Кардио 25 минут», «Стрейчинг 45 минут», «Шейпинг», «Аэробика 30 минут». Тренер отмечает нужную, а новую добавляет кнопкой «+». Ниже — участники с их баллами: галочкой тренер выбирает, кто попадёт в группу. Подготовка занятия укладывается в один экран и кнопку «Сохранить».

Во время тренировки

Сам урок рассчитан на большой экран. Видео занимает всё пространство, в углу крупно идёт таймер, рядом — кнопки запуска, паузы и остановки. Внизу в ряд стоят участники с фотографиями и баллами: каждый видит, что занимается не один, и может сравнить себя с остальными, не отрываясь от упражнений.

У ученика в телефоне в это время карточка «Идёт тренировка — повторяйте за тренером упражнения» и рейтинг группы с текущими баллами. Строка самого пользователя выделена цветом, поэтому своё место в таблице находится сразу, без прокрутки.

Финиш

Когда время выходит, поверх видео открывается итоговое окно: «Тренировка закончена. Поздравляем победителя». Справа — финальная таблица мест с баллами, слева — кнопка «Готово», которая закрывает занятие. Этот момент мы сделали отдельным экраном, а не всплывающим уведомлением: подведение итогов — та часть, ради которой участники и стараются до конца.

Результат

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