Qual é o melhor - um menu resumido ou um menu detalhado?
Estou redesenhando um menu de navegação para um aplicativo baseado na Web. O menu atual é uma lista de tarefas, agrupadas por serviço. A lista está crescendo constantemente à medida que adicionamos novas funcionalidades e agora os usuários precisam rolar para baixo para ver tudo. O ideal é que a lista tenha apenas uma página. Duas soluções foram apresentadas:
- Apresente um menu semelhante a um acordeão que será expandido para cada serviço
- Agrupando tarefas para reduzir o menu
Por exemplo, nosso menu atual apresenta opções como:
Do utilizador
- Editar
- Excluir
- Mudar senha
Caixa de correio
- Editar
- Excluir
- Definir permissões
- Gerenciar configurações de spam
- Pesquisar spam
Com a solução 1, você veria apenas Usuário e Caixa de Correio e, em seguida, clicar em qualquer um deles expandiria para mostrar as tarefas descritas acima.
Com a solução 2, o novo menu apresentaria algo como:
Do utilizador
- Definições
Caixa de correio
- Definições
- Permissões
- Spam
A solução 1, ao organizar a interface no primeiro nível, ainda apresentará muito texto ao usuário para ler no segundo nível.
Com a solução 2, estou preocupado que os usuários não encontrem o que estão procurando. Por exemplo, um usuário que está procurando alterar sua senha não precisa necessariamente acessar as configurações do usuário.
Ambos têm suas vantagens e desvantagens - então, qual é o melhor? Apresentar mais opções ao usuário para encontrar a tarefa exata que deseja executar ou agrupar as tarefas em um cabeçalho geral?
Editar: Conforme solicitado, incluí uma maquete da tela do aplicativo. À esquerda, está a lista de usuários, selecionar um usuário exibe a tarefa para um usuário no lado direito.
Das duas opções dadas, eu iria para o menu acordeão.
Uma página separada significa dois cliques e (geralmente) uma ida e volta do servidor e, em seguida, é necessário voltar.
Não há vantagem em fazer uma "pré-seleção" - a menos que haja muitas opções para uma única página.
Uma única página (ou seja, sem o menu "agrupado", apenas um link) é válida, se todos os casos de uso comuns envolverem várias ações por usuário selecionado.
Caso contrário, eu usaria menus "acordeão" ou menus pop-up javascript/mega/em cascata, e permitem fixar comandos no topo da lista.
Seria útil ver o espaço disponível para sua navegação ou o espaço que você planeja usar. Porém, sem saber, se você quiser incluir todas as suas opções porque tem medo de gerar confusão, poderá aplicar uma solução como a tendência dos mega menus mega Aqui está um link de exemplos sobre o assunto:
http://designm.ag/inspiration/mega-menus-showcase/
Se você definitivamente quiser a opção resumida, no entanto, poderá repensar os títulos das opções resumidas do menu. Você pode ler este artigo para obter mais dicas sobre como projetar um sistema de navegação eficaz
http://buildinternet.com/2009/09/principles-of-effective-web-navigation/
Ao resumir, sugiro alguns testes com usuários aleatórios ou mesmo uma pesquisa simples sobre a clareza dos rótulos que você está usando. Não precisa ser um estudo tão elaborado, mas pode fornecer informações úteis sobre o assunto.
Com o tempo, percebi que, quanto mais configurações existem, mais prefiro ter um único link, por exemplo. como a Amazon.com possui um único link que diz "Sua conta". A razão para isso é muito simples: depois que clico no link "Sua conta", uma página é exibida com todas as opções possíveis e, se o que estou procurando não é imediatamente óbvio, posso pressionar Control-F ou Cmd -F para encontrar o que quero na página.
Com menus, a única opção com aplicativos da web é lê-los. Acho que isso se torna tedioso ao longo do tempo. E quanto maior o menu (o mega-er ?!), mais entediante se torna a leitura, sem opção de pesquisar. (A situação é diferente nos aplicativos de desktop, onde os menus parecem mais "naturais" e oferecem atalhos de teclado.)
Acho contra-intuitivo que uma "Tarefa" me leve a um novo menu ou página de configurações. Uma tarefa para mim é focada em um único tópico - como "Gerenciar funções ...", "Alterar senha ..." ou "Desativar conta" - não "Gerenciar isso e aquilo e me mostrar um pouco mais ..." ^^ Mas isso pode ser apenas eu.
Idealmente, eu realmente tentaria incluir todas as tarefas claramente escritas, barra de rolagem, se necessário.
Mas, para compactá-lo, a maneira como a caixa de ferramentas do Visual Studio o faz é bem organizada. Nesse caso, seria como a ideia do acordeão - mas com uma categoria adicional no topo pré-expandida que lista as tarefas mais comuns ou populares.
v Basic
Change password
Edit user
Search spam
> User
> Mailbox
Decidir o que é uma tarefa comum pode ser uma decisão simples ou tomada dinamicamente com base no que o usuário conectado mais usa.
As categorias também podem ser alteradas um pouco se houver poucas categorias lógicas com muitas tarefas, para tornar cada categoria menos cheia.
v Basic
Change password
Edit user
v Edit
User
Mailbox
Permissions
v Spam
Search
Settings
v Delete
User
Mailbox
Use dicas de ferramentas.
Faça um menu resumido com uma lista de tudo o que pode ser feito em cada página em uma dica de ferramenta que mostra quando o usuário passa o mouse sobre o item.
Além disso, quando você fizer a transição, dê algumas dicas ao usuário. Por exemplo, quando o usuário clica na opção do menu do usuário, é exibido um pequeno pop-up (como os usados neste site) que explica as alterações no menu.