Выпадающие списки, меню и поля со списком - все это очень распространенные элементы пользовательского интерфейса. Пользователи привыкли видеть эти элементы в собственных приложениях, а иногда и в веб-приложениях, но с ними есть несколько проблем.
Вы должны прицелиться мышкой. Некоторые меню сворачиваются, когда вы наводите курсор мыши, а в некоторых есть подменю, к которым нужно стремиться, чтобы развернуться.
Вы не можете увидеть параметры, не наведя сначала мышь.
Это главное, что меня беспокоит, может быть, другие люди тоже замечают другие проблемы. Обычно я вообще не использую раскрывающиеся меню, если могу.
Проблема в том, что иногда мне хочется представить длинный список вариантов в ограниченном пространстве. Проблема 2 - это жертва, на которую я готов пойти, но я хочу знать, есть ли у кого-нибудь уловки, чтобы упростить использование этих выпадающих меню. Может быть, кто-то изобрел новый стиль управления списком.
Я уверен, что если эти типы элементов управления меня раздражают, то они больше раздражают пользователей моего сайта.
Ответ 1 · рейтинг 1 · Jeff Yates
Вы можете попробовать что-то вроде панели задач Mac OS / X, похожей на панель выбора на YouTube. Я думаю, что общий термин - это пузырьковая панель, где маленькие изображения увеличиваются, когда мышь наведена на них, но сжимаются до такого размера, что все элементы видны, когда мышь не находится над элементом управления.
Ответ 2 · рейтинг 2 · Nrj
Хм ... еще одна вещь, которая меня раздражает в раскрывающемся списке, - это невозможность контролировать их ширину, когда он расширяется вместе с текстом (или это то, о чем я не знаю?).
В качестве альтернативы я думаю о небольшом всплывающем окне, которое изначально отображает список доступных параметров в форме алфавитного указателя, а когда пользователь нажимает на ссылку в алфавитном порядке, оно отображает соответствующие параметры для выбора. Это уменьшит количество вариантов для выбора.
На тех же условиях мы можем использовать ajax для создания параметров на лету по мере ввода пользователем.
Ответ 3 · Community
@Nrj width = '20px' сохранит ширину свернутого раскрывающегося списка 20 пикселей. Проблема в том, что Inernet Explorer также показывает развернутый элемент с этой шириной, в то время как все остальные браузеры, которые я встречал до сих пор, покажут вам полное меню.
