Viagem no Tempo

Nessa semana foi ao ar uma nova área no site da Vodafone NZ desenvolvida pela agência onde estou trabalhando aqui em Auckland.

http://www.vodafone.co.nz/now/

Vodafone é a maior operadora de telefonia celular do mundo. A primeira vez que ouvi falar da Vodafone foi quando acessei este site, ganhador de vários prêmios incluindo 2 leões de ouro em Cannes 2004 e o Site of The Year 2004 no FWA.

A nova área do site neo-zelandês da Vodafone tem por objetivo lançar novos serviços para os celulares com tecnologia 3G. Minha participação neste job foi fazer a área que o usuário vai ver caso não tenha o Flash instalado ou caso a conexão seja muito lenta. É a mosca do cocô do cavalo do bandido. Pensa que por isso foi feito de qualquer jeito? Muito pelo contrário.

O papo aqui fica meio técnico, os coders acompanham. :-)

Todos os HTMLs deviam ser XHTML 1.0 Strict válidos. Todo e qualquer style deveria ser referenciado por id ou class. As alturas dos elementos da página devem ser em unidade em que varia de acordo com o elemento-pai, isto mantém a página funcionando corretamente para aqueles usuários e têm problema de visão e aumentam o tamanho do texto no browser. Todas as tags <a> devem ter títulos e todas as <img> devem ter alt. O retângulo vermelho com texto em destaque no topo é um <div> com header e parágrafo dentro que é substituído por um Flash ao carregar a página, isto preserva a semântica do HTML e mantém o texto visível para os buscadores. Se o usuário tiver Flash e JavaScript habilitado, ele vê o texto com a fonte da Vodafone e com anti-alias. Se não tiver, vê o texto como o browser mostraria normalmente. Além disso, a navegação é feita por abas (tabs) e a funcionalidade delas é controlada por um plug-in que usa jQuery, mas se o usuário não tiver JavaScript habilitado, a página ainda tem que funcionar e se apresentar decentemente. Isso tudo funcionando em Firefox 2 e 3, Internet Explorer 6 e 7, Safari e Opera.

O resultado disso é que se o usuário tiver Flash Player 9 instalado, ele vai ver uma animação 3D muito legal com navegação em Papervision 3D - feito pela oktobor. Se não tiver ou a conexão for muito lenta, vai ver uma página dentro dos padrões do site com uma navegação em abas e que funciona em qualquer browser dos lançados nos últimos 3 anos e com qualquer tamanho de fonte. Caso o JavaScript esteja desabilitado no browser do usuário por qualquer motivo, a página ainda funciona muito bem. As audiências estão todas cobertas. A parte técnica está de acordo com as recomendações mais restritas da web. Os buscadores conseguem mapear toda a informação da página como se fosse o mais puro “texto e link” lá de 1996.

No final do job, eu tive a satisfação do dever cumprido somada à satisfação muito maior de ter feito a coisa do jeito certo.

Uma coisa interessante é que boa parte das exigências de acessibilidade vieram da própria Vodafone. Isso somado à competência do time na agência gerou, na minha opinião, um ótimo resultado. A experiência aqui está sendo ótima.