Разделы блога
Рассылка

Подпишитесь на рассылку и получите чек-лист и шаблон контент-плана в подарок

согласен с правилами подписки

Обзор сервисов прототипирования — визуализация идеи сайта в деталях 

Руководитель проекта, копирайтер
11.10.2018

Продуманный в деталях дизайн или макет сайта дает 50% успеха. Уже прошло то время, когда дизайнеры и маркетологи бегали с листком бумаги и карандашом, на ходу объясняя особенности проекта. Сейчас визуализация проекта в малейших подробностях делается в сервисах прототипирования. Об их значении для предпринимателя я писала в этом посте.


Эти сервисы позволяют работать удаленно, самостоятельном и в команде, облегчают восприятие и легко отправляются клиенту и дизайнеру в удобном формате.

 

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


Axure

Axure – одно из самых крупных и популярных приложений по созданию прототипов веб-сайтов и приложений. В нем широкий функционал с огромным набором инструментов. Программа позволяет создавать сложные, высококачественные элементы и макеты.
Плюс программы – это возможность запрограммировать поведение кнопок, контейнеров, виджетов, что позволяет готовому прототипу функционировать сразу же как полноценный сайт или приложение.
Приложение требует установки софта на ПК, онлайн-версия недоступна. Работает с Windows и macOS.
Axure«Фишки» Axure:

  • Прототипы собираются на основе базовых элементов. Все элементы объединены в библиотеки.
  • Динамические панели. Это объект или группа объектов, которые переносятся в отдельную бесконечную область, внутри которой также можно создать бесконечное количество рабочих областей, состояний. Сами динамические панели можно скрывать, перемещать, менять контент на страницах. С их помощью реализуются табы, модальные всплывающие окна, сложные эффекты при наведении.
  • Сквозные элементы, которые будут неизменны на всех страницах: шапка, подвал, форма подписки, карточка товара в списке.



Moqups

Moqups – популярный и удобный сервис для создания прототипов.
Главная особенность – онлайн-сервис, а это значит, что вы в любое время можете показать свой проект заказчику. Необходимо лишь прислать ссылку на страницу с прототипом.
Есть возможность подключить ссылки, добавить свои собственные изображения, экспортировать в файлы PDF/PNG.

Moqups Еще одно качество, которое выделяет Moqups — это удобный и несложный интерфейс: буквально за пару часов плотной работы вы разберетесь со всеми премудростями приложения. Этот инструмент отлично подойдет тем, кто рисует в цвете, и тем, кто работает схематично. Прототипы получаются наглядные.
Есть платная и бесплатная версии. Поддерживает платформы: Browser-Based, All Browsers, Chrome App.

Draw.io

Эта программа будет вашей находкой при создании различных диаграмм, блок-схем и графиков.
Для полноценной работы не нужно проходить регистрацию и авторизацию на сайте.
Выполненные проекты можно хранить на удаленных хранилищах – облаках или программе «Trello».

Draw.ioДля удобства использования онлайн-инструмента draw.io имеется верхняя панель управления, содержащая кнопки отмены действий, масштаба, прокрутки, управления слоями.
Приложение можно скачать в виде программы на ПК (работает на операционных системах Windows, MacOs, Chrome OS, Linux), а также установить как мобильное приложение, работающее, как на iOS, так и на Android.

Существенный плюс — сервис бесплатный.

NinjaMock

В бесплатной версии сервиса доступно все: неограниченное количество страниц в проектах, экспорт в PDF и PNG, поддержка комментариев, использование мастер-страниц.  
Приложение поддерживает следующие платформы: android, iOs, windows, freenand, Microsoft surface. 

NinjaMock.jpg

Разработчики предоставляют основные векторные инструменты, необходимые при прототипировании: прямоугольник, эллипс, линия, полигон, поли-линия, кривые Безье, а также карандаш, позволяющий рисовать от руки.
Есть функция комментирования с поддержкой ответов на комментарии, изменения статусов комментариев, а также уведомлений по электронной почте. Есть возможность проставления статусов отдельных страниц прототипов (In progress, Completed, Approved). Это позволяет легко определить, насколько близко к завершению находится прототип при совместной работе с дизайнером и заказчиком.
Готовый прототип можно отправить клиенту, чтобы получить о нем отзывы.  Любую страницу прототипа можно выбрать как шаблон для любой другой страницы.
В NinjaMock есть специальный тип учетной записи — ProPlus. Администратор ProPlus может добавлять и удалять пользователей, а также назначать им различные роли и права. Пока можно выбрать одну из трех ролей (Administrator, Designer, Reviewer).


MockFlow

MockFlow — богатый онлайн-инструмент с пакетом отдельных приложений WireframePro, AnnotatePro, BannerPro, DesignCollab, WebsitePro. MockFlow поможет в создании сайтов, баннеров, прототипов сайтов и мобильных приложений.

MockFlowСервис дает возможность совместной работы над дизайн-проектами.
Из плюсов программы: чат, режим презентации, экспорт дизайна в PNG, увеличение макетов, история версий, преобразование SiteMap в Excel, библиотека компонентов макетов, оффлайн-режим, захват веб-страниц и многое другое.
Без проблем интегрирует с другими сервисами: Slack, Trello, Jira.
Стартовый тариф Mockflow стоит $14 в месяц.

___________________________


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

Нужен прототип для сайта или лендинга? Заполняйте ТЗ под этим постом, я свяжусь с вами в течение 30 минут.

× Могу я чем-нибудь помочь?