Прототипы — отличный инструмент для любого дизайна. Они помогают нам в процессе создания качественных пользовательских интерфейсов для сайтов, мобильных телефонов, а с недавних пор я лично для себя открыл для себя прототипы для ТВ интефейсов (да, в нашу эру SmartTV это тоже надо). Мы работаем в мире богатых, обладающих динамикой интерфейсов пользователя как в сети, так и на наших устройствах. Интерфейсы, которые мы создаём, интерактивны, откликаются на воздействие пользователя и обладают эмоциями. Прототипы позволяют сформулировать чувства и функции дизайна так, как этого не могут сделать простые экранные формы. Ниже подборка которую я нашел на Хабре. Здесь перечисление самых разных систем, не все я еще опробовала, но пока остановился на iPlotz — очень нравится.
| Название инструмента | Описание | Платформа/Цена/Производитель |
|---|---|---|
| Axure RP Pro | Инструмент, ориентированный на создание прототипов веб-сайтов. Генерирует кликабельный HTML и документацию в формате Word. Поддерживает комплексное взаимодействие. | Windows / $ 589 / Axure |
| Balsamiq Mockups | Позволяет очень быстро создават макеты вашего ПО. Сгенерированное содержимое выглядит как скетчи, что поможет не вводить в заблуждение тех, кто может подумать, что программа уже готова. | Веб / $ 79 / Balsamig |
| CogTool* | Создаёт простые макеты пользовательского интерфейса и позволяет оценить их эффективность. Предсказывает, сколько времени опытному пользователю понадобиться для выполнения той или иной задачи. | Кроссплатформенный / Бесплатный / Bonnie E. John |
| Coutline* | Веб-приложение для создания и просмотра интерактивных прототипов. Включает в себя функции по управлению проектом и участию контролирующей группы. | Веб /? / Coutline |
| Dreamweaver | Используйте визуальную часть Dreamweaver для перетаскивания и размещения элементов дизайна с помощью drag-and-drop, добавления элементов интерактивности, и погружайтесь в код для более комплексного прототипирования. | Кроссплатформенный / $ 399 / Adobe |
| EasyPrototype* | Очень похож на популярный Axure, легкий инструмент, позволяет проектировать экранные формы, экспортировать интерактивные HTML-прототипы и документацию. | Кроссплатформенный / $ 69 / ExtremePlanner Software |
| Fireworks | Возможно создание сложных интерактивных прототипов. Множество инструментов аналогичны некоторым инструментам из Adobe suite. Имеется возможность экспорта в PDF или HTML. | Кроссплатформенный / $ 299 / Adobe |
| FlairBuilder* | Создаёт интерактивные экранные формы с помощью десктопного Air приложения. Отправляет результат клиенту для просмотра в виде самостоятельного приложения. | Кросплатформенный / $ 99 / Cristian Pascu |
| Flash | Быстро генерирует анимацию или простые интерактивные прототипы. При наличиии знаний Actionscript позволяет создавать сложные интерактивные прототипы. | Кроссплатформенный / $ 699 / Adobe |
| Flash Catalyst | Инструмент, еще находящийся в процессе раработки, призван помочь дизайнерам в создании интерфейсов для флэш-приложений. | Кроссплатформенный /? / Adobe |
| Flex | Несмотря на то, что более приспособлен для разработчиков, WYSIWYG редактор и поддержка импорта скинов из Ilustrator дают возможность быстро пройти путь от проекта до опытного образца. Есть возможность экспорта Flash или Air приложений. | Кроссплатформенный / $ 249 / Adobe |
| ForeUI* | Создаёт макеты, определяет и моделирует поведение приложения в браузере. | Кроссплатформенный / $ 79 / EaSynth Solution |
| FormBuilder for Drupal | Имеет веб-интерфейс с возможностью перетаскивания элементов на страницу. Создаёт рабочтающие формы, включая требования к вводимым параметрам, за считанные минуты. | Веб / Бесплатный / Lullabot |
| GUI Design Studio* | Создаёт интерфейсы, аннотации к ним, строит раскадровки для определения рабочего прототипа. Имеет прекрасный визуальный стиль, похожий на скетчи. | Windows / $ 499 / Caretta Software |
| iPlotz* | Веб-приложение, создающее интерактивные экранные формы.Также включает в себя базовый набор для управления проектом, вроде присваивания задач. Доступна версия для десктопа (Air). | Веб / $ 99 [1] / iPlotz |
| iRise | Комплексный инструмент для моделирования бизнес-процессов и проектирования интерфейса приложения. | Windows / $ 6995 / iRise |
| Justinmind Prototyper* | Создаёт экранные формы с возможностью определения их поведения через описание с помощью use case-диаграмм. | Кроссплатформенный (Для Mac пока только бета-версия) / $ 690 / Justinmind |
| JustProto* | Веб-приложение, ориентированное на работу с удалённой командой. | Веб / $ 99 [1] / DeSmar |
| Keynote | Похож на Powerpoint. Позволяет объектам быть кликабельными, открывать внешние ссылки, проигрывать Quicktime формат, атовматически переходить к новому слайду. | Mac / $ 79 / Apple |
| LiveView | Просмотр вашего рабочего стола на виртуальном iPhone, или в качестве приложения на реальном iPhone. | Mac / Бесплатный / IDEO |
| Lucid Spec* | Дизайн экранных форм и моделировние рабочих приложений с использованием стандартных элементов управления и простого в использовании инструмента рисования. | Windows / $ 499 / Elegance Technologies |
| MockApp* | Библиотека элементов интерфейса iPhone для Keynote. Есть также неоттестированная версия для Powerpoint, производящая некорректный экспорт. | Кроссплатформенный / Бесплатный / Dotan Saguy |
| MockupScreens* | Простой инструмент для создания экранных форм без интерактивных возможнстей. | Windows / $ 100 / MockupScreens |
| OmniGraffle | Инструмент для построения диаграмм и макетов, которые можно экспортировать в виде кликабельного HTML или PDF. | Mac / $ 200 / OmniGroup |
| OverSite* | Создаёт структуру приложения, позволяет проектировать интерфейсы и моделировать приложения в виде кликабельного прототипа. Существует возможность импорта существующего сайта для использования в качестве отправной точки. | Кроссплатформенный / $ 65 / OverSite |
| Pencil | Дополнение для Firefox, представляющее из себя нечто большее, чем просто создатель экранных форм или инструмент прототипирования. | Кроссплатформенный / Бесплатный / Duong Thanh An |
| pidoco* | […] Веб-инструмент для прототипирования, с возможностью совместной работы в стандартном режиме и режиме скетчей. | Веб / $ 600 [2] / pidoco |
| Polypage* | jQuery-плагин, позволяющий показывать/скрывать элементы страницы. С его помощью можно моделировать изменение состояния через панель инструментов. | Кроссплатформенный / Бесплатный / ClearLeft |
| Powerpoint | Слайды Powerpoint — прототип? Да, это малоизвестный факт, но Powerpoint поддерживает интерактивные горячие точки, кторые можно использовать для переходов между слайдами. Это можно скомбинировать с анимацией переходов. | Кроссплатформенный / $ 229 / Microsoft |
| Protonotes | Не является инструсментом прототипирования, но позволяет разрозненной команде комментировать проект через интернет. | Веб / Бесплатный / Webanza |
| Protoscript | Супер-упрощенный скриптовой язык, дающий дизайнерам возможность добавления элементов динамики к существующим HTML-страницам. | Веб / Бесплатный / Bill Scott |
| Protoshare | Веб-приложение, ориентированное на команды, которым требуется возможность совместной работы с интерактивными экранными формами. | Веб / $ 156 [1] / Site 9 |
| Prototype Composer | Даёт возможность прототипирования для веб и десктоп-приложений. […] | Windows / Бесплатный / Serena |
| Screen Architect* | Работает совместно с инструментом UML-моделирования Enterprise Architect для создания прототипов интерфейса в формате RTF и HTML. | Windows / $ 120 [3] / CATCH |
| Tinderbox* | Комплексный инструмент для записей, который может быть использован для экспорта в кликабельный HTML. | Mac / $ 229 / Eastgate Systems |
| Visio Professional | Многие называют Visio «золотым стандартом» для инструментов создания экранных форм. Может создавать интерактивные прототипы. | Windows / $ 560 / Microsoft |
| XHTML & CSS | Овладейте навыками программирования, избавьтесь от программ для прототипирования и создавайте прототипы руками! | Кроссплатформенный / Бесплатный / W3C? |
Еще ссылки:
На хабре есть еще одна ссылка на такие ссайты, только вот автор поместил статью в черновики. Выкладываю ссылку, т.к. возможно автор однажды вновь откроет ее:
Инструменты прототипирования и создания wireframes
