25 Tecnica s Google Mobile

tcnicas infalveispara ter o melhorsite mobile25

Google Think Insights 2014

think with

A internet no celular uma realidade gigantesca no Brasil. Basta dizer que 72% dos usurios de smartphones acessam a web todos os dias em seus aparelhos. E, claro, com o uso mais recorrente, as pessoas esto ficando mais exigentes. Tanto que 61% delas tendem a deixar a pgina se ela no oferecer uma experincia mvel boa enquanto 67% revelam que tm mais chances de comprar algo num ambiente otimizado.

Por isso, no exagero dizer que uma navegao pensada especialmente para o ambiente mobile essencial para a estratgia de marketing das empresas. Para ajudar as marcas nessa tarefa, o Google e a AnsweLab, especializada na experincia do usurio, fizeram um estudo exclusivo: durante 119 horas, voluntrios visitaram sites nos smartphones e responderam a perguntas. O resultado dessa pesquisa a lista de 25 princpios de design mvel, que voc v agora e que traz tcnicas para a navegao ideal, da home busca, dos formulrios s melhores maneiras de converter os usurios.

Pgina inicial e navegaoNo crie uma home para o seu site mvel com mensagens e promoes. Nesse canal, voc precisa apresentar seu principal contedo e/ou produto. Vale lembrar que a pgina inicial vista no desktop muitas vezes funciona como um canal de boas-vindas, com mensagens e espao promocional. O que no o caso do ambiente mvel.

01 02Destaque seuscalls-to-action mantenhaos menus curtosAs pessoas respondem melhor a sites que tm mais botes no corpo principal da pgina, com tarefas secundrias nos menus. Use, por exemplo, frases como receba aqui seu eBook ou faa seu cadastro em vez de um simples clique aqui ou contato. Botes como compre agora ou receba hoje costumam funcionar muito bem.

Os usurios de web mobile no tm pacincia para percorrer uma longa lista de opes para encontrar o que querem. Por isso, o menu deve ser curto e ter categorias separadas, para facilitar a procura.

ERRADOCERTO ERRADOCERTO


03 04facilite a volta paraa pgina principal no permita que as promoes roubem a cenaUtilize seu logo como um boto de navegao para voltar pgina principal. Os participantes ficam frustrados quando isso no ocorre.

As pessoas ficam distradas com um banner promocional e no percebem os botes de navegao logo abaixo, o que dificulta descobertas sobre ofertas da empresa. Voc precisa saber o que mais importante e dar o destaque necessrio a isso.



camPode busca e resultadosAs pesquisas no site mvel so fundamentais para que os usurios encontrem o que buscam, mesmo com pressa. necessrio maximizar esse campo no seu site.

05 06torne o campoDe busca visvel certifique-se Deque a busca relevantePosicione o campo de busca prximo ao topo da sua pgina inicial. As pessoas tm a melhor resposta com os campos de busca abertos para a insero de texto.

As pessoas no costumam deslizar por diversas pginas de resultados de busca. importante implementar recursos de busca inteligente, como preenchimento automtico e correes de ortografia, para melhorar o resultado da pesquisa.



07 08implementefiltros De busca oferea melhoresresultaDos De buscaOs usurios abandonam os sites nos quais no conseguem reduzir o volume de resultados. Mas tambm no permita que os usurios filtrem a busca ao ponto de ela mesma no gerar nenhum resultado.

Categorizar os produtos ou servios oferecidos por segmento pode garantir que os visitantes recebam resultados relevantes. Por exemplo, uma loja de calados deve separar sua busca por gnero e tamanho. A loja de informtica, por notebook, desktop e smartphone.



comPra, cadastroe mobilidadeA jornada do cliente est ficando cada vez mais complexa e os usurios esperam realizar a converso do jeito que quiserem. D preferncia a palavras em portugus.

09 10navegao sem caDastro inicial permita que faamcompras como visitantesPermita que os usurios utilizem o site sem necessidade de cadastro. Antes de oferecer dados pessoais, os participantes querem navegar pelo contedo para ter noo do que iro encontrar no site.

Oferea a opo de finalizar a compra como visitante, sem a necessidade de realizar um login e promova o cadastro com benefcios tangveis. Por exemplo, mostre que, ao se cadastrar, a pessoa ir receber promoes exclusivas. Os usurios se irritam quando exigem cadastro e no explicam como o preenchimento poder benefici-los.



