Criação de um website

Junho 2017


O que é o sistema de navegação

A estrutura de um website ou site (sítio, portal, página ou homepage) 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, deve-se deixá-lo 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é 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.

Como o website é estruturado

A estruturação é a arquitetura global do mesmo, visando a organização das 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 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 directamente à página inicial do síte; o link para a página inicial presente em cada página do site e os lementos de navegação presentes em cada página, para permitir ao usuário situar-se no site e voltar 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 antes e deslocar-se nas páginas. Existem vários meios para criar elementos de navegação: o fio de Ariane; a navegação por guias; o mapa do site.

Fio de Ariane

Chama-se 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 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 por >, para simbolizar a 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) faz alusaõ 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 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 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 diferença entre as seções:


navegação por ongletes

Mapa do site

Um mapa do site (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 o usuário localizar-se 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: 2 de maio de 2017 às 10:04 por ninha25.
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.