Criação de um website

Setembro 2017

O que é o sistema de navegação

A estrutura de um website (site, portal, página ou homepage) deve ser o espelho de uma estratégia. É preciso elaborar contextos de navegação para levar o usuário a seguir um caminho no site, no entanto, ele deve navegar livremente ou mudar de seção quando quiser.

Como é realizado o 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 zigue-zague, que começa no ângulo superior esquerdo até o â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.

Como o website é estruturado

A estruturação é a arquitetura global do mesmo, visando a organização das diversas informações. O primeiro passo é fazer uma lista dos conteúdos do site e reuni-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 maioria dos caso, a estruturação do site pode apresentar a forma de uma arborescência onde a raiz é a página inicial:



Como é a arquitetura clássica de um website

Certas características estão presentes em todos os sites, como o logotipo do website na parte superior esquerda. Um clique neste logotipo conduz diretamente à página inicial do site. O link para a página inicial e e os elementos de navegação presentes em cada página do site, permitem que o usuário se situe e volte facilmente à seção inicial.

Quais são os elementos de navegação

Os elementos de navegação são instrumentos que permitem ao visitante saber onde está, voltar para onde estava e deslocar-se nas páginas. Existem vários meios para criar elementos de navegação: o 'fio de Ariane', a navegação por abas e o mapa do site.

O fio de Ariane

Fio ou linha de Ariane (breadcrumbs trail) é um nome popular para descrever o percurso de navegação nos sites para avançar e recuar sem se perder. Este elemento é um instrumento de navegação constituído por uma sequência de links hierarquizados que representam o caminho de navegação e que permite ao visitante localizar-se no site deslocando-se facilmente até às seções principais.

Um fio de Ariane apresenta as características: links separados pelo caractere >, que simboliza a ideia de hierarquia. O último link, não clicável e em negrito, representa a página em que o visitante se encontra.

O termo inglês breadcrumb (migalha de pão) se refere ao conto dos irmãos Grimm, ‘Hansel e Gretel’ (João e Maria), que narra a história de duas crianças perdidas na floresta que deixam cair pedaços de pão para encontrar o caminho de volta para casa e a expressão em 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.

A navegação por abas

As abas 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 diferença entre as seções:


navegação por abas

Mapa do site

O mapa do site permite que os internautas vejam o site em sua globalidade, num piscar de olhos. O item 'você está aqui' também ajuda o usuário a se situar no site

Setas de navegação

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

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
Última modificação: 3 de julho de 2017 às 15:46 por Pedro.CCM.
Este documento, intitulado 'Criação de um website', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.