Estrutura de navegação

Olá pessoal, hoje vou falar um pouco sobre Arquitetura da Informação que nas horas vagas gosto de estudar como hobby. Tão importante quanto os wireframes, definir a estrutura de navegação de um site é fundamental para o sucesso do projeto.

Listar todos os elementos, páginas e links que um website terá são imprescindíveis na prevenção de erros, inconsistências na navegação e para uma arquitetura da informação excelente que cumpra todos os requisitos do projeto.

Definir os caminhos que o visitante do site terá para chegar ao seu objetivo da melhor forma possível deve ser uma diretiva básica na concepção de projetos. Arrisco a dizer que ela sendo feita antes mesmo de se começar a rascunhar wireframes e posteriormente estudos de layouts, pode facilitar ainda mais o processo de estruturação visual do projeto. Se torna literalmente uma receita de bolo para os Designer e porque não, para os Desenvolvedores, servir de ferramenta para estruturar o comportamento da aplicação, tratamento de erros, redirecionamentos, etc, além do que pode servir de base para confecção do mapa do site.

A seguir mostro uma estrutura que estou trabalhando em um projeto onde o grande desafio é uma imensa quantidade de links serem exibidos de forma amigável e organizada sem comprometer a arquitetura da informação bem como o desenvolvimento do layout do projeto. No âmbito de requisitos de projeto pode ser anexada para análise do cliente afim de se ter todos os pontos amarrados para iniciar a produção.

 Nesta estrutura procuramos usar as cores para definir a hierarquia dos itens, note que quando um item possui mais de um “descendente” , pintamos ele com as cores correspondentes.

Abrs, a todos e até a próxima.

Tags:

Tech&Dev