В работе над цифровым продуктом производственный процесс принято делить на два фундаментальных этапа: Проектирование и Реализация.

Проектирование

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

  • Изучаются потребности пользователей или бизнеса.
  • Формируется видение продукта или проекта.
  • Оценивается техническая реализуемость.
  • Проводятся интервью, аналитика, прототипирование

Выход этапа: сформулированный и примерно оценённый план работ.

Прототипирование Прототипирование в продуктовой разработке в IT — это процесс создания упрощённой версии продукта (экраны, макеты, кликабельные прототипы), чтобы заранее проверить идею, сценарий и интерфейс до дорогой разработки.

Задачи PM

  • Организовать взаимодействие исполнительной команды и заказчиков на этапе анализа и формирования требований.
  • Зафиксировать требования, ограничения, риски.
  • Согласовать план, бюджет и сроки.
  • Обеспечить прозрачность процесса для всех участников.

Реализация

Реализация — это фаза исполнения, когда команда разрабатывает и поставляет изменения на конечного потребителя.

  • Разработка, тестирование, внедрение.
  • Постоянная проверка прогресса и качества.
  • Итеративная или каскадная работа (в зависимости от методологии, которые разберём буквально в следующей статье).

Выход этапа: готовый и переданный заказчику продукт или функционал.

Задачи PM

  • Следить за выполнением задач в срок.
  • Управлять изменениями и рисками.
  • Поддерживать коммуникацию между командой и заказчиками.
  • Организовывать демо, релизы, приёмку.

Заключение

Для закрепления материала

  • Сделать прототип. Задание Ниже 😊

Задание: Прототипирование интернет-магазина (MVP)

Цель: Спроектировать логику взаимодействия пользователя с сайтом на примере трех базовых страниц.

Концепция Придумай тематику своего интернет-магазина. Это может быть что угодно: от продажи редких кактусов до магазина кибер-протезов. Тематика не важна, важно — как пользователь будет покупать.

Задача Нужно создать схематичный прототип (Wireframe) трех страниц. Не используй цвета, картинки или красивые шрифты. Используй простые прямоугольники, линии и шаблонный текст. Главное — расположение блоков и навигация.

Страницы для разработки:

  1. Главная страница: Витрина магазина. То, что видит пользователь, когда только зашел.

  2. Каталог товаров: Страница, где пользователь выбирает и фильтрует товары.

  3. Карточка товара: Страница конкретного продукта с деталями и возможностью покупки.

3. Инструменты (Где делать) Выбери любой удобный инструмент. Подойдет:

  • Figma (черно-белый набросок).

  • Miro.

  • Или просто ручка и лист бумаги (сфотографируй результат).

4. Подсказка В задании намеренно не указан список обязательных элементов. Чтобы понять, какие блоки должны быть на сайте (как пользователь поймет, где он? как он найдет товар? как вернется назад?), сделай бенчмаркинг.

  • Открой 2-3 популярных интернет-магазина (На свой выбор, могут быть Ozon, Wildberries, Lamoda, Amazon и т.д).

  • Посмотри, какие элементы повторяются на всех этих сайтах вверху, внизу и по бокам.

  • Внедри эти паттерны в свой прототип.

Критерии проверки:

  • Понятна ли навигация между тремя страницами?

  • Есть ли на страницах привычные для пользователя элементы управления (на основе анализа конкурентов)?

  • Логично ли расположены блоки (от важного к второстепенному)?

Что дальше?

➡️Обязательные к знанию методологии и методы