Primeiros passos

Quais são as três principais informações que preciso ter ao criar um site para dispositivos móveis?

1. Facilite a vida dos consumidores.

Ajude os visitantes do seu site a alcançar seus objetivos. Eles podem querer se divertir lendo as postagens do seu blog, anotar o endereço do seu restaurante ou conferir resenhas de seus produtos. Abhi Dhar, líder do departamento de tecnologia em comércio eletrônico e vice-presidente do grupo Walgreens, explica que "O objetivo de tudo o que fazemos em relação a dispositivos móveis é facilitar a vida dos nossos clientes".

Desenvolva seu site para facilitar que os clientes façam as tarefas mais comuns, desde o início até o acesso ao site e a conclusão dessas tarefas.

Faça um esquema das etapas que o cliente provavelmente seguirá e verifique se elas são fáceis de concluir usando um dispositivo móvel. Tente simplificar a experiência e reduzir o número de interações do usuário. Neste exemplo: (1) o cliente clica em um site após pesquisar lâmpadas para comprar, (2) confere uma seleção de lâmpadas e (3) compra a lâmpada que ele deseja.

2. Meça a eficácia do seu site de acordo com a facilidade que clientes de dispositivos móveis completam tarefas comuns.

Ao criar um site para dispositivos móveis, é preciso priorizar o que é realmente importante. Descubra quais são as tarefas mais comuns e importantes para os clientes usuários de dispositivos móveis. A compatibilidade dessas tarefas é crucial. Por isso, a qualidade do seu site para dispositivos móveis depende da eficiência com a qual os clientes cumprem seus objetivos. Há maneiras de fazer com que o design do site seja voltado para a facilidade de uso. Concentre-se em criar uma interface consistente e proporcionar uma experiência unificada em todas as plataformas.

De acordo com o MediaPost, "Os clientes que fazem compras usando dispositivos móveis consideram essencial a facilidade de uso, com 48% dos usuários citando-a como a principal qualidade de um site para dispositivos móveis".

3. Selecione um modelo, tema ou design que seja consistente em todos os dispositivos móveis (em outras palavras, use Web design responsivo).

O "Web design responsivo" (RWD, na sigla em inglês) significa que a página usa o mesmo URL e o mesmo código para usuários acessando o site a partir de um computador, um tablet ou um smartphone. A diferença é que a exibição se ajustará ou "responderá" de acordo com o tamanho da tela. O Google recomenda usar o RWD em vez de outros padrões de design. Um dos benefícios de usar RWD é que só é preciso manter uma versão do seu site, em vez de duas. Ou seja, não é necessário manter o site para computadores em www.exemplo.com e a versão para dispositivos móveis em m.exemplo.com. Basta manter um único site, como www.example.com, tanto para os usuários de computadores como para os de dispositivos móveis.

Um site responsivo ajusta a exibição a vários tamanhos de tela usando o mesmo URL e o mesmo código. Todos os três dispositivos acima usam www.example.com, em vez de usar a página para dispositivos móveis em m.example.com ou a página para tablets em t.example.com etc.

"Usar o RWD permitiu que a Baines & Ernst (página em inglês) otimizasse a experiência do site em telas de diferentes tamanhos sem precisar criar vários websites. Eles notaram que os usuários acessavam 11% mais páginas no site a cada acesso e as conversões em dispositivos móveis aumentaram em 51%."

As conversões ocorrem quando um cliente executa uma ação desejada, como comprar produtos, ligar para a empresa ou inscrever-se para receber um boletim informativo.

Para ver detalhes sobre como implementar o Web design responsivo, veja o conteúdo para desenvolvedores em Fundamentos da Web. Se você desejar saber os prós e contras das diferentes implementações de sites para dispositivos móveis, tablets e computadores, consulte a página sobre Criação de websites para clientes multitelas (em inglês).

Quais são os três principais erros que os iniciantes não podem cometer?

Erro 1: esquecer-se do cliente de dispositivos móveis.

Lembre-se de que os bons sites para dispositivos móveis são úteis: eles ajudam os visitantes a concluir tarefas, seja ler um artigo interessante ou conferir a localização da sua loja. Não caia na armadilha de criar um site formatado para dispositivos móveis (que fique bonito em dispositivos móveis) porque todas as funcionalidades úteis foram retiradas. Em vez disso, crie um site compatível com dispositivos móveis (que seja verdadeiramente útil para clientes de dispositivos móveis e otimizado para as tarefas mais comuns dos clientes).