11 12use informaesj existentes crie botes Declique para ligarSeu objetivo deve ser simplificar o cadastro. Por isso, use informaes que voc j tem para pr-preencher alguns campos e login social para quem ainda no tem cadastro.

Algumas pessoas preferem falar com algum em tarefas mais complexas. Coloque um boto para ligar em pontos do processo de converso. Mas lembre-se: seu call center precisa estar preparado para receber as ligaes.


Nome

Sobrenome

Senha

Telefone

CEP

E-mail

Senha


13 facilite a concluso Daconverso em outro DeviceMuitas vezes, as pessoas usam o smartphone para pesquisar preo e qualidades de um produto, mas preferem fechar a venda de outro jeito, como no notebook. Por isso, importante oferecer a integrao ou uma maneira mais simples.

ERRADOCERTO


FormulriodeentradaConverso no s compra. tambm receber uma cotao de preo ou participar de um mailing. Essa experincia de converso do seu usurio deve ser o mais simples possvel.

14 15simplifique aentraDa De informaes facilite a formaDe inserir informaesPara campos que s precisem de nmeros, s d a opo numrica no teclado. Alm disso, automaticamente, avance para o prximo item conforme os usurios preenchem o formulrio.

O menu suspenso mais direto ao ponto e melhor opo quando for uma pergunta para a qual podemos oferecer as respostas. Um bom exemplo quando for preencher o ms do aniversrio. Os alvos de cliques precisam ser grandes e identificveis.


WQ E R T Y U I O P

SA D F G H J K L

Z X C V B N M


16 17fornea um calenDrio visual ao selecionar Datas reDuza erros e faa valiDao em tempo realPara que o usurio no saia do seu canal para buscar uma informao, oferea um calendrio visual. E evite causar confuses fornecendo campos claros sobre datas de incio e trmino.

Utilize nomenclaturas visveis para que o usurio no coloque seu endereo residencial no campo de e-mail. E valide os erros em tempo real para avis-lo caso haja algum problema antes de enviar o formulrio.



18 projete formulrios eficientesComece o formulrio com as informaes mais simples para no intimidar o usurio. Utilize barras de progresso claramente identificadas para facilitar, no caso de formulrios com diversas sees.

ERRADOCERTO


usabilidadeevisualFique atento aos detalhes, pois os usurios de dispositivos mveis percebero e ficaro contentes com as pequenas coisas que voc fizer por eles para melhorar sua experincia.

19 20otimize o site inteiropara mobile no forceo zoom na telaTodas as pginas so importantes para voc conquistar seu consumidor, desde a home, passando por busca, os produtos e o formulrio at a experincia de compra. O usurio no pode clicar em algo no site mobile e encontrar uma pgina formatada para desktop.

Projete o site mvel de maneira que os usurios nunca precisem mudar o tamanho e usar o zoom. Tudo tem que caber em uma tela. Os visitantes podem perder calls-to-action importantes.



21 22oferea imagens De proDutos expansveis informe os usurios sobrea melhor orientao Da telaEm sites de varejo, muito importante disponibilizar a opo de close-ups de alta resoluo dos produtos para a visualizao dos detalhes. Os consumidores realmente querem ver o que esto comprando.

Projete seu site mvel para que funcione em modo retrato ou paisagem ou incentive os usurios a alterarem para a orientao de tela ideal. Mas certifique-se de que seus calls-to-action possam ser realizados independentemente da orientao da tela.



23 24mantenha o usurioem uma nica janela evite falar emsite completoNo vale a pena oferecer ao usurio a possibilidade de abrir links em novas janelas do navegador. Isso porque alternar as abas no mobile pode ser problemtico. Aumenta o risco de o visitante no encontrar o caminho de volta para o seu site.

No chame seu site de desktop de site completo. Isso faz parecer que o mvel no tem o mesmo contedo.



25 facilite a localizaoDo usurioEsclarea o motivo pelo qual voc precisa da localizao do usurio e como essa informao influenciar para melhorar sua experincia. Deixe os campos de localizao em branco e permita que os usurios preencham atravs de um call-to-action, como Buscar perto de mim.

ERRADOCERTO


Documents

25 Tecnica s Google Mobile