2009-02-25 7 views
10

Я ищу инструмент для создания пользовательского интерфейса, чтобы визуализировать возможный графический интерфейс в документации. I не должен генерировать код. Я знаю, что Microsoft Visio предоставляет функциональность. Но есть ли альтернативы?Инструмент для создания пользовательского интерфейса

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

PS. Другим известным инструментом является The Pencil Project.

ответ

9

Дайте взглянуть на Firefox Pencil Extension, является основным инструментом для GUI прототипирования и простых набросков ....

0

«Не обязательно» кажется странным ... если вы используете проектировщика IDE, чтобы бросить некоторые элементы управления, но не использовать код, что достаточно?

Или используйте «blend» - который генерирует xaml, то есть только макет - нет кода.

1

Посмотрите на инструментах, упомянутых в ответах на этот вопрос:

Prototyping Tools for non-programmers - Expression?

Я по-прежнему рекомендую Balsamiq Mockups. Результирующие GUI-макеты выглядят как эскизы, что делает его отличным инструментом для передачи идеи о том, что это не окончательный GUI, а просто визуализация концепций графического интерфейса.

2

Возможно, вы захотите посмотреть статью Джоэля The Iceberg Secret, Revealed, а также articles discussion.

Я не знаю, так это относится к задаче yout, но, читая ее, я определенно предпочитаю использовать эскизы пользовательского интерфейса handdrawns, если я хочу представить его клиенту. (A «Проект карандаша» в истинном смысле смысла ;-)

0

justinmind prototyper может работать на вас. Он дает вам HTML-код для проверки того, как будет работать интерфейс.

5

Я размещаю здесь резюме рекомендаций, основанных на моем 10-летнем опыте работы в качестве архитектора/архитектора UX. Оригинальную статью можно найти здесь:

[Лучшие образцы прототипов там? Обзор Axure, Justinmind и других инструментов UX] (http://www.humaneinterface.net/best-prototyping-tools/)

С интерфейсами, которые становятся все более динамичными, интерактивные прототипы являются наилучшим способом предоставления подробной, контекстной и гибкой документации. Если вы профессиональный дизайнер, я бы рекомендовал использовать либо Axure RP Pro, либо Justinmind Prototyper для статичных, низкокачественных прототипов и более сложных интерактивных. Оба предлагают довольно доступные лицензии.

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

Если вы ищете что-то не так сложно, как Axure/Justinmind, но более мощный, чем Moqups/Balsamiq, вы могли бы также рассмотреть вопрос о Infragistics' Indigo Studio, (который может импортировать статические макетах из Balsamiq и сделать их интерактивными) и ProtoShare , Оба из них, и в частности Indigo Studio, предлагают ценовые планы, которые не так удобны, и учитывая ограниченный набор функций, я бы не рекомендовал их в качестве первого выбора. Третий вариант: UXpin, который может похвастаться самым элегантным, чистым и удобным интерфейсом, который я видел до сих пор, во всем ландшафте инструментов UX, доступных сегодня.

Для прототипирования мобильных устройств вы можете использовать как Axure, так и Justinmind, если вам нужен полный контроль, второй, по-видимому, лучший выбор на момент написания (хотя я не тестировал его напрямую). Если вы ищете простой способ создания прототипов, которые не слишком сложны, вы можете рассмотреть вышеупомянутую Indigo Studio или более доступную версию Proto.io.

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

Если вам необходимо разработать статические диаграммы для представления поездок пользователей, вы могли бы рассмотреть такие инструменты, как Draw.io или Lucidchart, но Axure все еще обеспечивает достойные средства создания диаграмм, которые могут ссылку на часть вашего прототипа. Justinmind кажется немного ограниченным. Microsoft Visio (теперь входящий в состав Office 365 в качестве веб-приложения и, следовательно, также доступный на Mac) по-прежнему велик, если вам требуется максимальная гибкость и вы хотите нарисовать очень элегантные блок-схемы.

Следите за Компоненты пользовательского интерфейса JQuery, даже если вы не собираетесь включать библиотеки JavaScript в свой прототип. Если вам нравится код напрямую, но вам необязательно повторно использовать код, вы также можете рассмотреть использование фреймворков CSS в сочетании с редакторами WYSIWYG, такими как Jetstrap.

Используйте бумагу, чтобы играть с оригами, а не прототипирование.

Смежные вопросы