Devo usar vários menus suspensos em design móvel?

1. Por que você deve evitar menus suspensos na navegação?
2. Quando você não deve usar um menu suspenso?
3. Quantos itens devem estar em uma suspensão?
4. Como faço para fazer um suspenso móvel responsivo?

Por que você deve evitar menus suspensos na navegação?

Às vezes, as suspensas podem tornar um site inutilizável em um iPhone ou BlackBerry e também pode dificultar a vida nos iPads. Os menus suspensos também podem incentivar "fluência de navegação" na qual os proprietários do site continuam adicionando mais e mais opções de menu simplesmente porque podem.

Quando você não deve usar um menu suspenso?

Em geral, evite suspensos quando houver mais de 10 ou menos de 5 opções. Os suspensos rapidamente se tornam difíceis para os usuários quando recebem um número esmagador de opções para escolher. Tomemos, por exemplo, uma entrada comumente incluída nos formulários de check-out, a suspensão da “seleção do país”.

Quantos itens devem estar em uma suspensão?

Escolhendo entre uma caixa de listagem e uma lista suspensa. Comparado ao uso de caixas de seleção independentes ou botões de rádio, é melhor usar uma caixa de listagem ou lista suspensa quando houver 5 ou mais itens dos quais os usuários podem escolher.

Como faço para fazer um suspenso móvel responsivo?

Escreva HTML para criar um menu suspenso responsivo itens de menu. Use CSS para estilizar sua barra de navegação com uma suspensão responsiva. Crie os itens de submenu dentro do menu suspenso. Adicione as consultas de mídia CSS para tornar as coisas responsivas móveis com seu novo submenu suspenso.