GUI: ПО для проектирования интерфейса пользователя

На довольно избитый вопрос «Чем Вы создаете прототип графического интерфейса пользователя?» большинство отвечает: MS Visio для форм и окон, MS Excel для отчетов, и Visio+PowerPoint для отражения логики. Но есть желание использовать одно средство, а рисовать таблицы и отчетные формы в Visio — дело неэффективное и достаточно неудобное при частых корректировках. Появилось желание ответить на вопрос «А чем еще можно создавать ГИП?» Ответы начнутся с простого перечисления средств и их возможностей, исходя из просмотренных демо-презентаций. В дальнейшем описание будет расширяться по мере набора опыта реального использования.

  1. iRise, irise.com, платный, 30 дней на пробу. Позволяет создавать потоки, симулировать, организовывать удаленную презентацию, создавать отчетные формы, управлять бизнес-требованиями: связывать требования с элементами симуляции; видео-тур irise.com/products/2007_tours/index.php.
  2. Serena PrototypeComposer, serena.com/products/prototype-composer/ бесплатная. Есть возможность вести список требований. Как свзяать требования с прототипом, из прототипа ИП сгенерировавть код — еще не нашел.
  3. CarettaSoftware GUI Design Studio, carettasoftware.com/guidesignstudio/gui-design-studio-demo.html, платный. Позволяет связывать окна, формы, элементы управления, задавать варианты логических сценариев.
  4. SmartDraw, smartdraw.com, smartdraw.com/exp/ste/examples/, бесплатная пробная версия. Пишут, что похожа на Visio, но есть что-то и от Mindjet MindManager, есть и конструктор отчетных форм smartdraw.com/examples/view/index.aspx?catID=.Examples.SmartDraw.Forms Красивая и кажется удобной; понравилась возможность столбчатых диаграмм из рисунков.
  5. ScreenArchitect, screenarchitect.com бесплатная пробная версия. Работает лишь при налиии EnterpriseArchitect 6.5 или выше.
  6. PencilProject, evolus.vn/Pencil/Home.html, бесплатный плаг-ин для FireFox3. На отчеты не наткнулся.
  7. Axure RP Pro, axure.com/Default.aspx бесплатная 30-дневная проба. Создание интерактивных ГИП, связь ИП (но не наглядная).

Статьи по теме:

  1. Замена Visio boxesandarrows.com/view/visio_replaceme
  2. ГИП на бумаге codinghorror.com/blog/archives/001091.html

iRise

Достаточно приятный пользовательский интерфейс.

Сценарий симуляции
Сценарий симуляции

За первые полчаса использования получилось создать цепочку из 3 страниц. На странице «Аутентификация» на кнопку «ОК» повесить событие перехода на другую страницу. При этом все переходы и события, вызываемые элементами управления, явно отображаются на странице при редактировании, но не видны при симуляции.

Главное окно iRise: редактирование страницы и события
Главное окно iRise: редактирование страницы и события

Симуляция запускается в Интернет-обозревателе. При этом можно как просто пролистать созданные страницы, так и нажимать на кнопки (и прочие элементы управления) и выбирать заданые им события (если их >1).

Пример симуляции в обозревателе
Пример симуляции в обозревателе

Один комментарий

  1. GUI Machine — российский продукт, платный, в демо версии можно спроектировать достаточно сложные и функциональные прототипы не только веб, но и десктопных приложений, ограничение демо-версии — невозможность сохранения проекта.

Оставить ответ