Layout da interface
Atividades relacionadas
Aspectos específicos da interface
Navegação e layout
Exemplo – A sinalização conceitual de diferentes menus e barras de navegação
No exemplo abaixo, a diferenciação visual entre as barras de navegação horizontais do alto da página, com fundo branco e com fundo cinza, sinaliza que tratam de assuntos diferentes. A diferença é parcial na verdade, pois as duas se relacionam aos produtos da marca, apenas a abordagem sobre os assuntos é diferente diferente.
A barra de fundo branco mostra os produtos sob o ponto de vista do posicionamento da marca no mercado, "Todos os produtos", "Produtos indispensáveis" (sob que ponto de vista?, para quem?), "Mais vendidos". Já a barra de fundo escuro detalha os tipos de produtos, de públicos, produtos diferenciados por promoções e novidades. O posicionamento da busca nesta barra indica que consumidores que procuram produtos usam bastante esta ferramenta especialmente os já familiarizados ao nomes e às linhas de produtos mais conhecidas.
Assuntos relacionados
► Usabilidade – Consistência
Mais informações sobre a relação entre navegação e layout (links externos)
► Are all results on search engines equal? A surprising journey within the SERPs [Best of SEW 2010 #7] – pesquisa sobre o layout das páginas de resultados das principais ferramentas de busca da internet (SearchEngineWatch, acesso em 2.1.2011)
