Интерактивное прототипирование сайтов

Question

Я хотел бы быстро создать новые возможности для веб-сайта. Я ищу способ:

• Создание вокруг существующего сложного веб-сайта
• Разрешить интерактивность
• Смешно быстро и легко пробовать новые вещи

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

Или, возможно, «вот скриншот веб-сайта. Если кто-то нажмет на это поле, покажите ему этот другой скриншот».

Что вы, ребята, используете для создания прототипов функций пользовательского интерфейса сайта?

Answer 1

Если вы хотите, чтобы он был интерактивным и основывался на существующем веб-сайте, вы можете попробовать использовать greasmonkey с firefox: https://addons.mozilla.org/fr/firefox/addon/748

Я не уверен, насколько быстро вы можете создавать прототипы с этим, но вы, несомненно, можете сделать их интерактивными. Greasemonkey позволяет вам изменять любую веб-страницу, используя JavaScript.

Answer 2

Проверьте ProtoShare еще раз: намного быстрее, чем примерно с 2010 года, библиотека трафаретов и виджетов и гораздо более гибкая, чем balsamiq. Если вы хотите контролировать внешний вид своего прототипа, хотите интерактивности, а также удобного сотрудничества и анализа, используйте ProtoShare вместо Balsamiq.

Answer 3

Карандаш довольно хороший и бесплатный! Его можно загрузить как отдельное приложение или как плагин Firefox.

http://www.evolus.vn/Pencil/

Answer 4

Мне нравится http: /www.iplotz.com - у него хороший UX и дизайн http://www.justproto.com также очень быстрый инструмент, имеет чистый внешний вид и очень легко создавать прототипы с его помощью

chceck out wireframes.linowski.ca это шумный блог на каркасах

Answer 5

try clickframes - способ написания текстовых прототипов в формате xml для рендеринга на веб-сайты, по которым можно переходить.

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

они попробовали бальзамик, и у них это не сработало.

с их сайта:

"Для дизайнеров

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

Answer 6

Я не фанат Бальзамика, но многим это нравится. Если Napkee запустится вместе с Balsamiq, это будет то, что вы ищете.

Альтернативой может быть Fireworks - он может легко экспортировать в HTML, но кривая обучения круче, чем у Balsamiq.

Answer 7

Бальзамик Макеты . Так. Freaking. Хорошо.

РЕДАКТИРОВАТЬ : Итак, вот тема с дополнительной информацией о прототипировании: https://stackoverflow.com/questions/720191/web-ui-prototyping-tools

Answer 8

Я делаю свои прототипы, когда дело доходит до тем / сайтов WordPress с плагином от colorfully.me Думаю, это самый быстрый способ увидеть, как сайт будет выглядеть в реальности, протестировать и почувствовать, как он будет выглядеть. Также иногда я использую его для производства.

Пользовательский интерфейс для прототипа CSS

Answer 9

Используя Mockuptiger, вы можете импортировать изображения из фотошопа или снимки экрана веб-сайта, а затем связать их вместе с помощью нажимаемых ссылок или кнопок.

MockupTiger - это веб-приложение, которое вы можете разместить на своем собственном сервере. Он имеет виджеты для создания веб-приложений и Dashboard Wireframes .

ПРИМЕЧАНИЕ: работает только с последними браузерами. Вы также можете скачать и использовать на рабочем столе.

PS: я разработчик этого программного обеспечения

Answer 10

Вы можете попробовать ForeUI, вот созданный образец прототипа .