Инструмент разработки пользовательского интерфейса

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

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

PS. Другим хорошо известным инструментом является Проект карандаша.

Ответ 1

Посмотрите на Firefox Pencil Extension, является основным инструментом для создания прототипов GUI и простого рисования....

Ответ 2

Удивительным и легким является balsamiq: http://www.balsamiq.com/

Мне также очень нравится Axure.

Ответ 3

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

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

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

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

Если вы ищете нечто не такое сложное, как Axure/Justinmind, но более мощное, чем Moqups/Balsamiq, вы также можете рассмотреть Infragistics Indigo Studio (который может импортировать статические макеты из Balsamiq и сделать их интерактивными ) и Протошаре. Оба из них, и в частности 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.

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

Ответ 4

Вы можете посмотреть статью Джоэля The Iceberg Secret, раскрыто, а также обсуждение статей.

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

Ответ 5

Если вы находитесь в Linux, вы можете попробовать Glade.

Ответ 6

Взгляните на инструменты, упомянутые в ответах на этот вопрос:

Инструменты прототипирования для не-программистов - Выражение?

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

Ответ 7

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

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

Ответ 8

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