it-swarm-pt.tech

Usando uma combinação de navegação horizontal com submenus e navegação lateral vertical com submenus em um site

Eu estive envolvido em um redesenho de site em que a navegação inclui um menu de navegação horizontal principal com um nível de menus suspensos e navegação secundária na coluna esquerda que repete o submenu do menu principal e um nível adicional de itens em formato de árvore.

Navegação superior:
Livros
Ficção
Ciência
Web design

Navegação lateral:
Ficção
Literário
Histórico
Crepúsculo
Ciência
etc
etc

O subnível de navegação lateral (como Literário no exemplo) pode ficar muito longo (10 ou mais links) e se estender muito abaixo do final do conteúdo. A navegação lateral atua como um painel de acordeão para cada item.

Alguém conhece algum estudo de experiência do usuário ou mesmo discussões anedóticas sobre esse tipo de sistema que afetam, positiva ou negativamente, a interação do usuário? Gostaria de fornecer alguns motivos para nos afastarmos desse tipo de navegação - apenas com base em testes internos e monitores diferentes, etc., perdemos muito espaço em navegação sem nenhum benefício real (não há orçamento para algo como A/Teste B, etc). Parece-me que mega-menus ou menus suspensos de dois níveis são mais a norma nos dias de hoje.

11
sscott

Kingsbury JR & Andre AD (2004, Uma comparação de menus da Web em três níveis: Estruturas de navegação. Anais da 48ª Reunião Anual do HFES, p1513-1517; resumido ) fizeram algumas pesquisas em menus hierárquicos como o seu isso sugere que os usuários geralmente têm melhor desempenho ao selecionar no menu da barra lateral esquerda primeiro , depois no menu superior, e não o contrário.

No entanto, parece que seu menu de segundo nível pode ser muito longo para estar no topo. Você pode interromper os itens de nível inferior no menu de segundo nível para criar um terceiro menu de nível na parte superior para ajustar tudo. Isso teve um bom desempenho em Kingsbury e Andre, mas eles apenas testaram hierarquias de menu em três níveis e, em geral, um menu em um único nível com 10 itens agrupados ou mais superará dois menus curtos hierárquicos. (por exemplo, consulte Snowberry K, Parkinson SR e Sisson N (1983), Computer Display Menus, Ergonomics, 26 (7), p699-712).

Eu consideraria colocar tudo no menu da barra lateral, que Kingsbury e Andre descobriram que tiveram desempenho próximo à esquerda e no topo em várias medidas. No entanto, esse desempenho é baseado em ter dois menus da barra lateral, um para cada nível, o que pode levar muito espaço horizontal no seu caso. Você pode usar os expansores para manter todos os níveis na mesma margem, mas não sei o que isso fará com o desempenho do usuário

Falando mais de anedota do que de pesquisa, estou um pouco preocupado com a barra lateral que repete o menu suspenso na barra superior. Como você, não estou claro qual é o benefício dessa redundância - não vejo como um método seria substancialmente superior a outro, dependendo dos usuários ou das circunstâncias (por exemplo, não é como se o mundo estivesse dividido em barra lateral usuários de navegação e usuários de navegação suspensa). Enquanto isso, tem os seguintes problemas em potencial:

  • Os usuários podem se perguntar se os links são realmente iguais ou não, e acabam clicando nos dois. Esse é especialmente o caso se você não estiver usando um código de cores reconhecível para distinguir os links visitados dos não visitados (o que quase ninguém faz mais).

  • Mesmo que os usuários percebam que os links são os mesmos, agora o usuário precisa decidir qual método de navegação usar. Esse pouco de pensamento os retarda. Forçar esse pensamento é bom quando o retorno resulta em uma resposta líquida mais rápida, mas acho que você não tem isso aqui.

Geralmente, é preferível oferecer aos usuários a melhor maneira de fazer algo, em vez de fazer uma escolha. Se você está preocupado com o fato de alguns usuários não perceberem que a barra lateral é determinada pelo menu superior (ou vice-versa), resolva isso com design gráfico, conectando visualmente a seleção atual do menu primário ao menu secundário.

Para um menu relativamente complexo como o seu, os menus suspensos podem ser problemáticos, o que sugere que você use apenas a barra lateral. No entanto, dadas as suas preocupações imobiliárias, mega-dropdowns podem ser o caminho a seguir , uma vez que abordam muitas das limitações dos dropdowns comuns.

6
Michael Zuschlag