Бесплатные online-ресурсы для прототипирования сайтов

Опубликовано 22.02.2017 · в Прототипирование

Прототипирование представляет собой один из значимых этапов разработки любого сайта, которому не всегда уделяют достаточно внимания, или вовсе пропускают. Разработка прототипа сайта позволяет избежать так называемых «ошибок недопонимания».  Благодаря этому этапу можно создать ресурс, учитывая требования не только заказчика, но и предполагаемой целевой аудитории, а также обеспечить максимально удобную и детально продуманную структуру.

Однако, самое главное, на что хотелось бы обратить внимание, прототипирование дает возможность избежать лишних временных и денежных затрат.

В настоящее время существует множество как платных, так и бесплатных ресурсов, которые позволяют быстро и легко разрабатывать прототипы различной сложности, вплоть до интерактивных. Однако, без выявления основной цели создания сайта, портрета целевой аудитории и проработки данных, полученных от заказчика, даже с помощью онлайн-инструментов провести качественное прототипирование не удастся. Это мы уже обсудили более подробно в предыдущих публикациях на тему «Прототипирование сайтов. С чего начать?».

В этой статье мы представим бесплатные сервисы для прототипирования интерфейсов, которые пользуются наибольшей популярностью сегодня:

1) MockFlow

mockflow
Сервис функционирует онлайн и оффлайн. В распоряжение пользователей предоставлена большая библиотека всевозможных элементов и шаблонов. В результате можно создавать даже сложные прототипы.
Тарифы: есть платный и бесплатный тарифные планы. Во втором ограничение на создание одного прототипа не более чем на 4 страницы, 10 Мб пространства на диске и экспорт разработанного макета с наложенным копирайтом.

2) Сreately

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

3) Cacoo

Cacoo
Главная «фишка» ресурса состоит в том, что он позволяет работать над прототипом совместно. Для этого необходимо зарегистрироваться, после чего пользователь попадает в графический редактор. Еще одно достоинство данного сайта в большом количестве дополнительных модулей. Благодаря ним можно разработать даже самую сложную схему.
Тарифы: бесплатная версия позволяет производить экспорт только в формате png. Платная версия также открывает доступ к формату svg и неограниченному количеству диаграмм. Стоимость платной версии всего 5 долларов в месяц.

4) ProtoShare

protoshare
Ресурс обеспечивает пользователя всем необходимым для создания макетов и прототипов любой сложности. Им пользуются множество известных компаний, организаций и учреждений, среди которых P&G, Leighton, Stanford University, Toastmasters International и др.
Тарифы: платная версия от 29 долларов в месяц. Ресурс предлагает бесплатную пробную версию на 30 дне с полным функционалом.

5) iPlotz

iplotz
Серьезный инструмент, который работает в режиме онлайн и оффлайн. Большая библиотека элементов и частично русская версия – несомненно, достоинства ресурса. Кстати, он также предусматривает прототипирование интерфейсов для мобильной версии сайта.
Тарифы: платная и бесплатная версия. Вторая доступна только онлайн.

6) Pencil Project

Pencil Project
Инструмент представляет собой плагин для FireFox. Однако, он заслуживает внимание не менее, чем ранее перечисленные. Он тщательно продуман. Создавать интерфейсы очень удобно благодаря большому количеству функций, инструментов и элементов. Можно разрабатывать многостраничные документы, осуществлять экспорт png, html и др.
Тарифы: бесплатно

Конечно же, однозначно рекомендовать определенный инструмент мы не можем. Все зависит от индивидуальных предпочтений разработчика, а также особенностей разрабатываемого сайта. На наш взгляд, стоит опробовать в работе, по крайней мере, 3 из представленных инструментов для прототипирования и определиться, какой для вас оптимально подходит. Также можно варьировать их в зависимости от поставленных в разработке задач. Таким образом, вы сможете создать для себя оптимальную систему работы с прототипами.