Выпадающие списки — один из самых переоцененных UI-элементов, который часто используют просто по привычке. В свежем разборе от NNGroup отлично объясняется, почему этот паттерн регулярно ломает UX. Главная проблема в том, что дропдауны прячут контекст. Вместо мгновенного считывания вариантов интерфейс заставляет совершать три действия: открыть список, аккуратно проскроллить и не промахнуться мимо нужной строки.
Самый сильный инсайт касается иллюзии чистых данных. Разработчики обожают select, потому что он защищает бэкенд от опечаток и невалидного ввода. Но если в списке нет точного совпадения с картиной мира пользователя, начинается хаос! Человек просто выбирает наименее неподходящий вариант. Например, при поиске своей страны британец может искать United Kingdom, Great Britain или UK. Пока он не пролистает весь список, он не узнает, какой именно ярлык решил использовать дизайнер. В итоге аналитика выглядит идеально чисто, хотя собрана из компромиссных ответов.
Исследователи из британского GOV.UK вовсе рекомендуют использовать дропдауны только в самом крайнем случае из-за проблем с доступностью на мобильных и при навигации с клавиатуры. Правило простое: если вариантов меньше пяти — ставьте обычные радиокнопки для мгновенного визуального доступа. Если счет идет на десятки — лучше сделать текстовое поле с умным автодополнением.
Поделиться:
Доклад Уны Кравец о применении современных паттернов UI и скрытых возможностях CSS
Визуальная разработка Untamed: концепт-арты Полины Шумковой