Инструменты для прототипирования мобильных приложений

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

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

Однако, на практике специалисты сталкиваются с тем, что далеко не все инструменты прототипирования универсальны. Именно поэтому, если Вам нужно разработать мобильное приложение, для прототипирования придется подобрать отдельный, заточенный для выполнения этих задач, инструмент. К счастью разработчиков сегодня существует множество инструментов, которые позволяют создавать так называемые быстрые прототипы. Наверняка Вы уже имели дело с этим понятием, но на всякий случай хотелось бы уточнить.

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

Представьте, что клиент, заказывающий разработку приложения, говорит, скажем, на французском языке, а разработчик владеет только немецким. Клиент имеет некие базовые познания в немецком языке и ему удалось объяснить заказ исполнителю, однако, обсудить детали и уточнить свои ожидания из-за ограниченного словарного запаса никак не получится. Именно в такой ситуации прототип, благодаря своему чудесному свойству устранять недопонимание, позволит разработчику в точности понять, что от него требуется, а заказчику получить ожидаемый результат.

Конечно же, пример несколько утрирован, однако, довольно часто клиент и исполнитель, хотя и говорят на одном языке, но не могут друг друга понять.

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

Платформы для создания быстрых прототипов приложений:

1) Proto

Proto.io
Эта платформа позволяет создавать интерактивные прототипы и обеспечивает симуляцию основных действий пользователя. Предусмотрены редактор, панель инструментов и плеер, позволяющий оценить прототип в работе. Также результат можно протестировать на смартфоне или в браузере.

2) HotGloo

HotGloo
Инструмент имеет «сильную» библиотеку элементов, также есть поддержка CSS3-эффектов. Над одним проектом могут совместно работать несколько специалистов, также предусмотрены комментарии онлайн.

3) Balsamiq

Balsamiq
Этот инструмент по праву считается одним из самых популярных в прототипировании мобильных приложений и интерфейсов. Он предлагает множество иконок и других необходимых элементов. Также разработчики имеют доступ к шаблонам под основные мобильные ОС.

4) Wireframe

wireframe
Достаточно простой сервис, позволяющий очень быстро рисовать элементы всего парой кликов. Для разработки шаблона есть два поля: вид на экране смартфона и вид в браузере. Также предусмотрены варианты для разработки дизайна горизонтальной и вертикальной ориентации.

5) Fluid

fluid
Внешний вид сервиса не изящен, из-за чего его часто недооценивают. На самом деле он имеет все необходимые функции. Позволяет создавать прототипы приложений под iOS, Android, Windows 8. Редактировать макет можно перетаскиванием элементов, также поддерживает анимацию и располагает библиотекой, в которой свыше 1700 всевозможных элементов. Экспортировать прототипы можно в документы и изображения разных форматов.

6) Protoshare

protoshare
Серьезный конструктор. Поддерживает 2D и 3D-анимацию прототипов. Для тестирования разработку можно экспортировать и установить на смартфоны с ОС Android, iPhone и iPad.

7) UXPin

UXPin
Прототипы создают на основе простой разметки. Предусмотрен контроль итераций. Можно совместно редактировать и комментировать разработку в режиме онлайн.

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