4 Abril 2007
Você já viu seu site pelo celular?
Esta provavelmente vai ser uma pergunta recorrente em alguns anos no Brasil para quem tem site. Aqui no Japão ainda não é o que acontece, mas acho que em pouquíssimo tempo deve acontecer.
Estou trabalhando numa empresa que vende celulares para brasileiros no Japão, isso me dá acesso a tecnologias que não tinha antes. Hoje temos um portal que é alimentado por um sistema bem simples (provavelmente baseado em CGI) voltado aos clientes. O nome do site é web-celular.com. Neste site temos algumas notícias, dicas, dicionários, músicas, fotos, entre outros conteúdos mais voltadas para quem é cliente mesmo.
Tecnologia
Pediram para que eu criasse uma versão do site atual para mobile. Para ser sincera nunca tinha mexido com isso antes. Mas como pediram para fazer, comecei a fazer uns testes.
Só para ter uma idéia, aqui no Japão temos atualmente 5 operadoras: NTT DoCoMo, au by KDDI, willcom, SoftBank (ex-vodafone) e a quase extinta Tu-Ka (que foi recentemente comprada pela au by KDDI). Cada operadora tem uma tecnologia própria (linguagem HTML própria) e ainda algumas contam com browser compatível com sites para PC. É como se voltássemos na época que a internet ainda não tinha muitos padrões e com muito mais browsers diferentes. Para o lado do servidor é isso mesmo, ele reconhece diversos USER-AGENTs e assim que podemos direcionar para qual endereço que vai se a pessoa acessar por celular.
Bom, para minha feliz surpresa, fiz um teste montando o site todo em XHTML MP (XHTML Mobile Profile) também conhecido como WAP 2.0 e funcionou em todos os browsers. O que mostra que tem sim algum padrão (ainda bem!).
Arquitetura de Informação
Comecei a esboçar como seria a arquitetura de informação para poder então começar a pensar no design. Defini como seria a navegação, apesar de ainda ser apenas uma versão do site atual, precisava ser reestruturada para se adequar ao celular.
No celular, obviamente, não temos muito espaço disponível, além disso, as pessoas não lêem tanto quanto numa tela de computador e também não têm tanto tempo para navegar. O conteúdo é enxuto, o que dificulta bastante a navegação. Acabei estrurando o site através de links básicos. Por isso, não usei mais o paradigma de menu fixo. A arquitetura de navegação acabou ficando com muitos subníveis, desta forma, a arquitetura passou a ser mais vertical.
Design
Assim, comecei a fazer o design. Aí que começou o maior desafio, não fazia idéia de como era o design de sites para celular. Não sou uma aficcionada por tecnologia, apesar de muita gente achar isso, e não costumo acessar tantos sites no celular, aliás nem tenho muita paciência para isso e também não tenho o celular com a melhor tecnologia - meu celular nem roda flash, e só recentemente descobri que ele lê QR code (um código que funciona de forma semelhante ao código de barra, onde é possível encriptar uma url).
Por isso, tive que começar a acessar mais, felizmente na empresa tem muitos celulares justamente para gente fazer testes. E assim pude ver como funcionava os diversos sites para as diferentes operadoras e aparelhos.
Basicamente, o design da web para celular parece muito com o que víamos em 1997, 1998, sites muito simples e toscos. Não tem nada muito elaborado (o meio não permite também) sem muitas imagens e sem formatações para os textos também. Vi muitos sites em japonês e alguns poucos em inglês.
Em cima disso, comecei a pesquisar para ver se era possível encontrar alguma referência (artigos ou imagens) que me dessem alguma idéia para tentar sair disso, afinal era muito tosca a solução.
Falando de internet para celular realmente não dá para colocar muita imagem já que fica muito caro o acesso. Então tudo tem que ser o mais compacto possível. Como resultado da pesquisa, encontrei alguns artigos que realmente me ajudaram a pensar no design:
Mobile Web Design: State of the Mobile Web
Pocket-Sized Design: Taking Your Website to the Small Screen
Esses artigos resumidamente, falam da questão da tecnologia, usar XHTML e das imagens como disse acima. Um deles fala sobre a questão de minimizar tudo x simplificar. Um caminho seria pegar todo o site atual e redimensioná-lo para caber na telinha do celular ou no máximo, reaproveitar boa parte do design e reproduzir através de ícones o menu fixo por exemplo. Outro caminho - que acabei escolhendo - seria simplificar o site, diminuir o número de imagens - colocando no parametro ALT do tag IMG em cada uma delas, palavras-chave - ou seja, adaptar todo o site para que se ajustasse ao novo meio. Tirei todas as outras tecnologias como flash, javascript. E criei um CSS para todo o site. Fiz um template para página interna que se constituía de um título e o logotipo no topo (uma das poucas imagens que coloquei), no meio entraria o conteúdo e o rodapé.
Jig
Depois de montar todo esse site - que não foi um trabalho jogado fora, em breve colocarei no ar. Fiquei sabendo desse browser para celular, a principal característica ele tem a capacidade de ler o site para PC. Pediram para que eu navegasse um pouco com ele para ver como ficaria os sites existentes. Esse browser não tem suporte para flash e javascript, ah frames também. Então tentei acessar os sites mais conhecidos, primeiramente os portais, Uol, Terra, depois comecei a navegar outros sites. Entrei no orkut, gmail, hotmail. Só o gmail funcionou, e aí depois acabei descobrindo uma url para celular do gmail. O orkut e o hotmail devem usar ajax, por isso não rolou. O google nem tentei pois já tinham tentado. O meu site mesmo também não tentei afinal, ele é em flash. Experimentei o flickr, ele funciona, mostra as imagens, mas a navegação fica bem complicada. Entrei no youtube, mas nada (flash). Entrei no blogger, e no blog da globo - 8p, funcionaram bem. Tentei entrar em chat para ver como era, nenhum rolou também. Como já estava ficando impaciente em navegar no celular - aquela tela pequena incomoda ainda.. Resolvi parar por aí. Conclusão: sites com notícias ou blogs funcionam bem, mas só isso também. Ah, e o gmail na versão para celular.
Ainda tem mais coisas para falar sobre como são as coisas aqui em termos de internet para celular, mas como acho que acabei me extendendo demais, vou ficando por aqui. Outra hora coloco mais coisas.
Popularidade: 7%
Pessoal a Adobe disponibilizou a versão beta do Photoshop CS3, ficou muito interessante, os links de acesso as ferramentas ficaram facilitados e o design melhorou bastante, creio que está seja uma das primeiras grandes mudanças significativas desde as últimas versões, o produto pode ser usado em fase trial por 3 dias ou pode ser registrado.