Foi necessário o iPhone para que a web móvel começasse a ganhar o interesse do público. Mas, mesmo sem muita atenção, gradualmente já estava sendo construída uma rede de sites com conteúdo relevante para acesso pelo celular. É provável que atualmente toda publicação tenha seu site móvel. O próximo passo importante deve ser dado por marcas cujo conteúdo de entretenimento tem presença forte em sua comunicação. Após isto, serviços e comércio são conteúdos com potencial. O que justifica a pergunta: como desenvolver um bom site para o celular? Preparei uma espécie de check-list que, se não garante a qualidade, ajuda bastante.

Planejamento

- [ALERTA DE CLICHÊ] Favor não miniaturizar seu site. Site móvel não é um site para ser lido na tela do celular. É um site que faz o melhor uso possível do contexto gerado pela situação de mobilidade. É importante avaliar como sua marca/empresa pode fazer uso deste. No celular, muitas vezes, as informações de contato são as mais relevantes. Todos os sites de publicações apresentam informações sobre o tempo logo no início, por exemplo.

- Perfis de uso: para auxiliar no planejamento a construção de perfis de uso pode ser muito útil. Eu utilizo quatro, que englobam a maior parte dos usuários de celular: o curioso; o apressado; o entediado; o repetitivo.

Desenvolvimento

- Use o padrão: XHTML-MP. As referências estão aqui: dev.mobi. Isto deveria ser óbvio, mas quase todos os sites móveis no Brasil não utilizam corretamente o padrão.

- Utilize uma estratégia de identificação de dispositivos.

- Preste atenção às restrições: ao utilizar uma folha de estilo externa alguns browsers irão criar problemas (podem não carregar o background, podem forçar o uso da fonte de sistema)

- Por isso mesmo, não use as recomendações baseadas no padrão de desenvolvimento de modo automático

- Imagens: use atributos de tamanho, o site irá carregar mais rapidamente.

- Métricas: já existem algumas ferramentas interessantes no mercado: Amethon, Bango, Mobilytics.

Design

- O celular pode, sim, ter espaço para um design interessante. A combinação de imagens e textos contribui para uma navegação mais agradável.

- Confie no uso de ícones. Certifique-se de que o significado é evidente.

Usabilidade

- Evite muitos cliques para chegar ao resultado final.

- Mas não crie um site horizontal. Observe a relação entre conteúdos e crie um clickstream que permita a navegação em diferentes níveis. Um exemplo simples aplicado a publicações é, em vez de apresentar “próxima notícia”, apresentar todas as notícias relacionadas como links abaixo do conteúdo.

- Busca: se tem muito conteúdo e sua atividade justifica, vale inserir uma caixa de busca em seu site. O Google tem um programa para parceiros – aqui.

- Imagens: use o atributo ALT. Há usuários que configuram seu browser para não carregar imagens. O uso do ALT o auxilia a definir se carrega ou não a imagem.

- Imagens: crie a opção em seu próprio site para o usuário “desligar” o carregamento de imagens.

- Favoritos: este, todo provedor de conteúdo deveria ter. Crie uma área – na página principal – onde o usuário poderá criar e acessar seus conteúdos favoritos. Isto pode ser feito manualmente ou automaticamente.

Publicidade

- Se em seu site terá publicidade, você pode querer se certificar de que esta será eficaz. Use um banner por área visível, é uma boa prática. Isto significa que independente do tamanho de sua página, haverá sempre publicidade visível enquanto o usuário faz o scroll desta.

- Facilite a volta: ao clicar no banner o usuário pode querer retornar a seu site. Portanto, não force a abertura em nova janela – isto não é evidente no celular, muitos usuários podem ficar perdidos.

Acesso

- Em um mundo ideal o seu site na internet comunicaria a sua presença mobile. Neste você deveria informar a URL móvel e oferecer a opção para o consumidor receber o link no celular – por SMS.

- Providencie a indexação nos mecanismos de busca: Google e Yahoo!.

- Faça publicidade em outros sites móveis.

Muitas dicas presumem um conhecimento prévio (por exemplo, estratégias de identificação). Como eu disse, esta é uma versão resumida. Em breve apresentaremos uma versão mais detalhada. Enquanto isso, sinta-se à vontade para usar os comentários se precisar de mais esclarecdimentos.