Erro 2: implementar o site para dispositivos móveis em um domínio, um subdomínio ou um subdiretório diferente do site para computadores.

Embora o Google apoie diversas configurações de sites para dispositivos móveis, criar URLs de dispositivos móveis separados aumenta significativamente o trabalho necessário para manter e atualizar seu site, além de introduzir possíveis fontes de problemas técnicos. Com frequência é possível simplificar significativamente essa questão com o uso do Web design responsivo (RWD, na sigla em inglês) e atender a computadores e dispositivos móveis com o mesmo URL. O Web design responsivo é a configuração recomendada pelo Google.

Erro 3: trabalhar isoladamente em vez de procurar inspiração.

Busque inspiração e práticas recomendadas em outros sites no seu espaço ou no do seus concorrentes. Talvez você não seja o primeiro na sua área com um site para dispositivos móveis, mas isso dá a você o benefício de aprender com quem veio antes. Além disso, o The Mobile Playbook e as Histórias de sucesso multitelas do Google (em inglês) estão cheios de ideias.

O que é importante levar em conta ao trabalhar com um desenvolvedor?

Siga estas etapas para garantir um bom resultado ao trabalhar com um desenvolvedor na criação do seu site compatível com dispositivos móveis.

1. Peça as referências e o portfólio de websites móveis do seu desenvolvedor.

Pergunte se o desenvolvedor tem experiência com Web design responsivo (RWD, na sigla em inglês). Se você possuir um site compatível só com computador, verifique se o desenvolvedor já fez a transição de um site de computador a um responsivo. Confira outros sites criados por ele. Converse com os contatos de referência e os clientes anteriores para saber o que eles pensam sobre o desenvolvedor. Use ferramentas como o PageSpeed Insights do Google para ver o portfólio de desenvolvedores. O PageSpeed Insights destaca fatores que diminuem a velocidade ou dificultam o uso de uma página.

A página dos Fundamentos da Web é aprovada no teste para dispositivos móveis do PageSpeed Insights, tanto em relação à velocidade quanto à experiência do usuário.

2. Verifique se o desenvolvedor entende seu usuário de dispositivos móveis.

Informe ao desenvolvedor sobre sua empresa e forneça as tarefas mais comuns que você deseja otimizar no seu site móvel. Ele deve desenvolver um site compatível com as funcionalidades necessárias aos clientes de dispositivos móveis.

3. Peça ao desenvolvedor um compromisso com a velocidade.

Não faça os clientes esperarem muito para que as páginas carreguem no navegador. Pergunte se o desenvolvedor conhece o PageSpeed Insights (a ferramenta acima) e se está familiarizado com as técnicas que ajudam as páginas a carregar mais rapidamente. Seu contrato pode incluir páginas "processadas" tão rapidamente quanto as dos concorrentes de acordo com o WebPagetest ou, caso isso seja muito complicado, fazer com que ele se comprometa com a marca verde no resultado do PageSpeed Insights, sem problemas marcados como "Precisa ser corrigido". Se as páginas não receberem marcas verdes, você e seu desenvolvedor precisarão pesar os custos e os benefícios de corrigir o problema. Mais informações sobre a velocidade em páginas para dispositivos móveis podem ser encontradas no vídeo "Correções rápidas no desempenho de websites móveis".

4. Peça para o desenvolvedor instalar uma ferramenta de análise da Web.

Instale uma ferramenta de análise da Web, como o Google Analytics, para coletar informações agregadas sobre o desempenho do seu site.

5. Você e o desenvolvedor devem conhecer as Diretrizes para webmasters do Google.

As diretrizes contêm informações sobre como o Google encontra, processa e classifica o conteúdo do seu site.

6. Verifique se o contrato inclui melhorar seu site móvel após o lançamento inicial.

Você provavelmente receberá feedback de clientes e dados de análise da Web que convém incorporar ao site para torná-lo ainda melhor.

Considere ler a Lista do Google AdWords de fornecedores recomendados para dispositivos móveis e multitelas. Para mais informações sobre a implementação de websites para dispositivos móveis, consulte a documentação sobre SEO para dispositivos móveis.

Enviar comentários sobre…