ProductCamp
11 сентября 2022
Протипирование – 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