Usabilidade em Menus Horizontais

Os menus horizontais têm sido cada vez mais utilizados, ganhando novo fulgor com a integração de métodos de Ajax ou Jquery. Com novas ferramentas existe a possibilidade de criar menus mais interativos e de grande acréscimo ao nível da usabilidade.

De fato, estes tipos de menus têm se disseminado nas métricas e padrões de desenvolvimento Web, sendo adoptados por uma grande parte de Web Sites que procuram responder á necessidade do mercado Web 2.0.

O jornaldenegocios.pt é um exemplo claro, visto que passou por um processo de transformação, apresentando novidades relativamente à adoção de um menu horizontal e disposição fluida dos conteúdos. Desta forma é notório a ênfase na usabilidade neste novo template do jornal online. Em breve será realizada uma análise e publicada em detalhada ao Web Site em questão.

Para este tipo de menus pode-se verificar dois estilos de menus horizontais, os mais compactos como no caso do jornaldenegocios.pt, ou os chamados Mega Drop-Downs, mas ambos têm a mesma essência de utilização.

Diretrizes Principais:

• Categorias e subcategorias mais importantes;
• Opções de navegação bem estruturadas;
• Opções com Ilustrações;
• Visibilidade completa das opções a selecionar;
• Marcação visual “Eu estou aqui”

Existe sempre algumas implementações desta metodologia, que persistem com problemas de usabilidade. No site www.usa.gov, é possível observar um menu horizontal – Mega Drop-Down mal implementado:
Neste menu só existe 2 ou 3 categorias? Contudo, claramente que verticalmente se subdivide em 3 áreas distintas. Este é um exemplo que o menu não está a ser aproveitado ao máximo, obrigando o utilizador a despender mais tempo (valioso) para encontrar a sua informação que procura. Deveria ter sido concebido um menu muito mais abrangente, que divulga-se mais tópicos de conteúdos organizados por categorias e subcategorias.

Outro erro encontrado está na imagem de “Audiences”, que em relação ao tema de imagens em conteúdo, nada tem a acrescentar ao valor do menu. Colocando uma duplicação entre o titulo e subtítulo “Audiences”. Organização Alfabética de tópicos: Colunas e não Linhas.

Para demonstrar a necessidade de organização de tópicos, observe a imagem do menu horizontal do site Hulu.com, site profissional de produção de vídeo.

Os princípios de organização de conteúdos alfabeticamente, tem que ver como estamos habituados a pesquisar em documentos. A regra da ordem alfabética é claramente enraizada nas nossas vidas e por essa razão um menu bem ordenado ajuda o utilizador a realizar a sua pesquisa mais rapidamente. Os utilizadores não querem perder o seu tempo a estudar o design do Web Site, são devoradores insaciáveis de informação que procuram.

Por outro lado existe sempre casos diferentes com outra aproximação ao seu público, levando a uma regra que não pode ser seguida cegamente. Como por exemplo no caso deste Web Site, os filmes podem ser ordenados de uma forma mais orgânica em consonância com mapas mentais.

Há ainda um outro problema de maior, os utilizadores tendem a fazer a sua pesquisa em menus na vertical, levados por muito tempo de utilização deste tipo de menus. Por essa razão deverá ser levado em consideração a colocação dos tópicos por ordem Alfabética e na orientação vertical.

Então, ao construir uma tabela, iremos avançar horizontalmente na sua construção, porque é a forma como escrevemos e lemos. No entanto em menus não se está a ler, mas sim a pesquisar levando os utilizadores a proceder a sua pesquisa na vertical, colocando o paradigma da utilização do menu Vertical ou o Horizontal.

Fonte: http://www.userexpertise.com/