Breadcrumbs… e quando o Joãozinho é o AI?

joaomaria.jpg

O post de hoje é uma mistura de desabafo, com pitadas de frustação, temperado com pedido de ajuda e várias horas de pensamentos sobre os breadcrumbs no forno… hehehehe.

Explico: tudo começou quando resolvi pesquisar um pouco mais sobre os breadcrumbs para tirar uma “duvidazinha rápida” no trabalho. Ai, como diz aquele velho ditado, “danou-se tudo!”.

Parêntesis para uma rápida tecla SAP: os “breacrumbs trail” (em português “migalhas de pão”) têm esse nome graças à velha história infantil de João e Maria. Para não ficar perdido, o Joãozinho ia deixando migalhas de pão no caminho para conseguir voltar. No mundo dos sites, eles servem para ajudar o usuário a não se perder, indicando o caminho percorrido.

Exemplo:
breadcrumb.jpg

Pronto… parêntesis fechado.

Continuando meu desabafo, e que levou ao título deste meu post…. Lá estava eu tentando fazer uma pesquisa para tira uma dúvida rápida: como podemos representar no breadcrumb uma página de terceiro nível, que fica dentro de uma seção (segundo nível) que não é uma página propriamente dita?!?

Vou tentar dar um exemplo (uma loja de departamentos):
* Temos a página principal do site (Home);
* Na home, temos o link para Calçados (Home > Calçados);
* Dentro desta Seção Calçados, temos várias “categorias” de conteúdo, com seus respectivos links. Por exemplo: categoria tênis, com os links: Nike, Adidas, Puma. Só que “tênis” não tem uma página própria. É apenas uma categoria que abraça os links embaixo…

Pensei nas seguintes opções para a página de Adidas:
Opção A) Home > Calçados > Tênis > Adidas
Opção B) Home > Calçados > Tênis
Opção C) Home > Calçados > Tênis: Adidas

Pimba! Essa era a duvidazinha rápida! Ai vesti a carapuça de Joãozinho… depois vieram as horas no forno pesquisando, as pitadas de frustação e estou temperando com o pedido de ajuda de quem possa me ouvir (ou ler!).
;)

Ahhh… atualizei o último post com novos encontros que foram marcados pelo Brasil afora… a galera de Portugal também está se agitando! Estou adorando muito tudo isso!
:)

E aí Paola.

Primeiro, parabéns pelo site/blog, tá muito legal.

Segundo, esse lance dos breadcrumbs é complicado mesmo…
Particularmente, eu usaria a opção A) Home > Calçados > Tênis > Adidas
Fazendo link em “home” e “calçados”, e tirando o link de “tênis” (por ser um agrupador…) além de grifar (com bold?) “adidas” que é a seção atual do usuário. Essa é a forma mais ‘convencional’, ao meu ver.

Mas - sempre tem um “mas” - leva em conta os 3 pontos básicos lá do Urso Polar: usuário, contexto e conteúdo… pode ser que o convencional não sirva tão bem em alguns casos.

No livro do Felipe Memória, tem uma parte que fala só sobre os breadcrumbs (se não me engano, no site dele - http://www.fmemoria.com.br - tem uma pesquisa acadêmica que ele fez sobre isso), pode ser que te ajude.

Abraços!
;-)

Paola! tudo bom?

Seguinte, normalmente em breadcrumbs os passos anteriores são linkados, como você não pode linkar a palavra tênis eu acredito que
Home > Calçados > Tênis: Adidas

Apenas com a “ultima” opção (Tenis: Adidas) sem link.

Mais uma coisa… eu prefiro não usar anglicismos (apesar de usar muito quando falo) na arquitetura. Como nesse caso o uso do “Home”, prefiro utilizar um termo em português como “Página Inicial”, é maior eu sei, mas é português.

Oi Moisés e Gu!
Antes de mais nada, obrigada pelos comentários… eu acho que eles retrataram bem como aconteceu comigo e os outros AIs aqui do trabalho. Era aparentemente simples, mas ai cada um foi tendo uma idéia e complicou tudo! hehehehe… Nós acabamos optando pela opção C, mas a pulga continua atrás da orelha.
Moisés, obrigada pela dica do Felipe… eu tenho o livro dele e dei uma olhada na tese de mestrado, mas não li tudo. Eu o considero uma das melhores referências no assunto!
:)
Gu, parece que você leu meus pensamentos. Depois de redigir o post e colocar a cabeça no travesseiro eu pensei “putz, coloquei home!”… É que eu comecei pensando em dar um exemplo da Amazon, e depois resolvi inventar e acabou ficando pra trás.
Brigadinha pessoal!
:)

Oi Paola, tudo bom?

Já enfrentei esse problema várias vezes aqui e a melhor saida que encontrei é a sua alternativa C, mas usando hifen ao invés de : . Apesar de não ser adequado o : é bastante usado no lugar do > para indicar a hierarquia no bread crumb (quem é pai de quem). O hifen não é usado para isso e por isso diferencia melhor do : .

Outra coisa se você tiver link uma página filha de “Home > Calçados > Tênis - Adidas” coloque o link na expressão inteira para mostrar que não existe a página Tênis. Ex:

Home > Calçados > Tênis - Adidas > CORRIDA

Fernando Lima

Oi Paola,

Como te disse, acho mesmo a terceira opção a mais adequada, mas a dúvida é pertinente de fato.

Concordo inteiramente com o Gustavo no que diz respeito à anglicismos. E embora não tenha sido o foco do post (olha outro anglicismo aí) é ótimo falar sobre este tema. E quem sabe esta não é uma sugestão para uma próxima discussão (a-ha! Consegui evitar o uso de “post”).

Guilhermo, não entendi o ítem que você acrescentou por último na migalha. Pelo que entendi, “Tênis: Adidas” ou “Tênis - Adidas” é a tela em que o usuário se encontra. Sendo assim, esta expressão ficaria sem nenhum link e destacada, digamos com um negrito, certo?

Abraços a todos

Fernando Lima

Opa Guilherme,

Esquece o que comentei. Li muito rápido e agora que saquei. Foi um situação bem lembrada e concordo contigo. A expressão toda, independente do : ou - deveria ser entendida como um link único para a tela “Adidas”.

Abs.

Oi Paola

Acessei seu blog pra baixar o mp3 daquele encontro que rolou na Cobal em Maio, e claro, não pude deixar de ler um pouco do que tava rolando por aqui.

Não entendo técnicamente nada de Breadcrumbs, a não ser aquelas que ficam na roupa depois de devorar um belo sanduba. Sendo bem sincero, nem sabia o que a palavra significava… aprendi aqui :-P

Enfim, na minha humilde opinião… não devo omitir uma opnião a respeito hehehehe… pois acho que tudo que foi dito já ajuda bastante a esclarecer sua dúvida. Mas como não costumo obedecer a miha opinião :-P analiso o lance da seguinte forma: da página Nike por exemplo só podemos voltar para página Calçados. Tênis não existe como vc falou. Acho que como “usuário comum”, eu iria entender melhor a navegação se fosse mostrado como o sua opção C… Home > Calçados > Tênis: Adidas. E como o Guilhermo falou, se tiver mais links abaixo disso, claro que deve-se linkar toda a expressão “Tênis: Adidas”.

Quanto ao fato de usar : ou - , entra o conhecimento de vocês a respeito do que mais se usa ou deixa de usar… nisso não vou meter o nariz :-)

Parabéns pelo blog. Muito legal :-)
Abraço a todos.