O caminho das migalhas na história de João e Maria foi feito para guiá-los no caminho de volta ao ponto de partida, porém a utilização do material errado fez com que o caminho se perdessem. E o mesmo acontece no mundo digital…

Ao utilizar-se de meios errados o usuário pode se perder, um bom breadcrumb, como é chamado o termo para o caminho das migalhas no meio digital, deve seguir uma ordem básica:

Página principal > Categoria ou Página interna > Conteúdo

Vamos analisar:

Página principal normalmente é a Home do site, dentro dela temos várias outras páginas, por exemplo Quem somos ou a categoria Design, e dentro dela a sua página ou conteúdo. No caso do nosso exemplo do Quem Somos teríamos:

Home > Quem Somos

Essa organização, ou auxílio de navegação, deve ser estudado, pois o breadcrumb não deve ser usado só pra ficar bonito o site, ele deve ter a função de ajudar o internauta a se localizar quando navega em seu site, mas não deve ser usado de modo algum como menu.

Alguns sites de compras utilizam o breadcrumb diferente do de localização como conhecemos (o breadcrumb de atributo), servindo para guiar você nas opções abaixo de cada novo filtro selecionado no site, como vemos abaixo no site do Extra:

O usuário deve enxergar assim: estou dentro da página “X”, que está dentro do 3º item, que está dentro do 2º item e do 1º item. Estes itens podem conter links para facilitar o acesso aos passos anteriores, mas o texto do item acessado não deve ser linkado para não levar o usuário a confusão:

Em alguns casos o sinal de maior “>” (ou setinha) é substituído por símbolos, só que estes e outros itens não devem ser do tipo bullet (bolinha = • ), que confundem o usuário. Vemos abaixo um exemplo com barra ( \ ):

O importante é ser claro e organizado, pois se o internauta tiver qualquer dificuldade para voltar, ou navegar dentro do site, ele provavelmente irá desistir, indo embora.