Webmastering - Conceito do Sistema de Navegação

Agosto 2015

Conceito do sistema de navegação


A estrutura de um website deve ser o espelho de uma estratégia. Deve-se elaborar cenários de navegação para levar o usuário a seguir um caminho no site.

No entanto, não é necessário encarcerar o visitante, mas sim deixá-lo navegar livremente ou mudar de seção a qualquer momento.


Percurso visual


Estudos mostram que, em geral, o olho do internauta médio percorre a página web de acordo com um rastreamento global em "ziguezague", que começa no ângulo superior esquerdo, até ao ângulo inferior direito.

percurso visual de uma página web




Assim sendo, a zona central superior representa um lugar particularmente estratégico para colocar informações.

Estruturação do site web



A estruturação do site consiste em construir a arquitetura global do mesmo, organizando as diversas informações.

Trata-se, em um primeiro tempo, de inventariar os conteúdos do site e agrupá-los por temas, para formar seções.

Assim que as principais seções forem identificadas (cuidado para não exceder uma dezena de seções principais), é preciso determinar a sua organização e a sua segmentação em subtítulos. Na maior parte do tempo, a estruturação do site pode representar-se sob a forma de uma arborescência em que a raiz é a página inicial:


Os clássicos



Certas características estão presentes em todos os sites:

  • Logotipo do website na parte superior esquerda. Um clique neste logotipo conduz directamente à página inicial do síte;
  • Link para a página inicial presente em cada página do site;
  • Elementos de navegação presentes em cada página, para permitir ao usuário situar-se no site e voltar facilmente à seção inicial.

Elementos de navegação


Os elementos de navegação são instrumentos que permitem ao visitante saber onde está, voltar para onde estava antes e deslocar-se nas páginas. Existem vários meios para criar elementos de navegação :


Fio de Ariane


Chama-se fio de Ariane (ou, em inglês, breadcrumbs trail), um instrumento de navegação constituído por uma sequência de links hierarquizados. O fio de Ariane representa o caminho de navegação e permite ao visitante:

  • localizar-se no síte
  • subir facilmente até às seções principais.

Um fio de Ariane apresenta-se da seguinte forma:
[Página Inicial] > Webmastering > Navegação

Um fio de Ariane possui as seguintes características:

  • Links separados por ">", para simbolizar a noção de hierarquia.
  • Último link não clicável e em negrito. Representa a página em que o visitante se encontra.



O termo inglês "breadcrumb" (literalmente "migalha de pão") se refere ao conto dos irmãos Grimm, "Hansel e Gretel" (João e Maria, em Português), que narra a história de duas crianças perdidas na floresta que deixam cair pedaços de pão para encontrarem o caminho de volta para casa.

O termo português "fio de Ariane" refere-se à mitologia grega. Ariane, apaixonada por Teseu, confia-lhe uma bola de lã quando este se precipita no labirinto para matar o Minotauro. Desenrolando-o e, em seguida, enrolando-o novamente, Teseu consegue sair do labirinto.


Navegação por guias


As guias são instrumentos de navegação úteis, que permitem distinguir as seções de um site e passar, facilmente, de uma para a outra. Códigos de cores também podem ser utilizados para reforçar a diferenciação entre as seções.

navegação por ongletes

Mapa do site


Um mapa do site (ou planta do síte, em inglês síte map) permite que os internautas vejam o site em sua globalidade, num piscar de olhos. O item "você está aqui" também ajuda a conhecer a localização do usuário no site.

Setas de navegação


A presença de setas de navegação (seguinte, anterior, regresso ao capítulo, regresso à página inicial) propõe uma navegação intuitiva ao usuário.

Para uma leitura offline, é possível baixar gratuitamente este artigo no formato PDF:
Webmastering-conceito-do-sistema-de-navegacao .pdf

Veja também


Webmastering - Webdesign
Webmastering - Webdesign
Webmastering - Diseño web
Webmastering - Diseño web
Webmastering - Webdesign
Webmastering - Webdesign
Webmastering - Conception du système de navigation
Webmastering - Conception du système de navigation
Webmastering: Webdesign
Webmastering: Webdesign
Este documento, intitulado « Webmastering - Conceito do Sistema de Navegação »a partir de CCM (br.ccm.net) está disponibilizado sob a licença Creative Commons. Você pode copiar, modificar cópias desta página, nas condições estipuladas pela licença, como esta nota aparece claramente.