Проектирование графического интерфейса

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

Обновление. Чтобы уточнить, я не имею в виду, какие элементы управления и что использовать. Скорее, есть ли какие-либо рекомендации/подсказки, когда мне нужно кнопки, комбо, текстовые поля и так далее? Как долго они будут и где я буду размещать их в форме?

ОТВЕТЫ

Ответ 1

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

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

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

Ответ 2

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

Если он сохраняет клик, +1.

Если это стоит щелчок, -1.

Если пользователь тратит время на выяснение того, как он работает, -1. (Большинство пользовательских элементов пользовательского интерфейса)

Если это фундаментально интуитивно, +1. (Coverflow)

Если он сохраняет пользователям в первый раз клик, +1. (Мастера)

Если для долгосрочных пользователей стоит клик, -1. (Мастера)

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

Etc.

Etc.

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

Ответ 5

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

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

Ответ 6

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

Ответ 7

Joel Spolsky имеет неплохие советы по дизайну высокого уровня:

http://www.joelonsoftware.com/uibook/chapters/fog0000000057.html

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

Ответ 8

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

Хорошая ссылка на то, как создать эффективный и понятный пользовательский интерфейс Дизайн пользовательского интерфейса для программистов,... дождитесь его... Джоэл Спольский.

Ответ 10

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

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

Ответ 11

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

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

Ответ 12

Существует несколько шаблонов пользовательских интерфейсов, представленных на сайте шаблонов пользовательского интерфейса, которые могут оказаться полезными

Как правило, если вы разрабатываете форму для окон, следуйте рекомендациям .

Один из основных, о котором я помню, - это использование существующих моделей поведения (двойной щелчок, чтобы выполнить/активировать элемент и т.д.), поскольку люди уже знают это.