🌡️ Порядок действий на проекте (шаблон конструктора процесса)
1. Инициация
| № | Этап | Артефакт |
|---|---|---|
| 1 | Изучаем вводные | Собираем вводные и структурируем их в figma или miro |
| 2 | Собираемся с командой, обсуждаем детали, идем к заказчику и проходимся по тем же деталям | Запись звонка (при необходимости) |
| 3 | Брифинг (после первой связи с заказчиком составляем точечные вопросы под его нишу) | Данные в figma или miro |
| 4 | Планируем свои работы, переоцениваем | Табличка с оценкой (вероятно в google таблицах) |
| 5 | Подготавливаем инфраструктуру проекта (файл миро, файлы в figma с китами, платформами и т. д., линкуем все друг с другом и дружим) | В зависимости от необходимых этапов (UX/UI) разворачиваем и подготавливаем для работы figma или miro |
2. Исследование и анализ
| № | Name | Артефакт |
|---|---|---|
| 1 | Более глубокое погружение (конкуренты, тренды ниши, информация из открытых источников) | Информация в структурированном виде в figma или miro |
| 2 | Интервью с конечным пользователем (по возможности) | Запись звонка и follow up |
| 3 | Построение портретов и CJM (или JTBD — редко) | CJM в miro |
| 4 | Поиск решений (рядом в миро описываем развернутое решение проблемы) | Решение figma или miro |
3. Проектирование (UX)
| № | Name | Артефакт |
|---|---|---|
| 1 | Обязательные брейншторм со всей командой (начинаем с презентации того что наанализировали, показываем как решаем проблемы и все ли понимают эти решения или есть что добавить, при возможности подключить к брейншторму клиента) | Информация в структурированном виде в figma или miro |
| 2 | Собираем фич лист с приоритетами (не большой как правило, показывает на какие фичи мы хотим обратить внимание) | Фич лист с преоритезацией |
| 3 | Собираем user-flow | User-flow |
| 4 | Собираем варфреймы (средне детализированные прототипы) | Ссылка на прототипы |
| 5 | Создаем интерактивный прототип (при необходимости следующего пункта) | Ссылка на интерактивный прототип |
| 6 | Тесты интерфейса (коридорное тестирование или фокус группы) | Информация в структурированном виде в figma или miro |
| 7 | Визуальная концепция (возможно с парой анимаций) | Дизайн в Figma |
| 8 | Презентация для заказчика (pdf в несколько слайдов c описанием решений) | PDF презентация |
4. Защита
| № | Name | Артефакт |
|---|---|---|
| 1 | Показываем клиенту и аргументируем наши решения (тут важен факт аргументации, мы не защищаем свою работу, мы аргументируем именно свои решения, которые заказчик еще не понимает, ровно так же как и мы часть его бизнеса) | Удобный для нас формат |
5. UI
| № | Этап | Артефакт |
|---|---|---|
| 1 | Собираем UI Kit | Отдельный файл в Figma |
| 2 | Начинаем проработку сценариев согласно варфреймам и визуальной концепции | Один или несколько файлов с дизайнами в Figma |
| 3 | Дорабатываем анимации | JSON с анимациями или подробная раскадровка с описыванием и тайм-кодами |
| 4 | Презентуем клиенту (важно что бы он сказал что точно все принимает) | Запись или скрин его подтверждения |
6. Завершение и тестирование
| № | Этап | Артефакт |
|---|---|---|
| 1 | Подготовка макетов для разработчиков (прибираемся в figma, раскидываем стрелочки при необходимости) | Файлы в figma |
| 2 | Подготавливаем материалы для макетов, для участия в конкурсах и прочие штуки по запросу | Отдельная страница в figma с подготовленными работами для публикаций |
| 3 | Visual Question Answering (визуальное тестирование каждого билда) | Страница в figma |
7. Поддержка
| № | Этап | Артефакт |
|---|---|---|
| 1 | Аналитика и поддержка изменений, продуктовый анализ | Выводы основанные на метриках в figma или miro |
| 2 | Доработки по BackLog | BackLog с приоритезацией и пометками о том что принято в работу и желательные даты к реализации (в любом удобном формате) |
| 3 | Актуализация всех связанных материалов при добавлении новой фичи | Файл figma и список номеров экранов для разработчиков, в которых происходили изменения |