Можно ли сделать диалог «правильных» вариантов?

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

 Диалог параметров Microsoft Word

Есть несколько общих проблем, которые я вижу:

  • Обнаруживается плохо; даже при группировке по категориям. Самый распространенный метод поиска чего-то в диалоговом окне параметров - это Googling, на что нажать!
  • Группирование плохое - вкладка «Дополнительно» кажется огромной кульминацией «Я не знаю, где это происходит».
  • Пояснение отдельных функций во многих случаях маловероятно, так как для этого потребуется длинное объяснение, которое не соответствует этикетке.
  • Не относится к приведенному выше снимку экрана, но их даже не называют или не запускают последовательно. Несколько лет назад это всегда казалось Инструменты -> Опции. В наши дни кажется, что это либо в меню «Инструменты», «Файл», либо «Изменить» для тех приложений, которые по-прежнему используют традиционные меню, и их можно назвать «Параметры», «Настройки», «Настройки» или что-то еще, .

Некоторые из лучших экранов «вариантов», которые я видел, это те, что в браузерах; Например, Chrome позволяет выполнять поиск, что, возможно, улучшает открытость:

 Параметры Chrome

Однако даже в этом случае вам нужно искать точную фразу или слово, которое вам нужно. Поиск «Не отслеживать», например, даст вам возможность отправить запрос «Не отслеживать». Поиск «отключить отслеживание» оставит вас с пустыми руками.

Решения, о которых я могу думать, на самом деле невозможны:

  • Смените диалог настроек и поместите там только самые распространенные опции (он всегда начинается с малого, но многие из имеющихся здесь параметров есть по запросу пользователя!)
  • Не используйте диалоговое окно параметров и найдите другие места для настройки, например панель инструментов или ленту (анекдотично, но я обнаружил, что это просто еще более раздражает, чтобы найти то, что вам нужно);
  • Использовать значки справки для более подробных объяснений функциональности опций (конечно, никто бы не использовал их?)
  • Создайте больше категорий, чтобы избавиться от категории «Advanced» или «General» (тогда вы просто получите целую кучу категорий, которые вы не можете реально перемещать, некоторые из которых имеют только один вариант.)

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

88 голосов | спросил berry120 31 Jam1000000amWed, 31 Jan 2018 11:14:55 +030018 2018, 11:14:55

7 ответов


126

В разработке IDE программного обеспечения есть некоторые из самых сложных страниц настроек, которые я когда-либо видел, а IntelliJ IDEA отлично справляется с возможностью обнаружения. Они не только предлагают поиск, чтобы сузить левое «дерево» на соответствующие страницы, но также имеют специальный эффект выделения для соответствия опциям. Это похоже на ваш пример Chrome, но даже лучше, поскольку он не теряет исходный макет и иерархию нефильтрованных параметров.

 Диалог настроек IntelliJ IDEA, отфильтрованный до Scala

К вашим решениям:

(Все цитаты из OP)

  
  • Смените диалог настроек и поместите там только самые распространенные опции (он всегда начинается с малого, но многие из имеющихся здесь параметров есть по запросу пользователя!)
  •   

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

  
  • Не используйте диалоговое окно параметров и найдите другие места для настройки, например панель инструментов или ленту (анекдотично, но я обнаружил, что это просто еще более раздражает, чтобы найти то, что вам нужно);
  •   

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

  
  • Использовать значки справки для более подробных объяснений функциональности опций (конечно, никто бы не использовал их?)
  •   

Я думаю, что люди будут использовать их, и, что более важно, это будет дополнительный текст, который может быть сопоставлен фильтром в верхней части диалогового окна. Если этот параметр был «Экспорт в CSV», а текст справки «Экспорт файлов в файлы с разделителями-запятыми, которые можно открыть в Microsoft Excel», то это позволяет запросам «csv» и «excel» соответствовать этой опции.

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

Да, до некоторой степени - без категорий с одним вариантом, но удаляя «Общие» и «Предварительные» и организуя в дереве (если их слишком много для простого списка, например, Firefox или вашего примера Word).

ответил J. Dimeo 31 Jpm1000000pmWed, 31 Jan 2018 14:33:16 +030018 2018, 14:33:16
18

Корневая причина: пользовательский интерфейс управления внедрением

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

С возможным исключением, когда пользователь сначала устанавливает программу, пользователь, как правило, не думает: «Сегодня я изменю свои варианты». Что происходит, программа делает что-то конкретное, что не является ™ t, что хочет пользователь (например, по умолчанию вставлять в исходный формат). Поэтому пользователи (если они достаточно разбираются) думают: «Может быть, есть вариант для этого», и приступить к основному сафари, чтобы выследить его в джунглях вариантов, если предположить, что он существует. Неудивительно, что это не работает.

Адресация открытости: параметры, доступные для проксимальных функций

Решение состоит в поместить параметры с функцией, которая влияет на . У Donâ € ™ t есть все варианты в одном массивном диалоге. Распространяйте их вокруг своих меню и диалогов. Например, для изменения вставки по умолчанию меню «Правка» имеет пункт меню «Вставить параметры» под пунктом меню «Вставить». Параметры вставки открывает простой диалог для выбора поведения вставки по умолчанию. Или есть специальный диалог «Вставить», который включает в себя «Сделать это по умолчанию», поэтому, когда пользователи выбирают специальное поведение вставки для конкретного экземпляра, они также могут сделать его постоянным. Это улучшает открытость. Или, может быть, есть просто «Параметры редактирования», если есть также опции для копирования, отмены и удаления (в противном случае в вашем меню имеется почти столько же пунктов меню «Опции», сколько все другие важные). Когда пользователь выполняет команду в своем меню или на вкладке ленты, они видят, что есть варианты для нее. Это уменьшает рабочую нагрузку, потому что пользователям не нужно искать через миллион нерелевантных и сомнительно организованных групп вариантов, чтобы найти тот, который им нужен. Параметры организованы точно так же, как (с) связанные функции, которые пользователь уже знает, или иначе не могут использовать функции.

