Что делает хорошие параметры / настройки диалогового окна? - PullRequest
5 голосов
/ 10 октября 2009

Я просматривал вопрос Худший пользовательский интерфейс, который вы когда-либо использовали , когда я понял, что многие из них связаны с диалогом настроек какого-либо приложения. Это, очевидно, область, в которой разработчик может легко «потеряться», поскольку часто имеется большое количество доступных вариантов, которые сложно организовать. (Особенно стереотипному программисту)

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

Вкладки? Иерархическое древовидное представление, подобное Visual Studio, которое действует как вкладки? (Я сейчас склоняюсь к этому)

Что ты думаешь?

Ответы [ 4 ]

4 голосов
/ 14 октября 2009

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

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

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

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

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

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

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

Организуйте настройки по функциям так, как это видят ваши пользователи. Рассмотрите возможность использования метода сортировки карт для классификации ваших вариантов. Не скрывайте редко используемые параметры на вкладке «Дополнительно» или в диалоговом окне. У вас может быть статистика по использованию каждого параметра, но ваши пользователи этого не сделают. Они не могут узнать, является ли выбранный ими вариант «расширенным» или нет, что вынуждает их искать вкладку «Дополнительно» в дополнение к другим вкладкам.

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

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

Выделенное раскрывающееся меню «Параметры» / «Предпочтения» также является хорошим местом для размещения трех или четырех пунктов меню с изменяющимися / изменяемыми параметрами, которые предполагают параметры, которые пользователь хотел бы установить в данном контексте. Например, когда приходит электронное письмо, может появиться пункт меню, который устанавливает параметры оповещения для нового электронного письма (например, звуковой сигнал, показанное уведомление). Когда пользователь меняет принтер по умолчанию на что-то другое, может появиться пункт меню, чтобы сделать новый принтер принтером по умолчанию.

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

Section headings in large font. Common options in bold print
(источник: zuschlogin.com )

Поощряйте легкое исследование и экспериментирование вариантов:

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

  • Включите справку «Что это?» Для каждой опции, чтобы пользователи могли больше узнать о том, что делает опция и когда ее следует использовать.

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

  • Убедитесь, что все имена опций и их синонимы есть в вашей справочной документации, и убедитесь, что справочная документация показывает пользователю, где именно найти опцию. Часто пользователи могут не знать, существует ли опция, является ли она «опцией» или командой другого типа.

3 голосов
/ 10 октября 2009

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

Основная проблема не подавляющая аудитория. Диалоги опций имеют тенденцию быть сумасшедшими, просто потому, что люди помещают туда все доступные опции.

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

2 голосов
/ 10 октября 2009

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

Общие шаблоны, которые я видел:

  1. Диалоговое окно типа Visual Studio (древовидное представление).
  2. Диалоговое окно параметров Word / Office (особенно в Office 2007/2010).
  3. Стандартный диалог с вкладками (только хорошие варианты с небольшим количеством (менее 4) вкладок).
  4. Единый диалог с параметрами, сгруппированными с помощью групповых блоков (стандартный стиль .NET или стиль Office). Это возможно только при небольшом количестве вариантов.
1 голос
/ 10 октября 2009

Лучше всего не иметь диалогового окна параметров.

Однако, если у вас есть много вариантов, поиск действительно полезен.

...