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

Question

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

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

2. Вы не можете видеть опции, не наведя мышку.

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

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

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

Answer 1

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

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

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

Answer 2

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

Answer 3

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