Параметры по определению сохраняются между сеансами, поэтому они наиболее подходят для вещей, которые очень редко меняются. По этой причине важно не загромождать ваш пользовательский интерфейс с помощью пунктов меню и кнопок управления, так как они будут мешать тем, что обычно ищут пользователи. Вероятно, у вас должно быть не более одной кнопки «Параметры» для каждого диалогового окна и одного пункта меню «Параметры» для каждого меню или вкладки «Лента». Это может быть не так строго, как кажется. Просматривая варианты MS Word в вашем примере (который является одним из более обширных), я вижу, что будет:

  • Пункт меню «Вырезать /Копировать /Вставить» на вкладке «Главная».

  • Пункт меню «Параметры формата» на вкладке «Вид».

  • Пункт меню «Параметры проверки» на вкладке «Обзор».

Это о нем.

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

Адресация несогласованных мест: есть меню настроек

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

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

Однако, мой совет - иметь меню настроек на верхнем уровне (выпадающее меню или вкладка ленты). Место для опций - это свое место, а не любое другое меню или вкладка. Это максимизирует открытость: пользователи видят «Предпочтения» (или «Способы», или, может быть, «Настроить», в зависимости от ваших пользователей) каждый раз, когда они открывают приложение. Это не имеет значения, если пользователь ожидает, что параметры будут находиться в разделе «Инструменты» или «Редактировать» или в меню приложения. Они сразу видят это наверху и не хотят смотреть где-нибудь еще.

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

Обращение с плохими пояснениями: активная справка

В качестве дополнения или, возможно, лучшей альтернативы для меню предпочтений, дайте Справке возможность изменять настройки. Возьмите «избранный выбор абзаца» в вашем примере (что бы это ни было). Пользователь не собирается думать, «Этот умный выбор абзаца! Хотел бы я отключить его! »Они думают:« Этот выбор делает что-то странное; почему это? »Поэтому они, естественно, идут на помощь, чтобы узнать больше. Если индекс и поиск достойны, а контент четко написан, они узнают об этом умном выборе абзаца и о том, как он работает. Может быть, когда они это поймут, они хотят сохранить это. Однако, если они не используются, то Help должно предоставить средства, чтобы отключить его прямо там в справке . Он не позволяет пользователю выполнить несколько шагов в диалоговом окне «Параметры», чтобы это сделать. Это не похоже на то, что пользователи должны узнать, что они только собираются отключить его, а затем забыть об этом. Пусть они делают это прямо там.

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

И установка?

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

ответил Michael Zuschlag 31 Jpm1000000pmWed, 31 Jan 2018 16:57:11 +030018 2018, 16:57:11
8

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

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

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

ответил Rob E 31 Jpm1000000pmWed, 31 Jan 2018 13:46:33 +030018 2018, 13:46:33
5

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

Следующим шагом будет хороший взгляд на ваши предпочтения. На самом деле они должны быть там? . Например, я не могу придумать ни одной веской причины для «Использовать Ctrl + Click, чтобы следить за гиперссылками», чтобы быть предпочтительным. Если пользователь не хочет следовать гиперссылкам, все, что он должен сделать, это не нажимать . Или «Использовать умные курсоры». Если они действительно умны, почему на Земле я хочу их отключить? И если они не так уж умны, почему они вообще реализованы? Внизу, попробуйте сделать ваше приложение интуитивно понятным и простым в использовании, насколько это возможно, и удалите этот вариант, чтобы сделать его менее интуитивным.

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

ответил Dmitry Grigoryev 31 Jpm1000000pmWed, 31 Jan 2018 18:11:08 +030018 2018, 18:11:08
2

Современное решение может использовать нейронную сеть, обучаемую различными командами и связанными элементами меню. Подумайте, как работают Cortana, Siri, Alexa, Omega и Google. Вы вводите команду или говорите что-то, и ваше устройство делает это за вас (или, по крайней мере, поднимает место, где вы можете это сделать). Вы можете предложить «Расширенное» меню для людей, которые хотят просто найти свои предметы обычным способом (категория /подкатегория /предметы). Учитывая ваш пример, пользователь может сказать: «Я хочу отключить отслеживание», и нейронная сеть будет божественна, что они ищут флаг Do Not Track.

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

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

ответил phyrfox 2 FebruaryEurope/MoscowbFri, 02 Feb 2018 01:37:48 +0300000000amFri, 02 Feb 2018 01:37:48 +030018 2018, 01:37:48
2

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

ответил user8356 2 FebruaryEurope/MoscowbFri, 02 Feb 2018 02:07:36 +0300000000amFri, 02 Feb 2018 02:07:36 +030018 2018, 02:07:36
2

Как я вижу, в меню «Опции» есть только три основные цели:

  1. Найдите то, что вы хотите, быстро и с минимальными исследованиями.
  2. Поймите, что данный вариант делает как можно проще, желательно, не прибегая к специализированным окнам справки или веб-поискам.
  3. Измените опцию как можно более ясную и прямую. (обычно заданный, вы не можете слишком ошибиться с тиккетом)

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

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

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

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

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

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

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

Например, если я ищу возможность повлиять на шрифты в текстовом процессоре, мне будет очень полезно увидеть значок кнопки «Шрифт» в меню «Параметры» и выполнить это.

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

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

ответил Ruadhan2300 2 FebruaryEurope/MoscowbFri, 02 Feb 2018 14:53:17 +0300000000pmFri, 02 Feb 2018 14:53:17 +030018 2018, 14:53:17

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132