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

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

7 голосов
/ 26 сентября 2008

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

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

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

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

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

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

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

Ответы [ 5 ]

3 голосов
/ 15 июня 2013

Реальные конструкторы графического интерфейса:

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

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

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

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

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

2 голосов
/ 26 сентября 2008

Быстрое и грязное макетирование бумаги: PowerPoint (см .: Powepoint Prototyping Toolkit )

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

Макетирование макетированной бумаги: Visio

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

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

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

1 голос
/ 26 сентября 2008

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

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

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

1 голос
/ 26 сентября 2008

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

0 голосов
/ 26 сентября 2008

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.

...