WordPress database error: [Duplicate entry '304683' for key 1]
INSERT INTO wp_bas_visitors (visit_ip, referer, osystem, useragent, lasthere) VALUES (644300603, 1, 1803, 10578, '2008-08-21 19:12:52');

WordPress database error: [You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'AND referer = referer_id AND osystem = os_id AND useragent = ua_]
SELECT * FROM wp_bas_visitors, wp_bas_refer, wp_bas_ua, wp_bas_os WHERE visit_id = AND referer = referer_id AND osystem = os_id AND useragent = ua_id

WordPress database error: [You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ' '2008-08-21 19:12:52', 0, 3283)' at line 1]
INSERT INTO wp_bas_log (visit, stamp, outbound, page) VALUES (, '2008-08-21 19:12:52', 0, 3283);

Petitpois » Breadcrumbs em abas
17.04.07

Breadcrumbs em abas

Arquitetura de Informação

O Yahoo! está testando um novo tipo de navegação muito interessante em seus sites dedicados à TV e alimentação. Essa navegação, que pode ser chamada de breadcrumbs em abas, parece ser uma boa alternativa a barras de menu laterais com muitos sub-níveis.

Veja esses exemplos para entender como essa navegação funciona:

A home apresenta as categorias de primeiro nível, como já estamos acostumados.

Após a escolha de uma seção no primeiro nível é que a navegação fica mais interessante. Nas páginas de segundo nível vemos abas com links para a home e a seção atual (como em um bread crumb) e o segundo nível de navegação na barra logo abaixo das abas.

Links para as outras páginas de primeiro nível ficam escondidos em dropdown que sai da aba home.

O clique em uma opção do terceiro nível deixa a navegação no modelo de bread crumb ainda mais evidente.

Finalmente, no último nível de navegação o link escolhido fica marcado na barra com navegação secundária.

Acho que essa proposta de navegação pode se tornar muito popular, uma vez que com ela conseguimos usar uma área menos da tela para mostrar a navegação e dedicar mais espaço ao conteúdo. Também gosto do fato de que com esse modelo conseguimos dar mais destaque às informações relevantes a um determinado contexto, sem ter links competindo entre si em todas as telas do site.

Por outro lado, gostaria de ver como essa solução se sairia em um teste de usabilidade. Será que a ausência de uma navegação principal consistente em todas as telas do site não causaria confusão em alguns usuários?

Veja mais sobre esta navegação no Teehan-Lax.



14 Feedbacks on "Breadcrumbs em abas"

Rafael Marin

A princípio, com primeiros contatos, é meio estranho. Mas depois acredito que os usuários se acostumem.

Por exemplo, este modelo de breadcrumbs em abas é bem similar ao das janelas do explorer do Windows Vista. Com elas eu já me acostumei, mas não sei se no Yahoo! os usuários se acostumariam, por se tratar de um modelo diferente de navegação.

Todos estamos acostumados com o modelo “Home > The Company > Investor Relations”, e fica um pouco estranho esse proposto pelo Yahoo!.

Pode ser que fique bom para um sistema operacional, que é constantemente utilizado, mas para um único site na Internet, é de se analisar.



Alexandre Fugita

Hum… achei estranho… não achei fácil… vai ver que é coisa de costume como disse o Rafael acima.

Na verdade parece com aquele “mapa” de onde estamos em um site que existe por aí, mas de forma mais bonitinha…

O problema é que o Yahoo, pelo menos no Foods, não segue exatamente o mesmo padrão deste tipo de navegação por toda a extensão do site. Daí a confusão…

Ah, sei lá… hehehehe!

Abraços!



Fábio Caparica de Luna

bizonho isso…

Não deve durar muito não.



Tiago Fernandes

Achei interessante, mas concordo com a confusão que isso pode causar no usuário. Também gostaria de ver um teste de usabilidade com essa nova navegação.
Além de não ter a navegação contextual do aberta na página, como de costume, o usuário “gastará” masi um clique para acessar estes links… Mas enfim, só testando mesmo.



Leonardo Faria Coelho

Achei confuso pacas



lulileslie

Oi Rafael,

Ainda não usei de verdade o Windows Vista (só vi a interface rapidamente), então não sei como são as janelas do explorer nesse sistema operacional. Em todo caso, acho que se uma solução é válida para um sistema operacional, ela também deve funcionar na internet. As distinções entre programas locais e sites estão cada dia mais tênues e a tendência é que as interfaces fiquem cada vez mais parecidas. Vamos ver…



lulileslie

Alexandre, Fábio e Leonardo,

Achei engraçado tanta gente ter falado mal dessa solução nos comentários…
É claro que toda forma de navegação nova precisa ser usada algum tempo antes de ser absorvida, mas acho que essa solução aí tem grandes chances de dar certo mais para frente.

Ele troca a forma de localização tradicional em site, que mostra a estrutura completa de navegação e conseqüentemente ocupa muito espaço, por uma sinalização contextual, como o caminho percorrido até a página e os links relevantes a esse contexto. Como eu disse no texto, não sei se isso vai dar certo ou não, e gostaria de ver um teste prático, mas acho bem estranho tanta gente ter falado mal assim de cara…



lulileslie

Oi Tiago,
Em favor dessa navegação eu só tenho mais uma coisa a dizer: confio bastante na equipe do Yahoo!. Acho que eles devem ter feitos testes bem legais para chegar a essa solução, mas eu continuo querendo ver os resultados deles.



Ana Carmen

Também me admirei com as críticas, pois eu achei intuitivo e interessante como solução.

Mas confesso que tive de reler a explicação e encarar a imagem abaixo mais de uma vez para compreender - ou seja, simplesinho de tudo, não é não.



rodrigo barba

Gostei da navegação, acho que só uma coisa deixou ele um pouco confuso, na página principal ter um link “food home”, já que você já está na principal num precisaria.
Porque depois ele se transforma em cinza, dai ficou o “food home” e o “everyday” cinza, aí que complicou eu acho.



lulileslie

Oi Ana Carmen,
O melhor é ver alguém usando mesmo para entender o que é simples e o que não é. Normalmente que desenha navegações tem muito apego a consistência, enquanto que muitos usuários não estão nem aí para isso.



Leonardo Faria Coelho

Lulileslie

andei lendo sobre isso e agora percebi o quanto pode ser interessante. Você tem outras referências sobre isso?



lulileslie

Oi Leonardo,
Infelizmente eu não tenho nenhum referência nova sobre essa navegação. Se você encontrar algo novo por aí, por favor, me avise.



Vaggelis

Nice…



Comments

Please Leave a Comment!




Please not: Comments may be moderated. It may take a while for them to show on the page.