Procurando alternativas ou aperfeiçoamentos a cair para baixo listas / menus em sites

Question

listas drop-down, menus e caixas de combinação são todos os elementos da interface de utilizador muito comuns. Os usuários estão acostumados a ver esses elementos em aplicações nativas e às vezes aplicativos web, mas há alguns problemas com eles.

1. Você tem que apontar o mouse. Alguns menus colapso quando você passa o mouse para fora, e alguns têm submenus que você tem que visam a se expandir.

2. Você não pode ver as opções sem apontar o mouse em primeiro lugar.

Estas são as principais coisas que me problemas, talvez outras pessoas notam outras questões também. Eu normalmente não usar drop-down menus em tudo se eu puder ajudá-lo.

O problema é que às vezes eu quero apresentar uma longa lista de opções no espaço limitado. Questão 2 é um sacrifício que estou disposto a fazer, mas eu estou querendo saber se alguém tem alguma truques para fazer esses menus gota mais fácil de usar. Talvez alguém inventou um novo estilo de controle de lista.

Eu tenho certeza que, se esses tipos de controles de me irritar, então eles incomodam os usuários do meu site mais.

Answer 1

Você poderia tentar algo como Mac OS / X tem por sua barra de tarefas, semelhante à barra de seleção no YouTube. Acho que o termo comum é um bar bolha onde pequenas imagens animar maior como o mouse passa sobre eles, mas recuar para baixo para um tamanho tal que todos os itens são visíveis quando o mouse não está sobre o controle.

Answer 2

Hmm..one mais uma coisa que me irrita sobre a lista suspensa é a incapacidade de controlar sua largura medida que se expande com o texto (ou é o seu algo que eu ignoro?).

Para um suplente, eu penso sobre um pouco de pop-up que inicialmente exibe uma lista de opções disponíveis na forma de índice alfabético e quando o usuário clica em um link alfabeto, ele exibe as opções relevantes para escolher. Isso irá reduzir as opções para escolher.

Nos mesmos termos, podemos usar ajax para construir as opções na mosca como tipos de usuário em.

Answer 3

@Nrj largura = '20 p' vai manter a queda de colapso para baixo, para uma largura de 20 p. O problema é que, Inernet Explorer mostra o item expandida com esta largura também, enquanto todos os outros navegadores eu conheci até agora irá mostrar-lhe o menu completo.