Cursos / Informática para Internet / Autoria Web / Aula

arrow_back Aula 09 - Pré-produção, navegação, resolução x design e layout

Passo 5: Definir o Diagrama da Arquitetura da Informação

Levando em consideração as informações colhidas até aqui, construímos o seguinte diagrama de AI (Figura 4):

Exemplo de diagrama da arquitetura da informação

A navegação de alto nível, na maioria das vezes, vincula-se às seções um nível abaixo da página inicial, que no diagrama da AI é mostrada como “Nome do site”. Essa navegação de alto nível tem como objetivo mostrar ao usuário onde ele está dentro da estrutura do site. Geralmente, é o elemento navegacional mais notado, uma vez que costuma ficar no topo da página.

A Figura 5 mostra a navegação de alto nível para o exemplo abordado.

Escolha da navegação de alto nível

Um passo importante da navegação de alto nível é a escolha do tipo de menu. Podemos ter uma navegação com guias horizontais; uma navegação vertical, com botões, abas e textos normais; ou ainda uma barra de menu. Essa escolha deve estar de acordo com o tema da página, o mais adequado ao contexto de uso. A seguir, mostramos alguns exemplos de alguns tipos de menus, a saber: navegação horizontal, navegação vertical, botões, abas e barra de menu.

 Exemplo de menu vertical e horizontal
Exemplos de botões, abas e barra de menu.

Versão 5.3 - Todos os Direitos reservados