четверг, 11 августа 2011 г.

Выбор ПО для прототипирования интерфейса

Критерии выбора ПО для прототипирования интерфейса должны быть следующими:
  • описание прототипа в формате, допускающем двухсторонний обмен.
    • То есть нужно уметь по построенному прототипу сделать заготовку форм для рабочего проекта, чтобы не заставлять программиста создавать код интерфейса с нуля.
    • И нужно уметь сгенерить заготовку интерфейса по существующим формам для их доработки или использования в качестве шаблонов.
  • формат описания интерфейса должен быть достаточно высокоуровневым, чтобы можно было ссылаться на существующие компоненты.
  • движок должен поддерживать схему переходов между формами. Два режима важны:
    • кликабельные области с вызовом форм, на которые переходим.
    • диаграмма перехода между формами, причем диаграмма должна должна однозначно соответствовать кликабельным областям, то есть если добавили кликабельную область со ссылкой на форме, то соответствующая связь должна быть добавлена на диаграмме переходов между формами.
    • дополнительно тулза должна умепть поддерживать фолдинг или более предпочтительно подобласти, чтобы диаграммы были читабельными. Плюс диаграммы желательно уметь экспортить в обменные форматы, чтобы их можно было использовать без ПО в которой они созданы.
  • должен быть режим обсуждения и правок и замечаниями. Идеал интеграция с существующими средствами issue tracker.
  • желательно должна поддерживаться возможность версионирования и инструмент сравнения версий (идеал графический инструмент diff для форм и диаграмм).
  • обязательно должна быть возможность к компонентам интерфейса привязывать полуструктурированные записи, идеал часть информации должна браться из описания информационной системы, например поля и сущности схемы базы данных, форматы вывода и прочее.
Что хочется иметь по результатам использования тулзы:
  • быстро накидать интерфейсную форму, которую можно обсуждать
  • по прототипу построить:
    • задачу на создание интерфейсной формы с указанием, откуда берутся и как выводятся данные (см последний пункт пожеланий про полуструктурированные записи).
    • чеклист для тестировщика, что проверять.
Обзор инструментов быстрого прототипирования
http://habrahabr.ru/blogs/ui_design_and_usability/70001/
Более свежий обзор
http://slodive.com/web-development/wireframe-tools/
От Balsamiq у меня не очень впечатления, в целом хорошо, но в использовании противен (чисто личное не приятие).
http://balsamiq.com/support/documentation
Serena Prototype Composer - больше понравился, тк позволяет сграбить интерфейс с существующего приложения и поразвлекаться. Может больше, тк это полноценная управления проектом, среда сбора требований и порождения из нее задач.
http://www.serena.com/products/prototype-composer/index.html
Pencil - бесплатное решение, пользую его как наименее противный, но какой он тормозной при старте :( это что то.
http://www.evolus.vn/Pencil
Вариант http://wireframesketcher.com мне кажется пока предпочтительным, есть схема перехода между формами и выгрузка в человечий формат. Стоит денег, но не много. Является расширением http://www.eclipse.org/ . Нужно проверить на возможность создания расширений графической библиотеки.

Комментариев нет: