Рекомендации по обработке списка выбора данных в веб-приложении?

Question

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

Мои вопросы:

• Когда я должен использовать раскрывающийся список?
  • Когда вы должны использовать список радиокнопок в выпадающем списке?
• Когда я должен использовать список?
  • Если вы разрешаете множественный выбор, лучше ли использовать список флажков?
• Что такое лучший способ справиться с выбором из большой список данных?
  • Всплывающие окна, которые позволяют фильтровать / выбирать данные
  • Автозаполнение текстовых полей (хотя не многие поддерживают ключ / значение)
• Есть ли хорошие веб-сайты, которые объясняют шаблон пользовательского интерфейса для выбора списка данных?

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

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

Для чего бы то ни было, я разрабатываю свое приложение на C # и ASP.NET Web Forms.

Обновление

Вот пример того, как могут выглядеть данные для большого списка для выбора клиентов:

Id      Name         Address                                 Active
-------------------------------------------------------------------
1       XYZ Company  1234 Main St., Some City, Some State      Y
2       ABC Company  1234 Main St., Some City, Some State      N
3       RST Company  1234 Main St., Some City, Some State      Y

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

Answer 1

Радиокнопки : используйте их, когда есть только несколько вариантов (<10), и вы выбираете только один. </p>

Список флажков : несколько вариантов (<10), и вам нужно выбрать много. </p>

Списки : еще одна возможность разрешить множественный выбор.

Список / выпадающий список : выберите один элемент из длинного списка.

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

Автоматическое предложение : выберите один элемент из чрезвычайно длинного списка (тысячи).

Answer 2

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

Для фильтрации / автозаполнения, это ОЧЕНЬ хорошая возможность использовать для больших наборов данных, но точная форма будет зависеть от ответов на следующие вопросы:

• Это 1 значение для каждого ключа? > = 1 значение для каждого ключа? 1 / много пар ключ-значение, где вся пара ключ-значение берется как элементарный элемент?

• Много ли ключей? Много ключей на значение?

Answer 3

Я бы внимательно посмотрел, как Gmail работает со списками.

По сути, электронная почта - это все, что касается списков товаров. Gmail позволяет легко перемещать, копировать, удалять и выполнять действия с этими элементами.

Answer 4

Найдите минутку своего времени и посмотрите, как Помните, что Milk (это список дел в Интернете) управляет выбором списков.