Como desenvolver uma estrutura de navegação

Video: 3. Ligações Químicas: Fórmulas Estruturais [Química Geral]

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 quer colocar obstáculos na frente de visitantes à procura de algo em seu site. Você está construindo seu site por uma razão (ou conjunto de motivos). Você tem ideias sobre o material é prioridade para os visitantes a se envolver com, eo que não é.

Seu fluxo de navegação irá refletir 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 através de links dentro de 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 no 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 esboçar um esboço de como a sua navegação no site vai olhar.

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 do 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áfico ilustrando a sua estrutura de navegação é frequentemente útil. Tal fluxograma é muitas vezes referida 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ê-los, pressionando Shift + Tab).

Video: Curso Pro Tableless - Padrões Web (Completo e Gratuito)

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.

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