Agora não mais! Hahahaha! Adobe Bridge FDP toma essa! _|_

Cansei e achei uma solução. Isso reseta tudo do “Open With…” do Finder. É claro que depois disso o Photoshop fode de novo, mas isso é outra história que tem outro script pra resolver. Qualquer dia eu faço outro hate-post sobre isso.

Please, do not edit this wave as it’s meant for discussion and not for collaboration .

Please, no gadgets or robots here also.

Speaking of metaphors, the “Inbox” term can be a little missplaced in Google Wave. The default itemsin the navigation sidebar could be replaced thinking “outside the box”, like Stephany says in her talks about Google Wave.

The Inbox metaphor is part of an old methodology. Inbox is a place for printed documents that was brought to you. Your first task is to read it, your second task is some action against what you’ve read. Outbox is a place where you put printed documents for others to take care of (both delivery and tasks implied). In e-mail the metaphor was extended to have the Sent Items, which is merely a convention for logging what you delegated, assigned or communicated to someone. Trash is also part of this. It’s the end of something that doesn’t need to come back.

Melissa Stevens said in the [Empty Waves] topic:

[In Google Wave] There is a strong instinct to publish to the world and get responses (like a discussion group or blog) without understanding, or taking advantage of the fact that every blip is a separate document in the wave and every person that you invite is an equal collaborator (able to append, edit, or delete parts of the document).

On the other hand, when dealing with the Inbox, Wave suddenly does seem a lot more like email. Suddenly all that “publish to the world” stuff takes on the characteristics of spam. Because I can choose not to read a blog or a discussion group but I’m forced to deal with my email Inbox even if it’s just to move things to Trash or to Mute them.

Google Wave team was very clever completely remove the outbox (following Gmail’s lead to “feel” instantaneous) and also renamed the Sent items to “By me”. Here interactions can be created by me, sant by me, edited, contributed, published, etc. As we can see many people want their inbox cleared as asap. Is this to be blamed on the Inbox metaphor? Is this only a matter of the wave-discuss mixing too much cultures? I think the second is less likely.

Also in Google Wave the waves come back from trash without an action. Even the “Recicle” icon some OSs use for the trash is not in place for waves. You can mute a wave and that is even worse then trashing it. Have you noticed that if you mute some conversation you’re spected to read that you may be ignoring someone explicitly asking your opinion in the future? This is exactly why things come back from the trash: there are dangerous situations you can be in if you ignore someone that’s not supposed to be ignored. Isn’t mutted a better navigation menu to be in place of the Trash?

I have some, but not many ideas to answer all this questions.

Do you have any?

I’ve been testing the jQuery betas (1 & 2) in TV UOL, my current main project at work. I’m maintaining a TV UOL branch that switches the usage of jQery 1.2.6 + livequery plugin to jQuery 1.3 only (with the new delegation methods, .live() and .die() ). Since 1.3 is currently beta, so is my TV UOL implementation that uses it. But I’ll let you know when I flip the switch. (edit: fliped early february 2009)

The current production version of the site doesn’t uses delegation but some bugs had already risen because of  of livequery’s slowness and the path to fix them and the need to better memory management pointed out to delegation been the best choice. Since I heard of regLib I was interested in mixing it’s delegation functionality with jQuery. But looking into this I found out that the jQuery team was already doing it. It was a perfect match! I started to use my work time to contribute to jQuery. I’ve found two bugs that got fixed and finally this last one I was able to contribute back to the community. Both my employee and everyone that uses jQuery got the benefit and no work time was wasted. Thats the beauty of open source.

The patch I’m celebrating was started at the jquery dev mailing list and then I opened the bug that I was later abble to solve myself. Check the links for more details.

O projeto sobre futebol Batalha das Quadras tem muito mais por trás dele do que o excelente projeto social e o excelente conteúdo bem montado. A tecnologia e insights no uso de ferramentas grátis e redes sociais contribuem de maneira muito positiva e prova que uma equipe (provavelmente, não os conheço e não tive contato) pequena pode executar grandes peças quando não há limitadores “políticos” no projeto.

Olhando rapidamente, eu que já estou acostumado com essa parte técnica, deu pra ver que eles usam:

• WordPress
• Flickr
• Vimeo
• Youtube

Esse combo é nada mais nada menos do que as ferramentas mais usadas hoje em dia por usuários comuns, que com facilidade publicam os seus conteúdos na internet hoje em dia numa velocidade e quantidade cada vez maiores.

Se você não entrou no link que eu coloquei acima, entre agora no ‘Batalha das Quadras’ e dê uma breve navegada. Olhe a sessão de vídeos e também uma das sessões de um dia de evento.

Navegou? Certo!

Repare que o site de cara dá uma ótima impressão de site profissional. Quem diria que o WordPress poderia fazer algo assim, certo? Acho que a maioria das pessoas quando escuta falar de Blogger, blogspot ou WordPress imagina aquela cara básica de blog. Mas o WordPress foi usado de forma extremamente inteligente e criativa nesse caso. Vejam o que eu reparei:

• A sessão é uma categoria do WordPress. Ao postar o vídeo o editor só precisa colar o <embed> e escolher a categoria vídeo
• No template da categoria o último vídeo publicado já entra como vídeo bem grande em cima, os demais entram com uma imagem pequena
• O uso do Vimeo foi essencial para o vídeo poder ser grande assim e também não travar computadores lentos. O Vimeo tem um encoder muito bom, todos os profissionais de vídeo acabam querendo postar lá ao invés do youtube. Mesmo os vídeos em alta qualidade do Youtube não chegam aos pés do Vimeo.
• O vídeo ser em widescreen dá não só a sensação de “novo e moderno” já que aos poucos o mercado está migrando para esse formato mas também contribui muito para o desempenho e qualidade. É possível usar a largura inteira do layout sem aumentar demais o número de pixels a ser processado pelo computador (desempenho) e compactado pelo encoder (velocidade de download/streaming).

