Ищете альтернативы или улучшения для раскрывающихся списков / меню на веб-сайтах

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

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

  2. Вы не можете увидеть параметры, не наведя сначала мышь.

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

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

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


person Mnebuerquo    schedule 23.10.2008    source источник


Ответы (3)


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

person Jeff Yates    schedule 23.10.2008
comment
Преимущество этого метода в том, что список занимает меньше места, а выбранный элемент достаточно велик для чтения. Хорошая идея. Не знаю, как добавить к нему подменю. Может быть, в любом случае лучше избегать подменю в подобных вещах. - person Mnebuerquo; 23.10.2008
comment
К сожалению, макет в моем проекте не подходит для такого рода вещей. Но это новая идея для Интернета. - person Mnebuerquo; 30.10.2008
comment
Вы можете попробовать вариации на эту тему. Может быть, есть одна точка, которая расширяется до круга вариантов, каждый вариант становится центром другого круга вариантов. - person Jeff Yates; 31.10.2008

Хм ... еще одна вещь, которая меня раздражает в раскрывающемся списке, - это невозможность контролировать их ширину, когда он расширяется вместе с текстом (или это то, о чем я не знаю?).

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

На тех же условиях мы можем использовать ajax для создания параметров на лету по мере ввода пользователем.

person Nrj    schedule 23.10.2008
comment
Я уже заменил выпадающие списки браузера моими собственными, используя javascript, но шириной можно управлять с помощью некоторых CSS. Я думаю, это называется меню-гармошкой, в котором подменю разворачиваются внутри, а не в сторону. Выполнение этого в алфавитном порядке с длинным списком может очень помочь. - person Mnebuerquo; 23.10.2008

@Nrj width = '20px' сохранит ширину свернутого раскрывающегося списка 20 пикселей. Проблема в том, что Inernet Explorer также показывает развернутый элемент с этой шириной, в то время как все остальные браузеры, которые я встречал до сих пор, покажут вам полное меню.

person Community    schedule 23.10.2008