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

Question

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

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

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

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

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

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

Answer 1

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

Answer 2

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

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

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

Answer 3

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