Navegação

A estrutura e os controles que ajudam a pessoa a se mover pelo produto e achar o que precisa.

Hard

O que é

Navegação é o desenho e a organização de menus, links, ícones e caminhos que deixam a pessoa se mover entre seções, achar funções e cumprir objetivos com clareza. É a estrutura que guia o movimento dentro do produto.

Navegação ruim leva a confusão e abandono, enquanto navegação boa constrói confiança. No desktop, ela costuma aparecer como menu de topo, sidebar e link, e, no mobile, vira tab bar, hambúrguer e gesto, por causa do espaço menor e do toque.

Dois pontos sempre voltam. Hierarquia, porque a navegação primária leva ao que mais importa e a secundária cobre o detalhe, então uma estrutura clara evita sobrecarga. E descoberta, já que navegação complexa demais esconde função, o que torna importante testar se a pessoa acha o essencial sem ajuda.

Em uma frase

A navegação está enterrando essa função em três níveis, no teste ninguém chega lá, vamos achatar.

A pergunta que ele responde

Como eu estruturo o produto pra pessoa se mover e achar o que precisa sem se perder?

Quando usar

Use ao estruturar como a pessoa se move pelo produto e encontra o que precisa.

Como não usar

O cuidado é não empilhar nível sobre nível por causa da organização interna, escondendo do uso real o que mais importa.

Na prática

Pense num teste em que as pessoas não acham uma função central porque ela está enterrada em três níveis de menu. A leitura desse resultado leva o time a achatar a hierarquia.

Não confunda com

Vale separar navegação de menu. A navegação é o sistema inteiro que move a pessoa pelo produto, enquanto o menu é um dos componentes que compõem esse sistema. Ou seja, o menu vive dentro da navegação, mas não é a navegação por completo.

D

Em inglês

Navigation

Pronúncia

n/a

Também chamado de

navegação, nav

Origem

n/a

Fonte

Saiba mais

Steve Krug, Não Me Faça Pensar (Don't Make Me Think)