Автозаполнение против выпадающего списка. Когда использовать?
Я где-то читал (не могу вспомнить/найти где) статью о веб-юзабилити, описывающую, когда использовать выпадающие списки и когда использовать поля автозаполнения.
В основном, в статье говорится, что человеческий мозг не может хранить больше, чем последние пять вариантов, представленных на выбор.Например, в форме профиля, где есть ваша текущая профессия,и система дает вам кучу вариантов, когда вы читаете шестой вариант, ваш мозг больше не может вспомнить первый. Этот пример-отличное место для использования поля автозаполнения, где пользователь вводит что-то, что, по его мнению, было бы его занятием, а затем выбирает лучшее из нескольких отфильтрованных вариантов.
Я хотел бы услышать Ваше мнение по этому вопросу.Когда следует использовать раскрывающийся список и когда следует использовать поле автозаполнения?
6 ответов:
Для ограниченного списка не используйте поле редактирования автозаполнения или комбинированное поле, а используйте список, в котором все значения видны одновременно. Для ограниченных списков, особенно со статическим содержанием до 8 пунктов, это занимает недвижимость, но предоставляет пользователю лучший непосредственный обзор.
Для менее чем 5 элементов радиогруппа или группа флажков (множественный выбор) также может быть лучше.
Для списков, содержимое которых является динамическим, например список контактов, список прокрутки или combobox подходят, потому что вы никогда не знаете, сколько элементов будет в списке. Чтобы сохранить его управляемым, вам нужно будет разрешить некоторую фильтрацию и/или автозаполнение.
Автозаполнение обычно страдает от того, что то, что пользователи вводят, должно соответствовать строке с самого начала. Я ненавижу их, за исключением тех случаев, когда они используются для заполнения значения, основанного на том, что я ввел в это (тип) поле раньше. Например, что браузеры в настоящее время предлагают при заполнении онлайн формы.
Разрешение пользователю начать вводить текст в combobox обычно имеет тот же недостаток. Но, по общему признанию, это не нужно, если фильтрация основана на "like %abc% "вместо" начинается с abc "
Когда я имею дело со списками, которые могут иметь много похожих элементов, мне очень нравится, как поле "Кому" GMail обрабатывает их. Вы начинаете вводить любую часть чьего-либо имени или адреса электронной почты, и GMail выпадет список, содержащий все контакты, чьи имена или e-mail адрес содержит символы, которые вы ввели до сих пор в любом месте внутри них. С помощью кнопок вверх и вниз можно изменить выбор в выпадающем списке (не влияя на то, что вы ввели), а нажатие клавиши enter добавляет выбранный элемент в поле "Кому". Безусловно, лучший пользовательский опыт, который я имел до сих пор, когда мне нужно было выбрать что-то из списка.
Пока не найдено ни одного компонента, который мог бы это сделать, но это не так уж сложно "подделать", объединив окно редактирования и список, выпадающий при вводе текста и имеющий свое содержимое, фильтруется на основе того, что было введено до сих пор.
Я бы использовал 2 критерия,
1) Какой длины список, если список содержит 5 элементов, вам лучше использовать combobox, так как это будет проще для пользователя (лучше UX)
2) Если список длинный, то насколько легко пользователю запомнить префикс того, что он ищет... если это не так просто, использование автозаполнения не имеет значения..
Я бы сказал, что это зависит от разнообразия в списке и знакомства с элементами списка.
Если, например, список содержит более 5 марок автомобилей (список элементов, с которыми я знаком), нет проблем.
С другой стороны, если список содержит более 5 фамилий, мне может потребоваться еще некоторое время, прежде чем я сделаю выбор.
Вам, вероятно, следует просто попробовать оба варианта и довериться своей интуиции, которую вы найдете более удобной для использования.
Вот противоположный подход:
Самое худшее времядля использования коробки автозаполнения-это когда у вас есть конечный и относительно небольшой набор опций, и пользователь не знает диапазон допустимых опций. Например, если вы продаете подержанные автомобили и у вас есть смешанный пакет брендов, простое перечисление брендов в combobox является более эффективным и простым для просмотра, чем метод автоматического завершения.
Возможность запомнить последние 5 вариантов, скорее всего, не имеет значения, если вы не есть гигантский список опций и требуют от пользователя, чтобы выбрать наиболее подходящий элемент.
Альтернативный подход заключается в использовании обоих. Я считаю, что у Dojo есть виджет, который действует как в качестве combobox, так и в качестве поля автозаполнения. Вы можете либо выбрать, чтобы начать печатать, и это сузит возможные варианты, или вы можете взаимодействовать с ним с помощью мыши и просматривать его, как combobox.
Обычно я смотрю на то, насколько большим будет список. Если там будет больше 15 вариантов, то это просто кажется легче найти, если они могут просто начать печатать.
Другое обстоятельство для меня-это когда есть другой вариант,и они могут свободно печатать его. Это существенно устраняет необходимость в двух элементах управления, так как вы можете объединить их в один.
Основное различие не имеет ничего общего с удобством использования, но больше связано с тем, что определяет приемлемые входные данные.
Обычно вы используете ComboBox, когда у вас есть заранее определенный список допустимых входных данных (например, перечисление или список профессий).
Поле автозаполнения лучше всего использовать, когда имеется много известных входных данных, но также принимается пользовательский ввод. Пользователь будет разочарован, если они наберут "программист" в качестве своей профессии, но это не было одним из предопределенных, приемлемых входные данные, и они получают сообщение о том, что их входные данные не являются допустимыми.
Имейте в виду, что ComboBoxes позволяют вам вводить их, чтобы выбрать первый подходящий вариант. Некоторые типы ComboBoxes (в зависимости от используемой структуры пользовательского интерфейса) даже позволяют выполнять поиск или добавлять в список текстовые поля произвольной формы в верхней или боковой части поля.
Из грубых лучший способ определить, что предпочтет ваш пользователь, - это тестирование: A/B, поле, пользователь и т. д.
Надеюсь, это поможет вам решить вашу проблему. дилемма!