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

Question

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

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

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

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

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

• iRise
• Axure
• Серена и другие?
• Viso
• Powerpoint, Illustrator, Inkscape или любой другой свободной форме чертежа инструмент
• бумага прототипирования
• IDE с хорошим GUI строителей (например, Flex Builder Designer и Netbeans Матисса)

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

Answer 1

Real GUI строители:

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

Хотя специализированные инструменты макета, как правило:

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

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

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

Answer 2

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

Answer 3

Expression Blend (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.

Answer 4

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

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

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

Answer 5

быстрой и грязной бумаги прототипирования: PowerPoint (см: Powepoint Prototyping Toolkit)

Больш для легко положить вместе прототипы, которые могут быть представлены. Природа слайда также может служить заменой макетного взаимодействия. Недостатком является отсутствие стандартизации. Не для дисциплинированных проектов.

Дисциплинированная бумага прототипирование: Visio

-Standardized и полнофункциональное, но более громоздкий

Interactive прототипирование: Visual Studio

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