Пользовательский интерфейс - выпадающий

Question

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

Не могли бы вы прислать ваши предложения.

Спасибо.

Answer 1

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

Answer 2

Ну, что я сделал в таком случае:

1. Использование автозаполнения (чтобы пользователь мог начать печатать и быстрее набрать нужный вариант).
2. Иметь выпадающее меню фиксированной длины, например, 30 символов. Теперь, если значение выпадающего меню больше, я просто обрезаю его до 25 с помощью «...» в конце. При наведении курсора на это значение полный текст отображается как «заголовок» или аналогичный.

Answer 3

Вы можете использовать другое окно (div?) Со списком / сеткой с подкачкой вместо выпадающего. Это очень интуитивно понятно для обычных пользователей.

Answer 4

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

или измените размер раскрывающегося списка до самого длинного описания в списке.