День 1. Понедельник — планирование и исследование
Цель дня: сформировать четкое понятие задачи, определить аудиторию и KPI.
Что сделала:
День 2. Вторник — информационная архитектура и скетчи
День 1. Понедельник — планирование и исследование
Цель дня: сформировать четкое понятие задачи, определить аудиторию и KPI.
Что сделала:
- Прочитала бриф и вопросы клиента, отметил непонятные моменты.
- Собрала короткий опрос для стейкхолдеров: цель проекта, целевая аудитория, ключевые метрики, лимиты.
- Создала карту эмпатии и карту проблем пользователя.
- Обозначила минимальный набор артефактов: sitemap, пользовательские истории, список задач. Инструменты: Notion для брифа, Miro для карты эмпатии, Figma для быстрое черновые вайрфреймы. Ключевые выводы:
- Главная цель не всегда совпадает с тем, что говорит клиент. Нужно уточнить метрики и время, которое можно потратить на первую итерацию.
- Нужно 1-страничный бриф и 2 черновых прототипа, чтобы проверить направление.
День 2. Вторник — информационная архитектура и скетчи
Цель дня: оформить IA и заготовки визуального потока.
Что сделала:
- Построила карту сайта и поток регистрации/покупки.
- Написала 5–6 пользовательских историй под разные сценарии.
- Сделала быстрые скетчи экранов: главная, страница продукта, экран регистрации.
- Обсудила идеи с PM и UX-исследователем, получил первые замечания по навигации. Инструменты: Figma (wireframes), Excalidraw/Menuko для быстрого эскиза, Notion для документации. Ключевые выводы:
- Есть дублирующиеся пути в навигации, их нужно удалить.
- Важна ясная дорожка чтения: в следующий этап сделаю упор на понятные заголовки и кнопку призыва к действию.
День 3. Среда — вайрфреймы и прототип
Цель дня: перевести скетчи в рабочие вайрфреймы и подготовить прототип для внутреннего тестирования.
Что сделала:
- Создала детальные вайрфреймы для главной страницы, карточки продукта, формы заказа.
- Построила базовый интерактивный прототип в Figma (клик по кнопкам, переходы между экранами).
- Провела быстрый внутренний тест с коллегами: посмотрели поток и выявили узкие места. Инструменты: Figma, Loom (для записи обзора прототипа), Notion для комментариев. Ключевые выводы:
- Нужно увеличить читаемость заголовков и сделать CTA более заметной без перегрузки экрана.
- Вовывающиеся подсказки на форме заказа снизят когнитивную нагрузку.
День 4. Четверг — визуальный дизайн и типографика
Цель дня: внедрить визуальную систему и проверить типографику на реальных композициях.
Что сделал:
- Подобрала 2–3 гарнитура и задал базовую типографику: размеры тела 16–18px, межстрочный 1.5–1.6, контраст по спефику.
- Разработала стиль кнопок, цветовую схему и сетку 8pt/12pt, обеспечил единый ритм по всем экранам.
- Обновила дизайн-систему: набор компонентов, правила состояния (hover, active, disabled). Инструменты: Figma, Abstract/Design System документооборот, Figma Tokens (для переменных). Ключевые выводы:
- Правильная типографика заметно влияет на читабельность и конверсию. В следующей итерации добавлю больше вариантов для A/B-тестов.
- Согласованный ритм и цвета снижают визуальный шум и улучшают восприятие.
День 5. Пятница — передача и сбор обратной связи
Цель дня: подготовить спецификации для разработки и собрать финальную обратную связь.
Что сделала:
- Подготовила спринт-лист: страницы/экраны, веса шрифтов, состояния элементов, анимации.
- Написала краткие гайдлайны по стилю и доступности для разработчиков.
- Провела синхронизацию с командой разработки: объяснил логику принятия решений, получил комментарии по ограничителям и срокам.
- Собрала
- обратную связь от клиента и команды: что нужно поменять в следующей итерации, какие риски. Инструменты: Notion (спецификации), Figma (последние правки), Jira/Ting для трекинга задач. Ключевые выводы:
- Регулярная коммуникация на этапе передачи сокращает правки на проде.
- Четко зафиксированные задачи и критерии приемки помогают держать проект в рамках.
Итог недели
- Что улучшилось: ясность целей на старте, единая типографика и сетка, ускорение передачи спецификаций.
- Что осталось доработать: оптимизация форм заказа по доступности, дополнительные визуальные эффекты без перегруза.
- Что возьму в следующую неделю: протестировать альтернативные заголовки и кнопки, провести пользовательское тестирование прототипа, обновить документацию по дизайн-системе.