HABIT TRACKER
Test Task
2025
Разработка концепции интерфейса для приложения отслеживания привычек.
ЦЕЛИ
1. Создать интуитивное приложение для постановки и отслеживания личных целей с минимальным барьером входа.
2. Мотивировать пользователей через геймификацию (прогресс, награды, соревнования).
3. Обеспечить персонализацию — адаптацию под разные сферы жизни (здоровье, обучение, спорт).
4. Разработать универсальный UI-стиль — удобный для ежедневного использования.
ЗАДАЧИ
• Проектирование информационной архитектуры и ключевых пользовательских сценариев.
• Создание вайрфреймов для 5-7 экранов (дашборд, цели, прогресс и др.).
• Разработка визуального стиля (цвета, типографика, UI-кит).
• Реализация микроанимаций для улучшения UX.
• Подготовка документации с обоснованием решений.
ПРОЦЕСС РАБОТЫ
Для разработки концепции приложения я провела анализ потребностей целевой аудитории и изучила современные тренды в трекинге привычек. Основной фокус — создать интуитивный и мотивирующий интерфейс, который помогает формировать полезные привычки, сохраняя баланс между функциональностью и визуальной привлекательностью.
АНАЛИЗ И КОНЦЕПЦИЯ
Приложение ориентировано на два типа пользователей:
• Новички, которым нужны подсказки и простой старт.
• Опытные, ценящие детальный контроль и статистику.
Ключевые принципы:
• Минимализм — фокус на целях без визуального шума.
• Гибкость — возможность настраивать цели под любые привычки.
• Доверие — прозрачный трекинг прогресса.
ИНФОРМАЦИОННАЯ АРХИТЕКТУРА
• Основной поток:Онбординг → Выбор интересов → Дашборд → Создание цели → Отслеживание.
• Доп. сценарии: редактирование целей, просмотр статистики, настройки.
ОНБОРДИНГ
Онбординг
→
Регистрация / Авторизация
→
Создание цели
→
Дашборд
ПОЛЬЗОВАТЕЛЬСКИЕ СЦЕНАРИИ
Для новичка:
1. Выбирает 3 интереса на онбординге.
2. Создаёт первую цель через шаблон («Медитировать 10 мин/день»).
3. Видит прогресс на дашборде.
Для опытного:
1. Редактирует существующую цель (увеличивает длительность).
2. Анализирует статистику за месяц.
3. Делится достижением в соцсетях.
КЛЮЧЕВЫЕ ЭКРАНЫ
1. Онбординг.
Цель экрана: Привлечь внимание пользователя и мотивировать его начать работу над собой / Коротко рассказать о пользе приложения.
2. Дашборд.
Цель экрана: Позволить пользователю зарегистрироваться удобным способом.
3. Создание цели.
Цель экрана: Создать персонализированный опыт.
4. Статистика.
Цель экрана: Визуализировать успехи и достижения.
НОВЫЙ ПОЛЬЗОВАТЕЛЬ
НОВЫЙ ПОЛЬЗОВАТЕЛЬ
Заполняет интересы
→
Создает первую цель
→
Получает рекомендации
→
Отслеживает прогресс
ОПЫТНЫЙ ПОЛЬЗОВАТЕЛЬ
ОПЫТНЫЙ ПОЛЬЗОВАТЕЛЬ
Заполняет интересы
→
Добавляет/редактирует цели
→
Проверяет достижения
→
Делится успехами
ВИЗУАЛЬНЫЙ СТИЛЬ
Цвета:
• Основной: синий (#4A6CF7) — ассоциации с продуктивностью.
• Акценты: зелёный (#2ECC71) для успешных действий, оранжевый (#FF9F43) для мотивации.
Типографика:
• Заголовки — Manrope Bold — чёткость и современность.
• Текст — Inter Regular — высокая читаемость.
UI элементы:
• Карточки с мягкими тенями.
• Круглые аватарки для социальных элементов.
АНИМАЦИИ
Для улучшения UX я предложила анимации: кнопки сжимаются при нажатии, поля подсвечиваются, цели «вырастают» при добавлении, прогресс заполняется плавно, а достижения сопровождаются бейджами. Свайпы и обновления дополнены мягкими переходами, делая интерфейс живым и интуитивным.