Mesmo que a própria equipe que fez o projeto esteja postando o vídeo, essa estrutura permite que com quase nada de programação, quase nada de esforço na publicação, resulte na alta qualidade da apresentação final. Pouco tempo de desenvolvimento, pouca preocupação pra todos, ótimo resultado. Além do mais se não for a equipe deles que está postando, qualquer “leigo em programação” pode postar com a mesma facilidade que se manda um e-mail, usando o WordPress.

Não foi só nisso que a equipe teve ótimas idéias. Como o conteúdo é focado em dias de partidas de futebol, faz sentido agrupar por dia. Cada dia de cada cidade tem uma categoria no WordPress, e mais uma vez pouco trabaho de programação no template da categoria atendeu muito bem a necessidade de Arquitetura de Informação para deixar o site super fácil de navegar.

Eles aproveitaram essa organização por data e decidiram abrir a página dessa “data-categorização” com o álbum de fotos do dia. Genial. O usuário não precisa entrar numa sessão de fotos, ele entra no “O que rolou no dia tal na cidade tal” e tem não só as fotos, mas em baixo delas também as notícias daquele dia. Como os posts podem ter mais de uma categoria, então os vídeos entram como notícia também. Organização do conteúdo muito bem feita.

Vale dizer que o uso do Flickr tem tantas vantagens que a Nike pelo visto adotou como padrão. Tem muitas coisas da Nike no Flickr não relacionadas com esse site especificamente. Isso não só é inteligente da parte social dos usuários poderem comentar, marcar como favorito e encontrar na busca as fotos que lá estão mas também é uma opção economicamente inteligente. O Flickr tem alta qualidade em todas as fotos, ele gera diversos tamanhos de fotos que dificilmente a equipe de design precisará de outro tamanho, além do mais a assinatura de uma conta pro é irrisório para projetos de marketing, sendo que o Flickr garante alta disponibilidade e alta velocidade na visualização. Empresas que hospedam as fotos com a própria tecnologia podem ter diversos problemas que o Flickr elimina e também terá custo alto de desenvolvimento interno.

Por fim em um lugar discreto do site a equipe arriscou criar uma área colaborativa. Até o momento não tem muito conteúdo dos usuários, mas existe uma página para o envio de conteúdo colaborativo. Eles escolheram o Flickr para os usuários enviar fotos e o Youtube para os usuários enviarem vídeos. Nesse momento o Youtube é melhor escolha do que o Vimeo, já que ele possui interface em português e maior popularidade entre os usuários. E também é mais um site para citar e atrair links para o site principal do projeto. Se o conteúdo de usuários crescer muito, como ambas as ferramentas disponibilizam ótimas APIs para programadores acessarem as informações com facilidade e como o WordPress possui vários plugins para essas APIs, será fácil para a equipe incluir o conteúdo fotográfico de vídeo no site oficial do projeto.

Não dá pra falar 100% bem

Já que estou enchendo a bola da equipe que fez o site, vou colocar aqui algumas críticas contrutivas. Não é possível acertar tudo sempre e também às vezes não há tempo hábil para desenvolver tudo. Mas a equipe comenteu pequenos erros e 1 pecado nesse desenvolvimento.

O pecado é bem simples de corrigir e eu vou tentar mandar um e-mail pra eles sobre isso. Eles colocaram um menu em Flash para a navegação principal. À princípio isso não é mal, pelo contrário, utilizaram transparência gradativa e isso dá uma ótima sensação, esse pequeno layout seria um pouco trabalhoso em CSS+Javascript e como o site é bem pontual a falta do botão do meio do mouse para abrir em outra aba (ou o direito para o menu de opções do navegador) não dá grande impacto na usabilidade, e provavelmente foi feito pela equipe de design, livrando um pouco a fila de programação. Em outros sites isso seria bem pior.

Mas o pecado não é exatamente esse. O pecado é não ter incluído uma versão HTML do menu no código, mesmo que escondido. Isso faria com que o site inteiro fosse super bem visto no Google, coisa que não acontece no momento. Bastava um <ul id=”menu” style=”display:none”> com os itens lá dentro que a diferença na indexação seria bem grande.

O resto das minhas críticas são menores do que esse pecado. Uma coisa que pode os ajudar a aparecer melhor no Google é o popular plugin de sitemaps para WordPress, que indica para o Google todas as páginas que existe no site e opcionalmente dá peso e relevância diferenciadas pras páginas. Além disso a navegação por tags deles não deixa encontrar as fotos, posts com os álbuns de cada dia e com algum truque de programação poderiam fazer os álbuns aparecerem com a tag “fotos” e redirecionar para a página da categoria do dia, onde já existem os álbuns.

Com essas pequenas críticas eu encerro meu post dando muito parabés pra equipe que criou o site.

Reparem que na direita e em baixo.

Primeiro eu olhei e achei que o volume estava em ±70% do volume total, mas rapidamente fiquei na dúvida pois a sensação re delevo deixava na verdade a parte importante como ±30% cheio só que da direita pra esquerda.

Eu cliquei na extremidade entre um e outro pra aumentar o volume pra direita. Nada. Então pra esquerda e aí que eu entendi tudo:

Reparem que agora sim dá pra saber como funciona.

Aha! O que eu tava pensando que usava a metáfora de o quanto está “cheio” um total de um “recipiente”, como as porcentagems de tarefas demoradas no computador com a metáfora de botões de correr pro lado.

A experiência toda levou algo como 3 ou 4 segundos, a curva de aprendizado até que foi rápida. Mas por outro lado será que um botão de volume deveria ter curva de aprendizado?