21
Sites e suas versões mobile
Filed Under (Sem categoria) by Carla Martins on 21-08-2008
Tagged Under : arquitetura de informação, mobile
Estava lendo uma matéria publicada no Clube de Criação que divulga uma pesquisa realizada pela Opera (empresa que sai na frente com um navegador aparentemente muito bom que pode ser usado em dispositivos como celulares, palmtops e TVs portáteis) sobre os sites mais acessados via dispositivos móveis.
O Google lidera os acessos tanto no Brasil quanto em todos os outros países pesquisados da América Latina. Em segundo lugar está o orkut. Em terceiro estão sites de notícias, como o Globo.com.
Esses dados mostram uma tendência do uso da internet em celulares: busca por informações rápidas e objetivas.
Arquitetura de Informação em mobile sites
E a arquitetura de informação nisso tudo, onde fica?
Fica no centro do projeto, literalmente no meio de tudo. Porque a Arquitetura de Informação é a única área que tem a visão macro do projeto, e que vai pensar na estrutura para o site e para a versão mobile. E, com certeza, essas duas estruturas serão completamente diferentes.
A documentação, portanto, também será feita duas vezes. Serão dois sitemaps, dois fluxos, dois wireframes e por aí vai. Lembrando que nem sempre o ideal é ter o conteúdo 100% presente nas duas plataformas. Tudo precisa ser analisado: tecnologia utilizada, custo-benefício etc etc etc. E é o arquiteto que vai dizer qual o melhor caminho a seguir. Desafiador e muito fascinante, né? E o papel dos profissionais antenados ficarão ainda mais valorizados nas empresas.
Na prática
Pense em um site com navegaçãop horizontal, cheio de funcionalidades e com navegação super experimental. Na hora da fazer a versão mobile, o arquiteto terá que pensar no mesmo site com poucos níveis de navegação, menu com poucos itens dispostos verticalmente, reduzir ao máximo o conteúdo e diminuir tamanho e peso de imagens. Quanto mais simples e objetivo, melhor.
Não é à toa que, em um teste de usabilidade em que usuários acessaram um site via pc e via mobile, o resultado mostrou que a maioria dos usuários achou a versão mobile mais fácil de usar e mais fácil de ler, pois não continha elementos que “roubavam” a atenção do conteúdo.
Interfaces mobile são profundamente diferentes das interfaces com as quais estamos acostumados. E não é só por causa do tamanho, mas também pelo contexto: o celular vai com você para todo lugar, você utiliza o aparelho em movimento, diferentemente do computador/note.
Normalmente, quem navega na internet via celular está procurando por informações específicas, como endereço de lojas ou horário de filmes. Por isso, tudo precisa ser enxuto e objetivo.
No slideshare tem uma apresentação muito legal sobre o assunto. Vale a pena conferir.

Oi Carla!
Legal sua abordagem. Não tinha atinado ainda sobre documentos com 2 wireframes, dois fluxos, 2 designers…. Mas temos que levar em conta, também, que alguns super mobiles (se assim posso chamar o Iphone e seus concorrentes). Fiz uma abordagem sobre o design dos sites em relação a volta do 800 x 600 no meu blog (http://www.jdfreitas.com/2008/05/800-x-600-pesadelo-dos-designers-x-futuro/). Interessante que até o MAQ foi comentar lá, numa tentativa de uso do layout líquido, com mínimo e máximo de tamanho… mas podemos ver que a realidade pede outras sugestões… até porque estaremos em layout menores do que o 800 x 600.
Bem sobre o conteúdo, outro dia estava comentando sobre o novo foco do jornalistas (ve que idéia maluca) seria o MobileWriting haha. Engraçado, mas que pode ter bastante nexo, porque hoje em dia temos muito cuidado com os textos e forma que são passadas aos leitores web. E, será que os leitores de blogs e sites de notícias via Celular (como vi as fotos no slideshare que mandou, gente na rua, na hora do nascimento do filho, “no banheiro”) vão querer tantos detalhes? daí fica em aberto este conceito… trabalhar só com as “Manchetes”? Ter novo estudo de forma de textos? Não podemos deixar dar uma chamada e deixar tudo vago… teremos que resumir o que já foi MUITO resumido pelos profissionais de webwriting.
Abraço
Olá!
Valeu pelo comentário! Muito legal seu ponto de vista!
Bjs!