Как правильно выбрать инструмент для прототипирования

Как правильно выбрать инструмент для прототипирования

Время чтения: 4 мин.


Три вопроса, которые нужно задать себе при выборе инструмента для создания прототипа.

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


При выборе инструмента для создания прототипа обязательно задайте себе следующие три вопроса:


1. Чему вы хотите научиться от своего прототипа?


Вы должны иметь четкое представление о том, прототип чего вам нужно создать и зачем вам это нужно. У вам могут быть вопросы, на которые вы хотите узнать ответ, подтвердить определенную гипотезу или понять цель обучения. Например, вы захотите проверить, в правильном ли направлении движется ваш процесс. Тогда вам пригодятся такие инструменты, как InVision или Marvel. Или, может, вам понадобится протестировать онлайн-форму, чтобы убедиться, что у пользователей нет проблем с ее заполнением. В таком случае вам нужен будет такой инструмент, как Axure или даже настоящий закодированный прототип.



2. Какие у вас есть ресурсы для создания прототипа? (Время, люди, навыки, бюджет)


Если вам нужно решить проблему в короткие сроки, узнайте побольше о быстрых бумажных прототипах (вы можете воспользоваться сервисами InVision или Marvel, чтобы сделать их кликабельными).  


Если вы вы работаете в одиночку, то ваши навыки и инструменты ограничиваются лишь тем, что вы знаете, как использовать. Работаете в большой команде, где можно подчерпнуть у других новых умений? Тогда нет ничего лучше, чем кодированный прототип, так как код, который вы создаете, потом может быть использован при окончательной реализации продукта. Так даже лучше, ведь вы можете протестировать идеи на своем реальном продукте (используя feature toggles или сплит тесты).


Наконец, не забывайте о бюджете. Создание прототипов требует вашего времени и усилий. Большинство прототипов в конечном итоге отправятся на свалку, но ценность состоит в том, чему вы с этого научитесь. Если есть более дешевый способ для тестирования, то смело используйте его. 



3. Что вы будете делать дальше с прототипом?


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


И что вы будете делать с прототипом после теста? Будете ли вы использовать его для дальнейшего тестирования, повышать точность прототипа в другом инструменте или просто передадите свои результаты разработчикам? Ответы на все эти вопросы помогут вам выбрать правильный инструмент. 


Вот полезные модели для личного определения:




Популярным выбором среди дизайнеров являются сервисы InVision и Principe. Далее немного подробнее о них.



InVision


Отличное решение для прототипирования — связать страницы простыми хот-спотами InVision. Потом все это можно удобно интегрировать в Sketch и Photoshop, что позволяет вам создать хороший рабочий прототип за короткий период времени. К сожалению, в этой программе нет возможности анимировать элементы. Доступны лишь базовые функции и растровые изображения вроде JPG и PNG.




Principle


На разработку прототипа в этом сервисе требуется больше времени, чем в InVision, но зато он позволяет точно настраивать анимацию и прорабатывать изменения в позиции, размере, цвете и других параметрах отдельных элементов. Посмотрите на эту GIF-ку, которую я сделал за 20 минут:

Результат вышел очень детальным, анимация выглядит качественной и плавной.


Principe - отличный выбор для дизайна UI-анимаций, но для более сложных дизайн-решений (по типу тестирования юзабилити) данного сервиса может быть недостаточно. Тогда вам могут понадобиться кодированные прототипы, созданные в HTML, Framer или Ionic. 



Вывод


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