Есть ли пример качественного UI множественного выбора из большого списка?
Подскажите, пожалуйста, есть ли пример качественного контрола для множественного выбора из большого списка. Например, требуется выбрать несколько стран.
Как лучше делать: поле ввода с выпадающей по мере набора подсказкой и при выборе добавление в отдельное поле (или в то же, как, например, теги в Тостере)? Или 2 списка со стрелочками выбрать, удалить? Или еще как?
Приложение, скорей всего, десктопное, но, возможно, будет мобильная версия, не хотелось бы, чтобы сильно отличалось в ней.
Привет,
основная ошибка постановки вопроса — контекст. Его нет.
Можно каждый вариант сделать из описанных. А затем задать такой контекст, который будет замечательно подходить в каждому виду исполнения.
Поэтому вопрос: для чего это всё нужно? Кому, как и зачем выбирать нечто? Что с выбранным будет дальше? Если ли зависимые\связанные поля к этой выборке? Сколько можно выбрать ? Можно ли вносить свои варианты? Будет ли меняться список? Обязательно ли выбирать? Можно ли категоризировать список (если страны, то по материкам например) ? Ну и всё такое.
Форма в приложении для поиска. Выбор стран, по которым нужно искать. Страны добавлять нельзя, но может быть неоднозначное написание (Нидерланды/Голландия, США/Америка, Великобритания/Англия и пр.) Список меняться не будет. Категоризировать не обязательно - как по мне, так тяжелее найти страну, особенно "тупым американцам", которые не знают на каком материке их страна. Есть еще одно "но": возможно список будет не полным (например, нет никакой информации по этой стране, тогда нет смысла вносить страну в список, да?)
Я бы сделал один инпут с автокомплитом с системой тегов.
Сценарий:
пользователь ставит фокус в поле, раскрывается список всех стран, далее либо печатает, либо ищет из списка, выбирает страну, появляется тег (с крестиком), дальше всё сначала.
Ну и конечно было бы здорово у каждой страны в раскрывающимся списке флаг )
Простой
