5.1 Projetando a navegação do site
Você já deve ter percebido que existem sites que são de difícil navegação. Alguns, conduzem o internauta a um verdadeiro labirinto, outros a navegação é totalmente desastrosa, os links são totalmente ilógicos e guiam o internauta a páginas que não tem saída, frames que escondem a barra de endereço, os botões da barra de ferramentas, e link quem não têm sentido com o conteúdo.
A elaboração de uma boa navegação é a melhor maneira de conseguir êxito no mundo Web. A navegação deve conduzir o usuário de uma página para outra da melhor maneira possível.
Quando o internauta entra em um site, ele está em busca de alguma informação, se ele encontrá-la fácil e rapidamente, com certeza sempre voltará, e também a indicará aos seus amigos.
É através de uma boa navegação, que você poderá:
– Instigar a curiosidade do internauta, fazendo-o permanecer no site;
– Determinar o lugar do site onde irá veicular propaganda e os valores adequados a cada local;
– Tornar fácil a busca por informações dentro do site;
– Permitir ir para qualquer lugar do site do mesmo lugar que você se encontra;
– Além de ser um excelente veículo para o Marketing da Empresa.
Ao realizar esse projeto, não esqueça de manter uma visão abrangente no qual irá focar o projeto de layout, bem como o conteúdo que seu site irá abranger.
5.2Projetando Barra de Navegação
A barra de navegação tem o objetivo de facilitar a movimentação dentro do site.
Existem inúmeras maneiras de projetar seu conteúdo, alguns projetistas preferem utilizar um padrão próprio.
Daremos um exemplo de como analisar uma idéia para criar a barra de navegação:
– Sintetize o contexto geral do site;
– Determine e separe as partes mais importantes do contexto;
– Coloque no papel, todas as palavras que façam referência com as partes do contexto;
– Analise e filtre as palavras que realmente tenham importância;
– Faça uma verificação nas que restaram e observe se alguma pode ser aproveitada;
– Dê o grau de importância a cada uma em seu site;
– Faça a hierarquização.
A partir daí, comece a definir a ramificação do site, ou seja, comece a desenhar no papel cada ramo que ele conterá, explorando o conteúdo de cada um. Mas preste atenção nos seguintes dados:
> Evite usar muitos links em sua barra. Os especialistas dizem que 7 é o ideal;
> Faça uma barra de navegação razoável, ou seja, do tamanho da tela evitando assim que o usuário fique rolando com o browser para cima e para baixo;
> Uma das importâncias da diagramação do site, é que facilita a visualização do que deverá ser feito e do que já está pronto.
Você pode optar por dois tipos de barra de navegação:
– A barra vertical, onde os dados mais importantes são colocados de cima para baixo;
– A barra horizontal, onde os dados mais importantes são colocados da esquerda para direita
5.3 Diagramação ou ramificação de um site
Estrutura altamente vinculada
user posted image tiraram o diagrama galera mas da pra ter noçao do q tem q se fazer nas outras etapas thumbup.gif
– Na estrutura altamente vinculada todas as páginas apontam para todas. A utilização desse tipo de estrutura deve ser cuidadosamente analisada, pois pode passar a sensação ao usuário de estar andando em círculos.
– Já na estrutura linear o usuário movimenta-se progressivamente até chegar ao fim da sequência. Esse tipo de estrutura é mais utilizada por sites de buscas ou sites muito técnicos.
– A estrutura mais adequada é a de árvore, pois esse projeto é de fácil manutenção, expansão e funciona para qualquer tipo de site do menor ao mais complexo.
O projeto também pode ser desenvolvido através de fluxogramas de sistemas e programas. Mas para que seja usado esse método é exigido um bom conhecimento dos programadores que devem pertencer à empresa.
Estando a barra de navegação rascunhada em um papel, o próximo passo é projeta-la em alguma ferramenta de diagramação.
Existem algumas ferramentas no mercado que facilitam essa diagramação. Uma das melhores é o “Visio”.
Estando sua diagramação pronta, a sua barra de navegação estará elaborada. A partir daí será mais fácil acrescentar e retirar “links”, não se esqueça de analisar sempre, antes de qualquer modificação.
Você pode utilizar alguns recursos para facilitar e tornar a navegação mais atraente e profissional, dentre eles, podemos citar:
– Inclusão de um mapa contendo a visão geral do site;
– Inclusão de uma ferramenta interna ou externa de procura, que funcionaria como os sites de busca;
– Colocar chamadas na página principal dos produtos ou serviços mais solicitados;
– Separe em grupos, tipos, etc, caso tenha que manter vários produtos ou serviços na página principal, e coloque-os em tabela, menu “pull-down” ou qualquer outra forma que não deixe a página poluída.
Portanto, o projeto da barra de navegação de seu site deve ser de acordo com a ênfase que você queira dar a cada um de seus links, mantendo uma prioridade e um grau de importância para cada um.
UFF com isso tudo na cabeça mãos a obra 😉
