Webmastering - Concepção do Sistema de Navegação

Junho 2013

Concepção do sistema de navegação

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

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

Percurso visual

Estudos mostraram que o olho do usuário da internet médio percorre geralmente a página web de acordo com um andamento global “zigzag”, que começa no ângulo superior esquerdo, até ao ângulo inferior direito.

percurso visual de uma página web




A zona central superior representa assim um lugar particularmente estratégico para colocar informações.

Estruturação do site web


A estruturação do site consiste em construir a arquitectura global do mesmo organizando as diferentes informações.

Trata-se, num primeiro tempo, de fazer o inventário dos conteúdos do site e agrupá-los por temas, para constituir rubricas.

Assim que as principais rubricas estiverem identificadas (ter-se-á o cuidado de não exceder uma dezena de rubricas principais), é necessário 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 de acolhimento:




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 utilizador situar-se no site e voltar facilmente à rubrica inicial.

Elementos de navegação

Os elementos de navegação são instrumentos que permitem ao visitante saber onde está, voltar a 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), a um instrumento de navegação constituído por uma sequência de links hierarquizada. O fio de Ariane representa o caminho de navegação e permite ao utente:

  • localizar-se no síte 
  • subir facilmente até às rubricas principais.

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

Um fio de Ariane possui as seguintes características:

  • Ligações separadas pelo carácter “>”, para simbolizar a noção de hierarquia.
  • Última ligação não clicável e a negrito. Representa a página em que o visitante se encontra.



O termo inglês “breadcrumb” (literalmente “migalha de pão”) faz referência o conto de Grimm, “Hansel e Gretel”, que narra a história de duas crianças perdidas na floresta que deixam cair pedaços de pão para encontrarem o seu caminho de volta a casa.

O termo português “fio de Ariane” refere-se à mitologia grego. Ariane, apaixonada por Teseu, confia-lhe uma bola de lã quando este se precipita no labirinto para matar o Minotauro. Desenrolando-o, e seguidamente enrolando-o de novo, Teseu consegue sair do labirinto.

 

Navegação por separadores

Os separadores são instrumentos de navegação úteis que permitem distinguir rubricas num site e passar facilmente de uma a outra. Códigos de cores podem igualmente ser utilizados para reforçar a diferenciação entre as rubricas.

navegação por ongletes

Mapa do site

Um mapa do site (ou planta do síte, em inglês síte map) permite aos utilizadores da net vislumbrar o site na sua globalidade só com uma vista de olhos. O item “você está aqui” pode também permitir ao utilizador saber onde está no site.

Setas de navegação

A presença de setas de navegação (seguinte, anterior, regresso ao capítulo, regresso à página inicial) permite fornecer uma navegação intuitiva ao utilizador.

A ver igualmente

Comunidade de assistência e de conselho.


Webmastering - Webdesign
Webmastering - Webdesign
Webmastering - Webdesign
Webmastering - Webdesign
Webmastering - Diseño web
Webmastering - Diseño web
Webmastering - Conception du système de navigation
Webmastering - Conception du système de navigation
Webmastering - Webdesign
Webmastering - Webdesign
Este documento, intitulado « Webmastering - Concepção do Sistema de Navegação »a partir de Kioskea (pt.kioskea.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.
Receber a nossa newsletter

Ergonomia
Web design