Navegação na web

Estilos de
Navegação
Prof.ª Angela Carine Oviedo

Prof.ª Angela Oviedo

Modelo Estrela
• Uma página inicial (I) com links para as outras páginas.
• Como esta é a única página que possui links (menu) para as outras, se o internauta quiser ir de uma pra outra, é preciso voltar e passar pela página central, todas as vezes.
Este é um modelo bastante amarrado, que dificulta a navegação e torna a visita ao site cansativa.
Prof.ª Angela Oviedo

• Evite essa estrutura a todo custo. Normalmente, este modelo tem um botão “voltar” em cada página e ainda dá para piorar a situação, deixando de colocar o

link para voltar e depender do internauta clicar no botão voltar do navegador.

• Nunca é tarde para lembrar: use um modelo que facilite a navegação.
•
Prof.ª Angela Oviedo

Modelo Roda
•

nesta estrutura você tem conexões entre todas as páginas e assim, o visitante pode ir de uma página a qualquer outra com apenas um click.

•

É o tipo de coisa que você quer que aconteça. Você consegue isso facilmente colocando uma barra de menu em todas as páginas.

Este modelo é ideal para sites com poucas páginas.
Um menu horizontal, no topo de cada página, dá conta do recado.
Prof.ª Angela Oviedo

• E pode ser repetido no final da página, para facilitar ainda mais a navegação.

• Pode usar um menu vertical se esta for sua preferência. • O que importa é que se possa ir de uma página para qualquer outra do site, com um click

apenas.
Prof.ª Angela Oviedo

Modelo Rodas em Cadeia
•

Quando o site é maior e tem várias seções e cada seção tem diversas páginas e mesmo subseções, você pode usar uma estrutura de rodas em cadeia.

•

No diagrama, a página inicial (I) está no centro, o que significa que está sempre acessível, permitindo que se vá de uma página a qualquer outra do site em apenas

dois ou três clicks.

Prof.ª Angela Oviedo

• Em termos práticos você deve usar um menu horizontal, ao topo, para as