Протипирование – MVP на салфетке

Суть метода

Прототипирование на любой стадии проектирования продукта позволяет быстро проверять ваши смелые предположения о функциональности и внешнем виде продукта.

Цель - протестировать решение, оценить стоимость решения или собрать о нем отзывы - как от внутренних, так и от внешних сторон - перед тем как планируется создание конечного продукта. Это гибкая штука, благодаря нему команда может быстро и гибко вносить изменения без расходования ресурсов.

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

На каких этапах и для чего применим

В начале необходимо определить точность прототипа в зависимости от стадии проектирования, ресурсов и целей. Например, если цель состоит в том, чтобы дать клиенту первоначальное представление о пользовательском опыте, может быть достаточно прототипа на бумаге. Если же у вас продукт, который вы продаете, необходим более подходящий и качественный вариант.

Как работать с методом

Стандартная практика - создавайте наиболее простые и дешевые прототипы в начале процесса проектирования, когда вы пытаетесь объяснить свои мысли и идеи, чтобы определить, каким должен быть конечный результат. Их легко пересмотреть и внести изменения.

Примеры

1. Аудио прототип. Для самых быстрых и смелых.

2. Lo-fi прототип. Самый простой способ для показа сценариев пользователя. Обычно, это лист бумаги где умещены все сущности связи между ними.

2. Текстовый прототип. Самый быстрый и простой способ с описанием необходимыми сущностями и компонентами.

3. Бумажные прототипы и эскизы. Изображение или сценарий, нарисованных на нескольких листах, и описывающих взаимодействие.

4. Прототипы с низкой детализацией. Похож на бумажный, но уже онлайн. Отлично подойдет https://excalidraw.com/

5. Интерактивные прототипы. Страницы, связанные ссылками или переходами, которые дают понимание основы взаимодействия с интерфейсом.

6. Цифровые прототипы. Финал со всеми функциями и элементами продукта с UI kit

7. Code based прототипы. Когда много ресурсов и желание покодить

8. No - code прототип. Ровно наоборот. Но времени и ресурсов достаточно для качественной проверки.

Популярные сервисы для прототипирования:

- Figma

- Axure RP

- Marvell app

- Moqups

- InVision

- AdobeXD

- др

Где прочитать подробнее:

1. Обширная статья от UI https://www.userinterviews.com/blog/best-prototype-templates-examples

2. От Ecwid https://www.productboard.com/blog/why-every-product-manager-should-be-able-to-prototype/

3. В целом концепция подхода к прототипированию https://formlabs.com/blog/ultimate-guide-to-rapid-prototyping/

Где научиться применять метод

1. Лекции ШМЯ https://www.youtube.com/watch?v=xHMEfrGzEY8