Інструменти прототипування

Прототипи, як інструменти дизайну, допомагають у процесі створення якісних користувальницьких інтерфейсів.

Інтерфейси, які створює розробник ПЗ, інтерактивні, відгукуються на вплив користувача і володіють емоціями. Прототипи дозволяють сформулювати почуття і функції дизайну так, як цього не можуть зробити прості екранні форми. Але як вибрати найкращий інструмент прототипування для роботи?

Багато засобів прототипування створюються лише для одного напрямку (найчастіше для веб-сайтів), тому треба вибрати щось одне, що подобається, або зупинитися на методах створення прототипів за допомогою програмування.

Таблиця – Інструменти прототипування

Назва інструмента	Опис	Платформа/Ціна/Виробник	Посилання
Axure RP Pro	Ориентированный на создание прототипов веб-сайтов. Генерирует кликабельный HTML и документацию в формате Word. Поддерживает комплексное взаимодействие.	Windows / $ 589 / Axure	www.axure.com/p101_5.aspx
Balsamiq Mockups	Позволяет очень быстро создават макеты вашего ПО. Сгенерированное содержимое выглядит как скетчи, что поможет не вводить в заблуждение тех, кто может подумать, что программа уже готова.	Веб / $ 79 / Balsamig	www.balsamiq.com
CogTool*	Создаёт простые макеты пользовательского интерфейса и позволяет оценить их эффективность. Предсказывает, сколько времени опытному пользователю понадобиться для выполнения той или иной задачи.	Кроссплатформенный / Бесплатный / Bonnie E. John	cogtool.hcii.cs.cmu.edu
Coutline*	Веб-приложение для создания и просмотра интерактивных прототипов. Включает в себя функции по управлению проектом и участию контролирующей группы.	Веб /? / Coutline	www.coutline.comwww.usability.by/coutline
Dreamweaver	Используйте визуальную часть Dreamweaver для перетаскивания и размещения элементов дизайна с помощью drag-and-drop, добавления элементов интерактивности, и погружайтесь в код для более комплексного прототипирования.	Кроссплатформенный / $ 399 / Adobe	www.adobe.com/products/dreamweaver
EasyPrototype*	Очень похож на популярный Axure, легкий инструмент, позволяет проектировать экранные формы, экспортировать интерактивные HTML-прототипы и документацию.	Кроссплатформенный / $ 69 / ExtremePlanner Software	www.extremeplanner.com/easyprototype
Excel*	Вы думаете, «Excel, ты с ума сошел»? Авторы этой книги так не считают.	Кроссплатформенный / $ 229 / Microsoft	www.effectiveprototyping.com/ep_excel.shtmexcelprototyping.weebly.com
Expression Blend	Генерирует прототипы для Silverlight и WPF приложений с богатыми интерактивными возможностями, быстрая скорость работы посредством Drag-и-Drop.	Windows / $ 499 / Microsoft	www.microsoft.com/expression/products/Overview.aspx?key=blend#page-top
Expression Blend + SketchFlow*	Cоздание карт потока задач и концепций интерфейсов, которые выглядят как скетчи. Прототипы можно преобразовывать в конечный продукт с помощью Expression Suite.	Windows / $ 599 / Microsoft	www.microsoft.com/expression/products/Sketchflow_Overview.asp
Expression Design	Мощный инструмент рисования для создания прототипов HTML, Silverlight и WPF приложений с ограниченной интерактивностью.	Windows / $ 699 / Microsoft	www.microsoft.com/expression/products/Overview.aspx?key=design
Fireworks	Возможно создание сложных интерактивных прототипов. Множество инструментов аналогичны некоторым инструментам из Adobe suite. Имеется возможность экспорта в PDF или HTML.	Кроссплатформенный / $ 299 / Adobe	tv.adobe.com/#VI+f1498v1659
FlairBuilder*	Создаёт интерактивные экранные формы с помощью десктопного Air приложения. Отправляет результат клиенту для просмотра в виде самостоятельного приложения.	Кросплатформенный / $ 99 / Cristian Pascu	www.flairbuilder.com
Flash	Быстро генерирует анимацию или простые интерактивные прототипы. При наличиии знаний ActionScript позволяет создавать сложные интерактивные прототипы.	Кроссплатформенный / $ 699 / Adobe	www.boxesandarrows.com/view/quick-and-easy-flash
Flash Catalyst	Инструмент, еще находящийся в процессе раработки, призван помочь дизайнерам в создании интерфейсов для флэш-приложений.	Кроссплатформенный /? / Adobe	labs.adobe.com/technologies/flashcatalyst
Flex	Несмотря на то, что более приспособлен для разработчиков, WYSIWYG редактор и поддержка импорта скинов из Ilustrator дают возможность быстро пройти путь от проекта до опытного образца. Есть возможность экспорта Flash или Air приложений.	Кроссплатформенный / $ 249 / Adobe	www.adobe.com/products/flex
ForeUI*	Создаёт макеты, определяет и моделирует поведение приложения в браузере.	Кроссплатформенный / $ 79 / EaSynth Solution	www.foreui.com
FormBuilder for Drupal	Имеет веб-интерфейс с возможностью перетаскивания элементов на страницу. Создаёт рабочтающие формы, включая требования к вводимым параметрам, за считанные минуты.	Веб / Бесплатный / Lullabot	www.lullabot.com/blog/drupals-form-building-future
GUI Design Studio*	Создаёт интерфейсы, аннотации к ним, строит раскадровки для определения рабочего прототипа. Имеет прекрасный визуальный стиль, похожий на скетчи.	Windows / $ 499 / Caretta Software	www.carettasoftware.com/guidesignstudio
iPlotz*	Веб-приложение, создающее интерактивные экранные формы.Также включает в себя базовый набор для управления проектом, вроде присваивания задач. Доступна версия для десктопа (Air).	Веб / $ 99 [1] / iPlotz	iplotz.com
iRise	Комплексный инструмент для моделирования бизнес-процессов и проектирования интерфейса приложения.	Windows / $ 6995 / iRise	www.irise.com
Justinmind Prototyper*	Создаёт экранные формы с возможностью определения их поведения через описание с помощью use case-диаграмм.	Кроссплатформенный (Для Mac пока только бета-версия) / $ 690 / Justinmind	justinmind.com
JustProto*	Веб-приложение, ориентированное на работу с удалённой командой.	Веб / $ 99 [1] / DeSmar	www.justproto.com/en
Keynote	Похож на Powerpoint. Позволяет объектам быть кликабельными, открывать внешние ссылки, проигрывать Quicktime формат, атовматически переходить к новому слайду.	Mac / $ 79 / Apple	www.apple.com/iwork/keynote
LiveView	Просмотр вашего рабочего стола на виртуальном iPhone, или в качестве приложения на реальном iPhone.	Mac / Бесплатный / IDEO	labs.ideo.com/2009/01/20/liveview-an-iphone-app-for-on-screen-prototyping
Lucid Spec*	Дизайн экранных форм и моделировние рабочих приложений с использованием стандартных элементов управления и простого в использовании инструмента рисования.	Windows / $ 499 / Elegance Technologies	www.elegancetech.com/LS/LS.aspx
MockApp*	Библиотека элементов интерфейса iPhone для Keynote. Есть также неоттестированная версия для Powerpoint, производящая некорректный экспорт.	Кроссплатформенный / Бесплатный / Dotan Saguy	mockapp.com/
MockupScreens*	Простой инструмент для создания экранных форм без интерактивных возможнстей.	Windows / $ 100 / MockupScreens	mockupscreens.com
OmniGraffle	Инструмент для построения диаграмм и макетов, которые можно экспортировать в виде кликабельного HTML или PDF.	Mac / $ 200 / OmniGroup	urlgreyhot.com/personal/weblog/creating_prototypes_with_omnigraffle
OverSite*	Создаёт структуру приложения, позволяет проектировать интерфейсы и моделировать приложения в виде кликабельного прототипа. Существует возможность импорта существующего сайта для использования в качестве отправной точки.	Кроссплатформенный / $ 65 / OverSite	taubler.com/oversite
Pencil	Дополнение для Firefox, представляющее из себя нечто большее, чем просто создатель экранных форм или инструмент прототипирования.	Кроссплатформенный / Бесплатный / Duong Thanh An	www.evolus.vn/Pencil
pidoco*	Веб-инструмент для прототипирования, с возможностью совместной работы в стандартном режиме и режиме скетчей.	Веб / $ 600 [2] / pidoco	pidoco.com/en
Polypage*	jQuery-плагин, позволяющий показывать/скрывать элементы страницы. С его помощью можно моделировать изменение состояния через панель инструментов.	Кроссплатформенный / Бесплатный / ClearLeft	24ways.org/2008/easier-page-states-for-wireframes
Powerpoint	Слайды Powerpoint — прототип? Да, это малоизвестный факт, но Powerpoint поддерживает интерактивные горячие точки, кторые можно использовать для переходов между слайдами. Это можно скомбинировать с анимацией переходов.	Кроссплатформенный / $ 229 / Microsoft	www.boxesandarrows.com/view/interactive
Protonotes	Не является инструсментом прототипирования, но позволяет разрозненной команде комментировать проект через интернет.	Веб / Бесплатный / Webanza	www.protonotes.com
Protoscript	Супер-упрощенный скриптовой язык, дающий дизайнерам возможность добавления элементов динамики к существующим HTML-страницам.	Веб / Бесплатный / Bill Scott	protoscript.com
Protoshare	Веб-приложение, ориентированное на команды, которым требуется возможность совместной работы с интерактивными экранными формами.	Веб / $ 156 [1] / Site 9	www.protoshare.com
Prototype Composer	Даёт возможность прототипирования для веб и десктоп-приложений. [...]	Windows / Бесплатный / Serena	www.serena.com/products/prototype-composer/index.html
Screen Architect*	Работает совместно с инструментом UML-моделирования Enterprise Architect для создания прототипов интерфейса в формате RTF и HTML.	Windows / $ 120 [3] / CATCH	www.screenarchitect.com
Tinderbox*	Комплексный инструмент для записей, который может быть использован для экспорта в кликабельный HTML.	Mac / $ 229 / Eastgate Systems	www.eastgate.com/Tinderbox
Visio Professional	Многие называют Visio «золотым стандартом» для инструментов создания экранных форм. Может создавать интерактивные прототипы.	Windows / $ 560 / Microsoft	office.microsoft.com/en-us/visio/FX100487861033.aspx
XHTML & CSS	Овладейте навыками программирования, избавьтесь от программ для прототипирования и создавайте прототипы руками!	Кроссплатформенный / Бесплатный / W3C?;-)	www.boxesandarrows.com/view/prototyping-with

Дата добавления: 2015-12-08