Недостатки выпадающего списка «Select»

Прокрутка

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

Посмотрели в одном месте. Запомнили или записали на листочек. Прокрутили страницу. Что-то сопоставили. Вернулись назад. Уточнили. И так далее. Проблема в отсутствии целостной картины.

Скажем, я просматриваю длинный прайс-лист. И мне нужно сравнить несколько похожих товаров, разнесенных достаточно далеко друг от друга. При этом я либо мучаюсь с ручкой и бумагой, либо пользуюсь формированием списка «по запросу», в который помещаю только интересные мне позиции. Так устроено сравнение товаров в некоторых интернет-магазинах.

Скрытые области

Всплывающие подсказки и выпадающие меню — тоже плохо. Прибегая к подобным решениям, разработчикам приходится серьезно думать над тем, как сделать наличие скрытой области очевидным и при этом дать пользователю представление о том, что в ней находится.

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

В худшем случае посетитель так и не узнает о том, что вы оказываете необходимую ему услугу.

SelectBox или просто Select

Так уж вышло, что выпадающие списки Select органично сочетают в себе оба описанных выше недостатка. Во-первых, не видно, что внутри. Во-вторых, чтобы выбрать нужную позицию, нередко приходится список прокручивать. Говорят даже, что Select — самый неэффективный GUI control.

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

Действительно, и скрытые области, и прокрутка — не глупая прихоть. Эти трюки с успехом применяются, когда места мало, а разметить на странице нужно очень много всего.

Главная проблема выпадающих списков Select

Не раз видел выпадающие списки колоссальной длины. Посмотрите хотя бы на PHPMyAdmin с прописанными внешними ключами.

Главной проблемой выпадающих списков я считаю сложность работы с длинными списками. Например, в 200 позиций. Конечно, для таких случаев сделан поиск по первой букве. Но вот поиск уже по двум буквам в Internet Explorer 6 не работает. Приходится искать элемент по первому символу, а потом прокручивать с помощью стрелок, поскольку полоса прокрутки дает слишком неточные результаты.

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