Как лучше всего создавать прототипы интерактивных приложений?

Question

Вопрос следует интерпретировать с общей точки зрения, а не касаться исключительно веб-приложений или настольных приложений.

Я искал простой и легкий способ создания интерактивных прототипов веб-приложений.Я хотел бы использовать метод, который позволяет просто создавать пользовательский интерфейс и особенно воссоздавать и модифицировать пользовательский интерфейс в дальнейших итерациях.Заполнение пользовательского интерфейса данными макета должно быть очень простым.Этот метод может потребовать простой формы программирования, например.чтобы указать поведение перетаскивания из элемента пользовательского интерфейса A в элемент пользовательского интерфейса B.

Один из инструментов, который я сейчас использую, — это Adobe Flex Builder.Включенный в комплект GUI-дизайнер очень хорош, и на данный момент я приобрел некоторые навыки работы с AS3.Проблема заключается в добавлении данных в пользовательский интерфейс.Это всегда приводит к тому, что я программирую код для проверки и разбора структур XML-деревьев и, в основном, отлаживаю этот участок прототипа.Слишком громоздко!

Еще один инструмент, который используют многие люди, — это PowerPoint, который включает в себя действительно громоздкий способ создания графического пользовательского интерфейса, заключающийся в отображении каждой части взаимодействия на отдельном слайде.Ни за что!С бумажными прототипами я бы справился гораздо быстрее.Другие (лучше!) инструменты для рисования свободной формы также относятся к этой категории (я счастливый пользователь Inkscape), но прототипирование и макетирование явно не являются их основной целью.Палитра UI-трафаретов для Viso делает его немного лучше, чем у конкурентов по рисованию.

Насколько мне известно, основными конкурентами в быстром прототипировании являются:

• iRise
• Аксур
• Серена и другие?
• Визо
• Powerpoint, Illustrator, Inkscape или любой другой инструмент для рисования свободной формы.
• бумажное прототипирование
• IDE с хорошими конструкторами графического интерфейса (такими как Flex Builder Designer и Netbeans Matisse)

Я считаю, что настоящие разработчики GUI — хорошая отправная точка.Каковы ваши нынешние подходы?Пожалуйста, опишите свой процесс, а также плюсы и минусы в качестве ответа здесь.

Answer 1

Настоящие разработчики графического интерфейса:

• Гораздо медленнее
• Их могут использовать только программисты (попробуйте объяснить аналитику, как заполнять таблицу в VB)
• Они не позволяют вам комментировать макеты на лету.
• У вас нет скинов (например.черно-белое) для создания экранов, которые нельзя спутать с «почти готовым» приложением.

В то время как специализированные инструменты для создания макетов обычно:

• Коммуникационный ориентированный
• Можно распечатать или экспортировать ваши макеты (вместе с вашими заметками) в PDF/HTML/Word и т. д.
• Лучшие из них имеют некоторый вариант «главных экранов», поэтому вы можете создавать сотни макетов всего лишь из нескольких основных экранов приложения (вы быстро получаете довольно много макетов, когда пытаетесь обсудить реальные сценарии со своим клиентом).
• Достаточно быстро, чтобы вы могли создавать прототипы в реальном времени во время собрания

Почти десять лет назад меня разочаровало все вышеперечисленное, и я создал свой собственный инструмент: МокапЭкраны.Он быстро стал популярным :-)

И вот наиболее полный список таких специализированных инструментов, которые я знаю.Многие из них бесплатны: http://c2.com/cgi/wiki?GuiPrototypingTools

Answer 2

Быстрое и грязное прототипирование на бумаге:PowerPoint (см.: Набор инструментов для прототипирования Powepoint)

-Отлично подходит для легкого создания прототипов, которые можно представить.Слайд также может служить заменой имитации взаимодействия.Недостатком является отсутствие стандартизации.Не для дисциплинированных проектов.

Дисциплинированное бумажное прототипирование:Визио

-Стандартизированный и полнофункциональный, но более громоздкий.

Интерактивное прототипирование:Визуальная Студия

-Очень быстрое построение взаимодействия с помощью перетаскивания и событий.Может управляться данными.Вы даже можете построить прототип «базы» в качестве стартового набора.Единственным недостатком является искушение сделать это производственным приложением.;)

Answer 3

Есть также Бальсамик.Мне это вроде как нравится, но обычно эти вещи довольно быстро устают.В конечном итоге я использую либо ручку и бумагу, либо конструктор интерфейсов OS X, который не сложнее в использовании, чем все эти инструменты прототипирования.

Answer 4

Если вы говорите о макетах/каркасах (т.статические изображения) Visio — инструмент выбора.

Большинство упомянутого вами программного обеспечения либо выше уровня обычного бизнес-пользователя (т.вам понадобится специалист для создания макетов, а не бизнес-пользователи, которые помогут вам) или не созданы для создания макетов.

Если вам нужен динамический прототип, то вариантов множество, и все зависит от навыков, которыми вы обладаете в команде.Например, у меня есть парень, который очень силен в HTML.Ему было бы гораздо проще создать HTML-страницу с нуля в блокноте и попытаться сделать то же самое с Flash в инструменте WYSIWYG.Некоторые другие люди обладают хорошими навыками работы с Flash и могут их использовать и т. д.

Answer 5

Смесь выражений (http://www.microsoft.com/expression/products/overview.aspx?key=blend) можно использовать для создания быстрых макетов в XAML.Вы можете хранить данные для макета как встроенный XML в XAML или быстро преобразовать их в приложение WPF/Silverlight и построить базовую бизнес-логику на основе вашего макета с помощью Visual C# Express (http://www.microsoft.com/express/vcsharp/) или Visual Studio 2008.