Caderno de Cubezilla

Metáfora de navegação baseada no cubo de Rubik

Depois de abrir várias abas no seus navegador, navegar por elas ou lembrar em que posição está uma determinada aba pode tornar-se uma tarefa maçante, especialmente para alguém que normalmente abre mais de 20 sites. 

Em nosso projeto Reinventando Abas de Navegadores, o cubo de Rubik será usado como metáfora de um modelo mental para uma ferramenta de navegação onde cada face representa um grupo de informações (sites, abas, imagens, etc).

Cubo solucionado          Erno Rubik e sua criação
O Cubo solucionado e Erno Rubik, seu criador

Esboços de metáfora de navegação baseada no cubo mágico Rubik

Galeria de Imagens (clique para ver maior)Esboços criados na reunião de brainstorming para a entrada no concurso da Mozilla para reinventar as abas. O pessoal foi além e reinventou toda a navegação, baseando-se numa metáfora de cubo.

Porque abrir 5, 20, 40 ou 86 abas? Porque não um site de cada vez?

Acredito que imaginar respostas (teorias aburdas também valem!) para estas duas perguntas pode trazer idéias interessantes para o projeto.

  • "Porque as pessoas abrem 5, 20, 40 ou 86 abas?
  • "Porque uma pessoa não abre um site de cada vez?

Participantes do grupo do projeto e visitantes, o que vocês acham?

Análise das idéias dos projetos competidores

Analisei e resumi alguns dos projetos dos concorrentes do desafio:

Wiki: Problemas, dificuldades e necessidade com as Abas

A partir de experiências pessoas e entrevistas, constataram-se as seguintes dificuldades, problemas e necessidade com as Abas:

Abro uma nova aba, mas a nova aba que se abre aparece no final da lista de abas

Isto é um problema quando se tem muitas abas abertas. Você está na 1ª aba, e pede para abrir uma aba nova, e esta abre lá no final. Pode ser um pouco chato para trabalhar com as duas abas, além de ser mais chato ainda "puxar" uma ou mais abas de um lugar para outro, na lista de abas (veja mais sobre este outro problema, abaixo).

Solução que já existe: No Chrome não há este problema, pois a com Ctrl+T, a aba abre logo após a aba atual naquele momento.

Tenho várias abas abertas, e quero puxar mais de uma aba do final para o começo.

Quando se tem 20 abas abertas, não há problema em trazer a última aba para o começo: é só arrastar.

Mas quando se tem que trazer mais de uma aba, o trabalho fica um pouco tedioso, pois se tem que fazer isso aba por aba, uma por vez.

Idéia: Poder selecionar abas em lote.

Dissecando o que o Mozilla Labs quer com este Desafio

Vou analisar algumas informações que o Mozilla Labs colocou no site do desafio (Summer '09), para entendermos melhor o que projetar. Por favor corrijam se alguma tradução estiver errada.

Trabalhar com até 20 abas já é comum

Tabs worked well on slow machines on a thin Internet, where ten browser sessions were "many browser sessions". Today, 20+ parallel sessions are quite common;

TRADUÇÃO: As abas funcionavam bem nas máquinas lentas em uma Internet pequena, onde 10 sessões de navegadores eram "muitas sessões". Hoje 20 ou mais sessões paralelas são até comuns

Estamos lidando com uma mudança no comportamento dos usuários: há a necessidade de trabalhar com muitas sessões simultâneas, no navegador.

Ideias para Abas de navegadores!

Coletei (e ampliei) algumas ideias que postei nas discussões por e-mail.

Sobre Favicons e Cores nas Abas

IDEIA: Pensando na utilidade que tem o Colourful Tabs, penso: ao invés de instalar um programa para colocar as abasm os próprios sites poderiam colocar, em seu código HTML, um código que indique as cores que o identificam (cores para aparecerem nas Abas), tal qual já acontece hoje no que diz respeito aos FaviconsS. Acredito que as cores nas Abas são tão interessantes e úteis quanto estes ;)

IDEIA 2: Seguindo a mesma idéia, os Favicons também poderiamdar mais informações, tal como o Gmail Favicon Alerts.

Wiki: Propostas que já existem para modificar Abas no Firefox

Extensões para Firefox

O Firefox tem como característica a possibilidade de qualquer usuário adicionar novas funcionalidades ao seu navegador, através da instalação de extensões.

ColourfulTabs

Um complemento do Firefox que gosto é o ColorfulTabs. Ele colore as abas desta maneira:

http://www.binaryturf.com/myfiles/images/colorfultabs.png

Particularmente, acho muito útil, pois torna mais fácil de identificar que sites estão abertos (eu uso vermelho para o Gmail, por exemplo, e Azul Claro para o Orkut. Então, quando abro muitas abas destes, fica fácil encontra-las no meio de outras abas de outros assuntos.

Wiki: Referências de abas "reais"/físicas

Alguns links e imagens coletadas pelo Alexandre Ribeiro:

http://1.bp.blogspot.com/_-iKfDSL3tTw/SbgvWO5qlaI/AAAAAAAACiI/zViE1NTzPSo/s320/porta+cart%C3%B5es.jpg

 http://4.bp.blogspot.com/_HoSup4UGqco/SZ6AJDmbf7I/AAAAAAAAETM/jMHJM87PTs4/s320/torre+de+babel.png

 http://i.s8.com.br/images/papershop/cover/img7/21469057.jpg

 http://i291.photobucket.com/albums/ll285/bibia1010/073_Neuer_Ordner_03.jpg

Wiki: Referências de abas de navegadores

Este wiki é para reunir referências de sistemas de Abas de navegadores, sejam eles já lançados, ainda protótipos ou conceitos.

_____
Abas do navegador Internet Explorer

http://g1.globo.com/Noticias/Tecnologia/foto/0,,19688759-FMM,00.jpg

_____
Abas do navegador Chrome

http://www.hitechlive.com.br/wp-content/uploads/imagem-google-chrome.jpg

 

_____
Abas do navegador Safari
(está correto??)

http://meganmcardle.theatlantic.com/amazon.jpg

 Abas do navegador Opera 10. Foram eles quem inventaram as abas. Agora estão com a opção de mostrar thumbnails das páginas abertas. Pra quem tem monitor grande, é uma mão na roda.

Wiki: Referências de abas em sites e aplicativos

Este wiki é para reunir referências de sistemas de Abas de sites e aplicativos.

_____
Sistema de abas padrão do OS Windows

http://br.geocities.com/caroberlem/dicasinfor/i_e_abaseg.jpg

http://www.babooforum.com.br/idealbb/files/22021-ie-progs-default.gif

 

_____
Abas no site da Americanas

http://www.irvingsuna.com/p8gerencia/web/imagensPost/63aa7f7dfec9ea5f603e4d513758e6a4.jpg

_____
Abas no site da Amazon

[inserir]