ШАГ 1:
Определить структуру 5 экранов приложения
Описание шага
[Что делать] Выбери тему app (фитнес-трекер), перечисли 5 экранов: логин, дашборд и т.д. Нарисуй user flow.
[Как это работает] Структура предотвращает хаос в дизайне.
[Ожидаемый результат] Бриф и схема навигации.
[Критерий готовности] Документ с 5 экранами + flow-диаграмма.
Как выполнить шаг
1) [Подготовка] Блокнот, 20 мин.
2) [Действие 1] Тема: фитнес.
3) [Действие 2] Экраны: логин, home, прогресс.
4) [Действие 3] Стрелки flow.
5) [Проверка результата] Логичная навигация.
6) [Что дальше] Wireframe логин.
Частые ошибки
1. [Слишком сложная тема]: Начни с трекера, не соцсети.
2. [Без flow]: Потеряешься в экранах.
3. [Мало экранов]: 5 — оптимум для новичка.
Полезные инструменты
Блокнот, диаграммы онлайн
🎯 Цель с этим шагом
Создай UI для мобильного приложения: 5 экранов (логин, профиль, дашборд, поиск, детали). За 6 недель научишься wireframes, компонентам, гайдлайнам — база для работы в продуктовых командах или фрилансе.
Подробнее о цели →