Alex Tyurin
 / 

Инструменты прототипирования и создания wireframes

Прототипы - отличный инструмент для любого дизайна. Они помогают нам в процессе создания качественных пользовательских интерфейсов для сайтов, мобильных телефонов, а с недавних пор я лично для себя открыл для себя прототипы для ТВ интефейсов (да, в нашу эру 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

вКонтактеТвиттерLinkedINFacebook

Последние посты

Разное

Мой Twitter

Твиттер

Error: Twitter did not respond. Please wait a few minutes and refresh this page.