Альтернатива выпадающему списку?

Question

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

Что может быть лучшим контролем юзабилити для представления такого длинного списка?

Answer 1

Другой вариант - это многослойное дерево, если вы можете придумать способ разбиения списка: например, 35 элементов могут быть 7 группами по 5 элементов в каждой.

Answer 2

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

Одна вещь, которую вы могли бы сделать, это разбить информацию на связанные сегменты:

Описание
элемент списка один
второй элемент списка
Описание
элемент списка три
четвертый элемент списка

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

Answer 3

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

Answer 4

Если список становится слишком длинным, создайте кнопку, которая открывает полностью доступный для поиска и сортируемый список значений.

Answer 5

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

Answer 6

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

Answer 7

U следует развернуть в список из нескольких столбцов вместо одного длинного списка

Answer 8

Я предлагаю текстовое поле для автозаполнения при поиске по типу.

Answer 9

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

30 наименований - это совсем немного. Возьмите выбор страны с ~ 150 странами, раскрывающийся список используется почти везде (однако этот список никогда не меняется ... это может быть частью рассмотрения)

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

Answer 10

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

Меня не раз раздражало какое-то приложение, которое показывало мне выпадающий список с умеренно большим количеством элементов (скажем, 20 или 30), но ограничивало количество отображаемых элементов небольшим числом (скажем, 8). У меня есть много экранного пространства, доступного в окне приложения в целом, и даже больше места, доступного на весь мой экран; так зачем заставлять меня прокручивать список, чтобы увидеть все доступные варианты, когда список можно просто нарисовать достаточно большим, чтобы показать все элементы одновременно?