Aqui na Praesto estamos constantemente produzindo e modificando mobile sites e aplicativos próprios ou de clientes com diferentes finalidades, tais como portais, guia de eventos, folders, etc. Em nome de uma boa experiência e usabilidade para usuário, uma das questões que sempre temos que considerar e decidir é  qual será o tamanho da tela do ‘aparelho-padrão’ (largura e altura) que usaremos como referência na construção do mobile site ou aplicativo? Há uma infinidade de modelos de celulares  no mercado distribuídos em diferentes perfis de usuários, e é importante conhecer bem esse universo para acertar no produto criado.

O ideal seria fazer pelo menos três versões para tamanhos de telas diferentes e uma especial para iPhone, trabalhando em conjunto com um sistema para reconhecer qual o celular que está acessando e entregando a versão apropriada para o usuário (como fizemos no ClicRBS mobile, por exemplo). No entanto, muitas vezes pelo prazo curto ou  orçamento apertado do cliente isso não é possível, aí temos que priorizar um tamanho de tela decidindo qual seria a melhor para aquele público.

Se esse é o caso, como escolher esse tamanho de tela padrão?

Os celulares muito antigos possuem telas de 96px, 128px de largura. Outros um pouco mais novos 176px, 240px, e os lançamentos com telas já de 320px, além de muitos outros valores nesse meio. Quando acompanhamos a operação dos nossos mobile sites e aplicativos, analisamos os acessos (ou downloads), uso e navegação dos usuários e extraímos o máximo de informações que nos vá ser útil sobre o público. Com essas informações, podemos fazer relações entre o tipo de público e os celulares que ele possui, bem como suas características. Assim conseguimos fazer uma previsão e saber qual a melhor forma de entregar o produto dependendo do tipo da demanda.

O interessante é ver as diferenças que existem entre os públicos. Abaixo temos o gráfico de distribuição das resoluções de tela de dois mobile sites: o mKut [mkut.jmobi.com.br], de público mais jovem e espalhado em todas classes sociais, e o Um Mobile Site Por Dia [ummobilesitepordia.com.br], de público mais adulto e segmentado, em busca de serviços de utilidade pessoal e profissional.

mKut
Predominância de telas pequenas, de 128px de largura por 128px de altura.

Um Mobile Site Por Dia
Predominância de telas maiores, de 240px de largura por 320px de altura.

Concluindo, procure fazer diferentes versões para diferentes tamanhos de tela (a partir da estrutura do mobile site construída, essa adaptação para diferentes versões não traz grandes variações no custo). Se pelas limitações de orçamento ou prazo for necessário fazer apenas uma versão, avalie o público final. Se o mobile site tiver a característica de atingir a massa de usuários, sugerimos utilizar a tela 176px de largura como padrão. Se o alvo for um público mais seleto (ex. prováveis donos de celulares high-end ou smartphones), a recomendação é utilizar a tela 240px de largura como padrão. É importante lembrar que essa solução permitirá a melhor experiência para essa parcela dos usuários, mas mesmo assim não proíbe que outros tipos de celulares também acessem aquele conteúdo.