DIGITAL WARS. Обзор софта для прототипирования.

31.01.2019
Зачем нужен прототип?
В одной далекой галактике...
Необходимость использования прототипов при создании сайта начала активно обсуждаться несколько лет назад. Постепенно наметился отход от схемы «дизайнер рисует макет — программист прикручивает к нему код».

Зачем нужны прототипы в вебе?
С точки зрения веб-разработчиков, прототипирование — естественный этап в работе над сайтом, такой же, как чертеж или макет в проектировании машин и зданий
Никита Михеенков
руководитель студии NiMAX

Какой софт
выбрать?
Пора выбирать сторону
Для удобства оценки мы будем сравнивать софт по следующим параметрам, влияющим на работу:
1
Язык сервиса
интерфеис и материалы
2
Бесплатный тариф
бесплатный тариф или пробный период
3
Минимальный тариф
стоимость самого дешевого тарифа или лицензии
4
Техподдержка
возможные способы связи с технической поддержкой сервиса
5
Интеграции
возможные интеграции с другими сервисами
6
Особенности
отличительные «фишки» инструмента
7
Десктоп или веб
некоторые из сервисов представляют из себя несколько версий продукта
8
Mobile app
наличие мобильного приложения для предпросмотра прототипов
9
Репутация и клиенты
список самых известных клиентов
Axure
Одно из самых известных приложений для создания прототипов. Позволяет создавать блок-схемы, каркасы, макеты, маршрут пользователя по сайту и многое другое


Бойцы на передовой
InVision
Удобный интерфейс, возможность организовывать командную работу. Удобная работа с адаптивом и анимации с возможностью настройки.
Adobe XD
Быстрый переход из прототипа в приложение, возможность моментально посмотреть изменения в прототипе на мобильных устройствах. Последнее обновление принесло много плюсов, расширенная интеграции, дополнения, символы можно связывать между документами, auto animate, новый голосовой тригер для взаимодействий.
Sketch
Это знаменитый инструмент создан эксклюзивно для Mac, так что он лучше всего подойдет для создания прототипов для приложений на iOS. Имеет коллосальное количество интеграций с многими сервисами.
Figma
Интересный графический инструмент с набором стандартных функций для создания прототипов, возможностью командной работы, Handoff и архивом версий макета.
Framer X
Интересный инструмент с набором стандартных функций для создания прототипов и возможностью работы с кодом.
Подробный обзор в PDF-версии
С подробным обзором, в котором наиболее полно описаны все плюсы и минусы, можно озакомиться в прикрепнном документе.
Что
дальше?
Кто победит в войне?
Сервисы в борьбе за аудиторию очень динамично развиваются и «гонка вооружений» становится только ожесточеннее. В будущем стоит ожидать больше возможностей для прототипирования, например:
1
Эпоха API
Возможность интеграции продукта с помощью API дает не только пользу для клиента, но и преимущество перед конкурентами, а значит мы еще не раз услышим эту аббревиатуру
2
Voice interface
Голосовые помощники хорошо устроились в наших гаджетах и разработчики софта не смогут долго игнорировать сигмент дизайна для подобных сервисов
3
Algorithmic design
Генераторов всего чего угодно существует много, чем digital хуже? Пристегнитесь фьючер уже наступило! XD
4
Больше свободы
Каждое обновление софта приносит пользователям больше возможностей для воплощения своих идей
Игорь Ерешко
Графический дизайнер
Спасибо за внимание! Материал подготовлен при поддержке студии и будет обновляться по мере апдейта приложений. Ваши отзывы и предложения присылайте в группы наших соц. сетей, комментариях к постам, а также на почту.
Да прибудет с вами web!