Вопрос:

Прототипирование GUI с клиентом

user-interface prototyping

2064 просмотра

12 ответа

8487 Репутация автора

При создании прототипа первоначальной функциональности графического интерфейса с клиентом лучше использовать рисунок пером / бумагой или что-то макетировать с помощью инструмента и показать им это?

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

Автор: David Источник Размещён: 06.08.2008 06:10

Ответы (12)


16 плюса

31055 Репутация автора

Решение

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

Отточенный прототип или идеальный пиксельный пример придают слишком большое значение дизайну. С очевидным эскизом у вас будет больше возможностей обсудить желаемую функциональность и контент, а не цвета, фотографии и другие стилистические вопросы. Будет время для этого обсуждения позже в проекте.

Джефф обсуждает бумажное прототипирование в своей статье об ужасах кодирования UI-First Software Development

Нажмите «Смотреть видео!» ссылка на twitter.com, чтобы увидеть интересную идею от Common Craft .

Автор: Zack Peterson Размещён: 06.08.2008 06:10

3 плюса

32886 Репутация автора

Существует книга под названием « Бумажное прототипирование», в которой подробно описывается рисунок пером и бумагой и что вы можете из этого извлечь. Я думаю, что у этого есть много преимуществ, в частности, что вы можете очень рано (и легко) изменить конечный результат без особых усилий, а затем начать с правой ноги.

Автор: Mike Stone Размещён: 06.08.2008 06:12

2 плюса

4422 Репутация автора

Базовая бумажная версия - это путь к первоначальному макету. По моему опыту, если вы делаете «настоящий» макет, даже если вы объясняете клиенту, что это нефункциональный макет, они запутываются, когда что-то не работает.

Итог: сделайте это как можно проще. Если это на бумаге, клиент не сможет спутать его с рабочим продуктом.

Автор: Brandon Wood Размещён: 06.08.2008 06:14

2 плюса

4803 Репутация автора

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

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

Автор: Wally Lawless Размещён: 06.08.2008 06:26

13 плюса

925 Репутация автора

«Салфетка Look & Feel» для Java действительно крута для прототипирования. Реальное, работающее, интерактивное приложение, которое выглядит так, как будто оно нарисовано на салфетке. Проверьте этот скриншот:

Салфетка смотри и чувствуй

Серьезно, как это круто?

Автор: Dylan Bennett Размещён: 06.08.2008 07:13

1 плюс

736 Репутация автора

Я недавно использовал приложение Windows для создания прототипа приложения для клиента (окончательный интерфейс должен быть интегрирован в веб-сайт).

Сначала люди подумали, что это будет последняя версия, и они начали очень сильно критиковать то, как элементы управления отображались на слова, которые я использовал (терминология и прочее), и время встречи истекло, прежде чем мы смогли даже обсудить саму функциональность.

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

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

Автор: rshimoda Размещён: 14.10.2008 09:24

2 плюса

91 Репутация автора

Я думаю, что лучше всего начать с бумаги / доски / белые стены.

Получив базовую структуру, вы можете переместить ее в Visio с помощью каркасных трафаретов.

Или вы можете использовать Denim ( неофициальный инструмент для ранней стадии разработки веб-сайтов и пользовательского интерфейса ) с планшетным ПК или планшетами Wacom для разработки графического интерфейса пользователя и запуска его в виде HTML-сайта.

Автор: user20804 Размещён: 04.12.2008 12:53

5 плюса

7755 Репутация автора

Я бы посоветовал вам сесть со своим клиентом и использовать такой инструмент, как Mockupscreens, и разрабатывать пользовательский интерфейс в интерактивном режиме. Преимущество, которое она имеет перед Napkin LAF, заключается в том, что она не требует кодирования или каких-либо инструментов разработки.

Автор: Rad Размещён: 04.12.2008 01:21

2 плюса

2107 Репутация автора

WireframeSketcher - это инструмент, который помогает быстро создавать каркасы, макеты и прототипы для настольных, веб-и мобильных приложений. Он поставляется как в виде автономной версии, так и в качестве плагина для Eclipse IDE. Он имеет некоторые отличительные особенности, такие как раскадровки, компоненты, ссылки и векторный экспорт PDF. Среди поддерживаемых IDE: Aptana, Flash Builder, Zend Studio и Rational Application Developer.

Образец макета WireframeSketcher
(источник: wireframesketcher.com )

Автор: Peter Severin Размещён: 04.12.2008 05:50

0 плюса

0 Репутация автора

Вы можете попробовать ForeUI , он позволяет создавать прототипы в разных стилях, более того, он может создавать интерактивные прототипы и запускать их в браузере.

Автор: Andy Размещён: 10.08.2009 03:36

5 плюса

1642 Репутация автора

Проверьте Бальзамик

Это делает вид салфетки «ЭТО НЕ ФУНКЦИОНАЛЬНОЕ ПРИЛОЖЕНИЕ» очень хорошим и простым в использовании.

Имеет полнофункциональную демоверсию, которую вы можете попробовать онлайн, и в качестве дополнительного бонуса вы можете отправить ваш XML по электронной почте вашему клиенту, и они могут настроить его, поиграть с ним и отправить его вам обратно по электронной почте без необходимости иметь лицензию.

Автор: Gord Размещён: 10.08.2009 03:44

0 плюса

1 Репутация автора

Для не основанного на браузере инструмента вы можете попробовать draft-it

Это бесплатно - и если у вас есть учетная запись Gmail - регистрация не требуется.

Делает интерактивные / пошаговые или слайд-шоу-прототипы. Вы можете поделиться своим прототипом с кем угодно, просто отправив ссылку.

У нас работает ...

Автор: Jan Размещён: 01.12.2009 01:47
32x32