Como Desenvolver uma estrutura de navegação

A estrutura de navegação é a chave para o planejamento de um site. A estrutura de navegação envolve um pouco mais alto nível de abstração do que as páginas apenas esboçar. Um fluxograma de navegação (ou mapa do site) organiza como você está indo para guiar os visitantes através de seu material.

Você não deseja colocar obstáculos na frente de visitantes à procura de algo em seu site. Você está construindo o seu site por uma razão (ou conjunto de razões). Você tem idéias sobre que tipo de material é prioridade máxima para os visitantes a se envolver com, eo que não é.

Seu fluxo de navegação irá reflectir essas prioridades, com o material que você quer mais acessível disponível a partir de uma primeira linha de opções de menu, com outro material acessível através submenus ou talvez apenas entre os links em páginas.

Em outras palavras, embora você quer tomar inclinações dos seus visitantes em consideração, você quer fornecer links para o conteúdo que pretende orientar os visitantes. Por exemplo, se você está vendendo um produto, você quer convenientes proeminentes, mesmo (às vezes) links, insistente para o carrinho de compras em seu site.

Uma boa maneira de conceituar uma estrutura de navegação é criar um esboço. Você pode fazer isso com um programa delineamento profissional como OmniGraffle. Você pode fazê-lo em um processador de texto. Ou, você pode pegar um pouco de papel de rascunho e desenhar um esboço de como a sua navegação no site vai olhar.

image0.jpg

Os níveis de destaque superiores (ou, pelo menos, o nível superior sob a Home page) será visível quando um visitante chega ao local e são as principais coisas que você quer encorajar um visitante para ir. Outros itens de menu (o segundo nível) tornam-se visíveis quando um item do menu principal é passado sobre ou selecionado. E sub-submenus fornecer um outro nível de navegação.

Criando um fluxograma gráfica que ilustra a sua estrutura de navegação é frequentemente útil. Tal fluxograma é muitas vezes referido como um mapa do site.

OmniGraffle tem tanto um esboço e vista fluxograma. Você pode mostrar ou ocultar a barra lateral contorno. Com o contorno da barra lateral ativa, você pode introduzir títulos de fluxograma, e rebaixar-los pressionando Tab (ou promovê-las, pressionando Shift + Tab).

mapas do site gráficas / fluxogramas ajudar os designers passo para trás, visualizar a experiência do usuário com o site, e ajustar o fluxo de navegação, conforme apropriado.

image1.jpg

Baseado em um conceito esboçado-out para a navegação, você (ou um designer que trabalha com) pode criar páginas que implementam que a estrutura de navegação, como a obra de arte na figura a seguir.

image2.jpg

menu