O documento fornece 10 práticas recomendadas para desenvolver sites adequados para dispositivos móveis, incluindo: (1) priorizar conteúdo e recursos essenciais para usuários móveis, (2) simplificar a navegação com menus claros e pesquisa, (3) considerar a interação com os dedos e botões grandes.

1. Sites adequados para celular são desenvolvidos para as telas
10 PRÁTICAS pequenas e os recursos de dispositivos móveis. Mas ser adequado
para celular é mais do que apenas caber na tela. Nossas 10
RECOMENDADAS PARA práticas recomendadas para sites para celular apontam coisas
importantes que você pode fazer de forma que seu site ofereça
SITES PARA CELULAR uma excelente experiência para os usuários de celular.
1. SEJA RÁPIDO 4. OFEREÇA VISIBILIDADE
Usuários de celular geralmente têm pouco tempo Um site adequado para celular transmite sua
e encaixam tarefas on-line entre os compromissos do mensagem sem cansar a vista dos usuários. Facilite
dia. Para ajudá-los, desenvolva um site que carregue a leitura para seus clientes. Lembre-se de que eles
rápido e tenha textos fáceis de ler. podem estar em um ambiente com pouca luz.
Priorize conteúdo e recursos de que os usuários Crie contraste entre o plano de fundo e o texto.
de celular mais precisam. Verifique se o conteúdo cabe na tela e pode ser
Use as ferramentas de análise de seu site para lido sem ampliar.
computador para ver o que os usuários de celular Use bastante espaço negativo.
estão fazendo.
Use tamanhos e cores para indicar a prioridade
Reduza grandes blocos de texto e use itens com de links/botões.
marcadores para facilitar a leitura.
Compacte imagens de forma que elas fiquem 5. TORNE-O ACESSÍVEL
pequenas para que o site carregue mais rápido. O ideal é que seu site para celular funcione em todos
os dispositivos móveis e todas as orientações em que
2. SIMPLIFIQUE A NAVEGAÇÃO eles estiverem. Encontre alternativas ao Flash. Ele não
Ninguém gosta de coisas confusas. Uma navegação funciona em alguns dispositivos.
clara e a funcionalidade de pesquisa, em sites grandes
ou complexos, ajudarão seus clientes a encontrar o que Use HTML5 para interatividade e animações.
precisam. Adapte seu site para as orientações vertical
e horizontal.
Minimize a rolagem e mantenha um visual
apenas vertical. Mantenha os usuários no mesmo lugar quando
mudarem a orientação.
Use uma hierarquia clara em menus e evite
rollovers.
6. FACILITE A CONVERSÃO
Ajude os usuários a navegar entre os níveis com ke Seja qual for o objetivo de seu site, seus clientes
botões “voltar” e “início” em destaque. precisam ser capazes de atingi-lo com um teclado
Use até sete links por página de navegação. virtual e sem o mouse. Fazer compras ou entrar em
contato deve ser fácil.
Deixe sempre uma caixa de pesquisa em
destaque em sites complexos. Enfatize as informações que ajudarão a gerar
conversões (por exemplo, detalhes de produtos).
3. LEMBRE-SE DOS POLEGARES Reduza o número de etapas necessárias para
As pessoas usam seus dedos para manusear concluir uma transação.
dispositivos móveis, especialmente os polegares.
Desenvolva um site que permita uma fácil interação, Mantenha os formulários pequenos e use
mesmo com as mãos mais volumosas. o menor número de campos possível.
Use botões grandes e centralizados Use caixas de seleção, listas e menus de
e proporcione espaço extra para evitar cliques rolagem para facilitar a entrada de dados.
acidentais. Use a funcionalidade clique para ligar para todos
Aumente os botões menores para aumentar os números de telefone.
a área clicável.
Aumente a área das caixas de seleção tornando os
textos clicáveis.

2. 7. FAÇA COM QUE SEJA LOCAL 9. USE REDIRECIONAMENTOS
Consumidores procuram informações locais em seus PARA O SITE PARA CELULAR
telefones o tempo todo, desde encontrar o posto de Um redirecionamento para o site para celular é um
gasolina mais próximo até achar uma pizzaria aberta. código que pode informar se os visitantes estão
Inclua funcionalidades que ajudam as pessoas usando um dispositivo móvel e enviá-los para
a encontrar e chegar até você. a versão de seu site adequada para celular de forma
automática. Peça que o desenvolvedor do site
Exiba seu endereço ou um localizador de lojas implemente esse código de redirecionamento para que
na página de destino. seus clientes tenham acesso à melhor versão de seu
Inclua mapas e orientações. Use GPS para site de acordo com suas necessidades.
personalizar sempre que possível.
Dê aos usuários a escolha de voltar para o site
Permita que os usuários verifiquem estoques para computador, mas facilite o retorno para
e lojas próximas. o site para celular.
Deixe que os usuários escolham qual versão
8. OFEREÇA UMA EXPERIÊNCIA eles preferem ver nas próximas visitas.
PERFEITA Inclua informações importantes, como seu
Atualmente as pessoas usam várias telas durante endereço ou um localizador de lojas, na página
o dia. Converta para o site para celular o maior de redirecionamento.
número possível de funcionalidades do site para
computador, criando uma experiência perfeita.
10. ESCUTE, APRENDA E REPITA
Permita que os usuários salvem pesquisas Bons sites para celular são voltados para o usuário,
comuns e os itens no carrinho de compras. o que significa que eles foram desenvolvidos com base
em informações do público-alvo. Pergunte aos usuários
Mantenha os principais recursos do site em de seu site para computador o que eles querem em
todos os canais o máximo possível. um website para celular e execute testes e otimizações
como processos contínuos.
Exiba as mesmas informações sobre produtos/
Use uma ferramenta de análise para
serviços.
compreender como as pessoas usam seu site.
Se possível, especialmente para sites
complexos, faça antes um teste com os
usuários.
Implemente e colete comentários dos usuários
após o lançamento.
Repita com frequência e melhore seu site com
base em pesquisas de forma contínua.