PRINCÍPIOS BÁSICOS DA CONCEÇÃO DE WEBSITES MÓVEIS: CAPTE OS UTILIZADORES E GERE CONVERSÕES

Transcrição

1 PRINCÍPIOS BÁSICOS DA CONCEÇÃO DE WEBSITES MÓVEIS: CAPTE OS UTILIZADORES E GERE CONVERSÕES

2 ÍNDICE INTRODUÇÃO 03 METODOLOGIA 04 PÁGINA INICIAL E NAVEGAÇÃO NO WEBSITE 05 PESQUISA NO WEBSITE 11 COMÉRCIO ELETRÓNICO E CONVERSÕES 17 PREENCHIMENTO DE FORMULÁRIOS 24 USABILIDADE E FATORES DE FORMA 31 ASPETOS TÉCNICOS FUNDAMENTAIS 40

3 INTRODUÇÃO Os consumidores recorrem, cada vez mais, à rede móvel para pesquisar e descobrir conteúdos, o que faz com que, para as empresas, seja mais importante do que nunca ter uma presença móvel eficaz. Mas que caraterísticas deverá ter um bom website para telemóveis? A fim de dar resposta a esta questão, a Google e a AnswerLab realizaram um estudo de investigação em que foi analisada a forma como um grupo heterogéneo de utilizadores interagia com diversos websites móveis. O nosso objetivo foi estabelecer as melhores práticas na conceção de websites móveis. 03

4 METODOLOGIA O estudo foi desenvolvido através de sessões presenciais de usabilidade, de 119 horas, com participantes de Chicago e São Francisco. Foi pedido aos participantes que executassem diversas tarefas chave nos seus próprios telefones. Foram incluídos utilizadores tanto do Android como do ios. Para cada website pedimos aos participantes que completassem uma tarefa que gerasse uma conversão, como efetuar uma compra, fazer uma reserva ou procurar informação sobre planos ou preços. Os participantes comentavam em voz alta as suas impressões enquanto executavam as tarefas e, depois, avaliavam a sua experiência em cada site. Os investigadores também fizeram uma avaliação em função da sua experiência com o site, assim como do grau de sucesso na finalização da tarefa, e organizaram um registo dos erros ou problemas dos sites, conforme a gravidade dos mesmos. Os resultados revelaram 25 princípios básicos para a conceção de websites móveis, que agrupámos em cinco parágrafos: Página inicial e navegação no website Função de pesquisa no site Comércio eletrónico e conversões Preenchimento de formulários Usabilidade e fatores de forma Em cada um destes princípios, fornecemos informação obtida no nosso estudo, a ideia principal para a conceção do seu website e uma imagem ilustrativa de um dos melhores sites. O aspeto comum a todos os parágrafos é que os utilizadores de telemóveis costumam concentrar-se na consecução dos seus objetivos esperam obter o que necessitam de um site, de forma fácil, imediata e à medida do pretendido. Garantia do sucesso do seu website através de uma conceção que tenha em conta o contexto e as necessidades dos utilizadores, sem sacrificar a riqueza do conteúdo. 04

5 PÁGINA INICIAL E NAVEGAÇÃO NO WEBSITE 05

6 PÁGINA INICIAL E NAVEGAÇÃO NO WEBSITE A página inicial do computador serve, simultaneamente, de página de boas-vindas, de centro de mensagens e de espaço promocional; no entanto, a de um site móvel deverá concentrar-se em conectar os utilizadores ao conteúdo que procuram. Neste parágrafo, analisamos os princípios básicos para construir uma página inicial móvel que ofereça aos utilizadores aquilo que procuram, e de forma rápida. PRINCÍPIOS BÁSICOS 1 COLOQUE AS CALLS-TO-ACTION EM PRIMEIRO PLANO 2 UTILIZE MENUS BREVES E CONCISOS 3 FAÇA COM QUE SEJA FÁCIL VOLTAR À PÁGINA INICIAL 4 EVITE QUE AS PROMOÇÕES CONCENTREM TODA A ATENÇÃO 06

7 1. COLOQUE AS CALLS-TO-ACTION EM PRIMEIRO PLANO É fácil que um elemento do menu passe despercebido aos utilizadores de telemóvel; por essa razão, deverá colocar as suas principais calls-to-action onde os utilizadores as possam ver. Para os participantes do estudo foi muito simples completar tarefas em sites que mostravam claramente as calls-to-action básicas na área principal e as tarefas secundárias em menus ou na parte inferior. As calls-to-action do seu site móvel certamente são diferentes das que utiliza na versão para computador, de maneira que tente colocar-se no lugar dos utilizadores quando for determinar a sua localização. Coloque as calls-to-action fundamentais no lugar mais destacado do seu website. Exemplo de website para telemóveis da Progressive. 07

8 2. UTILIZE MENUS BREVES E CONCISOS Um menu extenso pode funcionar bem na versão para computador do seu website, mas os utilizadores de telemóvel não vão ter paciência para percorrer uma longa lista de opções a fim de encontrarem a que procuram. Pense como pode mostrar o menor número possível de elementos num menu por exemplo, um dos grandes armazéns mais importantes limpou as categorias de produtos do seu site móvel, apresentando aos participantes do estudo uma listagem mais curta e mais bem definida do que na versão para computador. Um menu mais curto com categorias bem diferenciadas facilita a navegação aos utilizadores de telemóvel. Exemplo de website para telemóveis da Macy s. 08

9 3. FAÇA COM QUE SEJA FÁCIL VOLTAR À PÁGINA INICIAL Quando os utilizadores de telemóvel navegam no seu site, pretendem que seja simples voltar à página inicial. De um modo geral, no estudo, os participantes pensavam que, para poderem voltar à página inicial, bastaria premir o logótipo na parte superior da página, sentindo-se frustrados quando tentavam fazer isso e verificavam que não resultava. Utilize o seu logótipo como botão de navegação para voltar à página inicial. Exemplo do website móvel 1800 Flowers.

10 4. EVITE QUE AS PROMOÇÕES CONCENTREM TODA A ATENÇÃO As promoções e os anúncios podem eclipsar o conteúdo que se encontra ao lado e dificultar a realização de tarefas aos utilizadores. Os participantes que visitaram o site móvel de uma determinada empresa foram distraídos por um banner promocional e não se aperceberam dos botões de navegação na parte inferior, o que dificultou a obtenção de mais informação sobre os serviços oferecidos pela empresa. Certifique-se de que as promoções não interferem com a navegação e que se diferenciam claramente das calls-to-action. No caso da publicidade de aplicações, os participantes preferiam banners fáceis de descartar, em vez de anúncios intersticiais grandes. Ecrã ilustrativo, apenas a título de exemplo. 10

11 FUNÇÃO DE PESQUISA NO WEBSITE 11

12 FUNÇÃO DE PESQUISA NO WEBSITE A pesquisa dentro do site é crucial para ajudar os utilizadores de telemóvel a encontrarem rapidamente o que procuram. Este parágrafo oferece uma série de conselhos para maximizar o valor da função de pesquisa do seu site. PRINCÍPIOS BÁSICOS 5 POSICIONE A FUNÇÃO DE PESQUISA DE FORMA VISÍVEL 6 CERTIFIQUE-SE DE QUE OS RESULTADOS DA PESQUISA SÃO RELEVANTES 7 IMPLEMENTE FILTROS PARA MELHORAR A USABILIDADE DA FUNÇÃO DE PESQUISA 8 GUIA DOS UTILIZADORES PARA QUE OBTENHAM MELHORES RESULTADOS DE PESQUISA 12

13 5. POSICIONE A FUNÇÃO DE PESQUISA DE FORMA VISÍVEL Os utilizadores que procuram uma informação concreta costumam utilizar a função de pesquisa, razão pela qual essa função deverá ser uma das primeiras coisas que os utilizadores de telemóvel visualizam no seu site. No estudo, os participantes responderam melhor a quadros de pesquisa facilmente identificáveis e com texto livre situados na parte superior da página. Posicione a função de pesquisa do seu site perto na parte superior da página inicial com um campo de texto livre. Exemplo do website para telemóveis da The Home Depot. 13

14 6. CERTIFIQUE-SE DE QUE OS RESULTADOS DA PESQUISA SÃO RELEVANTES Os participantes não se deram ao incómodo de passar várias páginas com resultados da pesquisa. Pelo contrário, deram valor à função de pesquisa de um site conforme os resultados fornecidos em primeiro lugar, pelo que você deverá certificar-se de que os resultados da pesquisa incluídos na primeira página são os mais relevantes. Torne mais fácil a vida dos utilizadores de pequenos ecrãs com funcionalidades de pesquisa inteligente, tais como a de autocompletar e corrigir automaticamente erros ortográficos. Verifique se a função de pesquisa do seu site oferece, em primeiro lugar, os resultados mais relevantes e se implementa funcionalidades de pesquisa inteligente, tais como a de autocompletar e corrigir automaticamente erros ortográficos. Exemplo do website para telemóveis da The Home Depot. 14

15 7. IMPLEMENTE FILTROS PARA MELHORAR A USABILIDADE DA FUNÇÃO DE PESQUISA Os participantes utilizaram os filtros para reduzir os resultados da pesquisa, chegando mesmo a abandonar os sites que não os podiam reduzir. Contudo, você também se deverá assegurar de que os utilizadores não poderão empregar os filtros ao ponto de gerarem pesquisas nulas como foi o caso do site de um concessionário que permitia que os participantes especificassem configurações que, na realidade, não existiam. Ajude os utilizadores a evitarem problemas, indicando-lhes os resultados que serão gerados se aplicarem um determinado filtro. Ofereça filtros para ajudar os utilizadores a conseguirem o que necessitam no seu website, mas certifique-se de que não poderão filtrar uma pesquisa até ao ponto de não gerarem qualquer resultado. Exemplo do website para telemóveis da Macy s. 15

16 8. GUIE OS SEUS UTILIZADORES PARA OBTEREM MELHORES RESULTADOS DE PESQUISA No caso dos websites dirigidos a diferentes segmentos de clientes, poderá ser útil colocar aos utilizadores algumas questões antes de fazerem uma pesquisa, com o objetivo de garantir que os resultados obtidos correspondem aos segmentos de conteúdos mais relevantes para eles. Por exemplo, uma importante empresa de venda de calçado, no início das pesquisas em telemóveis, pedia aos participantes que selecionassem o número de calçado que procuravam e se era para homem ou mulher. Se a sua oferta puder ser facilmente limitada por segmento, o facto de se colocarem algumas perguntas no início ajudará a assegurar que os utilizadores irão obter resultados relevantes para eles. Ecrã ilustrativo, apenas a título de exemplo. 16

17 COMÉRCIO ELETRÓNICO E CONVERSÕES 17

18 COMÉRCIO ELETRÓNICO E CONVERSÕES A experiência do cliente é cada vez mais complexa e cada utilizador espera fazer a sua conversão à sua maneira. Neste parágrafo, veremos como gerar conversões dando o controlo aos utilizadores. PRINCÍPIOS BÁSICOS 9 PERMITA QUE OS UTILIZADORES EXPLOREM ANTES DE SE REGISTAREM 10 PERMITA QUE OS UTILIZADORES FAÇAM COMPRAS COMO CONVIDADOS 11 UTILIZE A INFORMAÇÃO EXISTENTE PARA MAIOR COMODIDADE 12 UTILIZE UM BOTÃO DE CHAMADA PARA AS TAREFAS COMPLEXAS 13 FACILITE QUE A CONVERSÃO POSSA SER CONCLUÍDA NOUTRO DISPOSITIVO 18

19 9. PERMITA QUE OS UTILIZADORES EXPLOREM ANTES DE SE REGISTAREM A inclusão de uma página de registo demasiado cedo, na fase de experiência do site, pode ser contraproducente para gerar conversões. No estudo, os participantes mostraram-se descontentes com os sites que lhes exigiam o registo para poderem continuar sobretudo se era o site de uma marca que não conheciam. Antes de facultarem a sua informação pessoal, os participantes queriam dar uma vista de olhos ao conteúdo e fazer uma ideia do que oferecia o site. Permita que os utilizadores usem o seu site sem terem que se registar e obter uma conta. Ecrã ilustrativo, apenas a título de Exemplo. 19

20 10. PERMITA QUE OS UTILIZADORES FAÇAM COMPRAS COMO CONVIDADOS Os participantes nem sempre queriam criar uma conta com o vendedor, ainda que estivessem a fazer uma compra. Os participantes referiram que a opção de finalizarem a compra como convidado era cómoda, simples e fácil [e] rápida. Mostraram-se descontentes com um site que lhes exigia o registo para fazerem uma compra, sobretudo porque o site não explicava qual a vantagem de se registarem. Ofereça a opção de se fazer uma compra como convidado e fomente os registos que expliquem as vantagens concretas dessa opção. Exemplo do website para telemóveis da Macy s. 20

21 11. UTILIZE A INFORMAÇÃO EXISTENTE PARA MAIOR COMODIDADE Relativamente aos seus utilizadores registados, recorde e preencha automaticamente as suas preferências. No caso de novos utilizadores, ofereça um serviço de pagamento de um terceiro que já esteja a ser utilizado. Várias lojas online utilizadas no estudo ofereciam a opção de serviços de pagamento de terceiros, o que facilitava o processo de compra para os utilizadores desses serviços e permitia que o site preenchesse automaticamente a informação a enviar. Aproveite a informação que já tem e/ou utilize serviços de pagamento de terceiros de maneira a permitir que as conversões sejam o mais simples possível. Exemplo do website para telemóveis da Delta. 21

22 12. UTILIZE UM BOTÃO DE CHAMADA PARA AS TAREFAS COMPLEXAS Estabeleça um botão de chamada nas partes do processo de conversão que careçam da introdução de informação complexa ou delicada. Estabelecer um botão de chamada bem visível pode evitar que os utilizadores saiam do processo de venda quando têm que dar informação complexa. Os participantes agradeceram a opção de poderem chamar uma empresa de serviços financeiros para completar uma ação por telefone em vez de terem que preencher formulários complicados no seu dispositivo móvel. Exemplo do website para telemóveis da Progressive. 22

23 13. FACILITE QUE A CONVERSÃO POSSA SER CONCLUÍDA NOUTRO DISPOSITIVO Alguns participantes mostraram-se reticentes a realizar a conversão no seu dispositivo móvel. Ofereça uma forma simples de guardar ou partilhar informação nos diversos dispositivos, para manter os utilizadores no seu processo de venda. Por exemplo, um site de pesquisa de emprego permitia aos participantes enviarem as ofertas de emprego para o seu correio eletrónico, a fim de mandar o formulário mais tarde. Os utilizadores de telemóvel podem estar à procura de informação para efetuarem a conversão mais tarde: ofereça-lhes uma forma simples de retomarem a sua visita a partir de outro dispositivo, através da opção de partilha das redes sociais, do correio eletrónico ou da função de guardar o carrinho de compras. Exemplo do website para telemóveis da Macy s. 23

24 PREENCHIMENTO DE FORMULÁRIOS 24

25 PREENCHIMENTO DE FORMULÁRIOS A experiência de conversão do seu utilizador deve ser a mais perfeita possível, independentemente de se tratar da realização de uma compra, dum pedido de orçamento ou da inclusão numa lista de correio. Este parágrafo explica como reduzir a fricção na fase final, através de um processo otimizado de preenchimento de formulários. PRINCÍPIOS BÁSICOS 14 OTIMIZE A INTRODUÇÃO DA INFORMAÇÃO 15 ESCOLHA O MÉTODO MAIS SIMPLES DE INTRODUZIR INFORMAÇÃO EM CADA TAREFA 16 FACULTE UM CALENDÁRIO QUANDO FOR NECESSÁRIO SELECIONAR DATAS 17 REDUZA OS ERROS DOS FORMULÁRIOS, ATRAVÉS DE ETIQUETAS E DA VALIDAÇÃO EM TEMPO REAL 18 CONCEBA FORMULÁRIOS EFICAZES 25

26 14. OTIMIZE A INTRODUÇÃO DA INFORMAÇÃO Os participantes mostraram a sua satisfação com os sites que ofereciam automaticamente teclados numéricos para introdução de valores, tais como códigos postais ou datas de nascimento. Também gostaram dos formulários que passavam automaticamente de um campo para outro, à medida que iam introduzindo a informação. Pelo contrário, acharam frustrante ter que selecionar repetidamente pequenos campos com o dedo e mudar o teclado do seu telefone para a opção numérica. Ofereça aos utilizadores um teclado numérico nos campos que exijam a introdução de números e faça com que passem automaticamente para o campo seguinte à medida que forem introduzindo a informação. Exemplo do website para telemóveis da Delta. 26

27 15. ESCOLHA O MÉTODO MAIS SIMPLES DE INTRODUZIR INFORMAÇÃO EM CADA TAREFA Quando os participantes tinham que escolher entre opções limitadas, era mais fácil para eles selecionar um ícone grande de ativação/desativação do que introduzir texto ou selecionar num menu desdobrável. Quando era preciso selecionar uma opção entre várias, um menu desdobrável convencional era a forma mais simples de o fazer. Escolha um método de introdução da informação que seja simples para uma determinada tarefa e certifique-se sempre de que os elementos selecionáveis são grandes e facilmente identificáveis. Considere se um botão de ativação/desativação ou um menu desdobrável é a melhor opção em cada entrada de dados dos seus formulários para telemóveis; e certifique--se sempre de que podem ser facilmente selecionados pelos utilizadores. Exemplo do website para telemóveis da Macy s. 27

28 16. FACULTE UM CALENDÁRIO QUANDO FOR NECESSÁRIO SELECIONAR DATAS Os participantes nem sempre recordavam as datas exatas de «o próximo fim de semana» ao reservarem um voo. Faculte um calendário quando for necessário selecionar datas, de maneira que os utilizadores não tenham que sair do seu site para consultarem qualquer aplicação de calendário. Evite possíveis confusões facultando etiquetas claras para a seleção de datas de início e de fim. Mantenha os utilizadores no seu site oferecendo-lhes a seleção de datas através de um calendário com instruções claras. Exemplo do website para telemóveis da Delta. 28

29 17. REDUZA OS ERROS DOS FORMULÁRIOS ATRAVÉS DE ETIQUETAS E DA VALIDAÇÃO EM TEMPO REAL Ponha etiquetas claras nos seus formulários e certifiquese de que as etiquetas continuam visíveis quando os utilizadores estiverem a introduzir a informação um participante introduziu, por engano, a sua morada no campo de endereço de correio eletrónico porque apenas visualizava a palavra «endereço». Da mesma maneira, a colocação das etiquetas dentro dos campos também originou problemas nos casos em que desapareciam quando a informação começava a ser introduzida, porque deixava os participantes sem qualquer referência. Uma vez introduzida a informação, valide-a para detetar erros em tempo real, antes de enviar o formulário e evitar assim que os utilizadores tenham que o enviar novamente. Utilize etiquetas claramente visíveis para que os utilizadores entendam o que lhes é pedido; e valide a informação para detetar erros em tempo real, permitindo assim que saibam se existe alguma dificuldade antes de enviarem o formulário. Exemplo do website para telemóveis 1800 Flowers. 29

30 18. CONCEBA FORMULÁRIOS EFICAZES Certifique-se de que os seus formulários não têm ações repetidas ou não contêm mais campos do que os necessários, e aproveite as vantagens da função de autocompletar. Nos formulários compostos por vários parágrafos, inclua uma barra de progresso na parte superior, que permita aos utilizadores saber o que vem a seguir. Os participantes mostraram-se insatisfeitos com um formulário dividido em várias partes e que tinha um passo inicial muito complexo, sentindo-se, pelo contrário, muito à vontade com um outro formulário mais simples que tinha etiquetas claras em cada um dos parágrafos. Os participantes também apreciaram muito os formulários compostos por vários parágrafos, que preenchiam automaticamente a informação que eles já tinham introduzido, como, por exemplo, o seu nome ou o código postal. Reduza o número de campos dos seus formulários e preencha automaticamente a informação, sempre que possível. Utilize barras de progresso etiquetadas com clareza, para ajudar os utilizadores a preencherem um formulário composto por vários parágrafos. Exemplo do website para telemóveis da Progressive. 30

31 USABILIDADE E FATORES DE FORMA 31

32 USABILIDADE E FATORES DE FORMA Os utilizadores de telemóvel captarão e desfrutarão das pequenas coisas que você fizer para melhorar a experiência deles. Este parágrafo explica como conceber todo o seu website para o adaptar aos fatores de forma dos telemóveis e às necessidades específicas dos utilizadores. PRINCÍPIOS BÁSICOS 19 OTIMIZE TODO O SEU SITE MÓVEL 20 EVITE QUE OS UTILIZADORES TENHAM QUE RECORRER AO ZOOM 21 OFEREÇA IMAGENS DE PRODUTO AMPLIÁVEIS 22 INDIQUE AOS UTILIZADORES A ORIENTAÇÃO MAIS ADEQUADA DO ECRÃ 23 MANTENHA O SEU UTILIZADOR NUM ÚNICO ECRÃ DE NAVEGAÇÃO 24 EVITE A EXPRESSÃO WEBSITE COMPLETO 25 EXPLIQUE COM CLAREZA PORQUE NECESSITA DA LOCALIZAÇÃO DO UTILIZADOR 32

33 19. OTIMIZE TODO O SEU SITE MÓVEL Como era de esperar, os participantes acharam muito mais fácil navegar em sites otimizados para telemóveis do que tentar navegar em sites para computador com os seus dispositivos móveis. Os participantes acharam que era mais difícil navegar nos sites que misturavam páginas otimizadas para telemóveis e páginas com versões para computador do que naqueles que eram inteiramente pensados para computador. O seu site é mais fácil de utilizar se todas as suas páginas foram concebidas para dispositivos móveis. Exemplo do website para telemóveis da J Crew. 33

34 20. EVITE QUE OS UTILIZADORES TENHAM QUE RECORRER AO ZOOM Os participantes acharam frustrante ter que recorrer ao zoom para aumentar ou diminuir o tamanho do conteúdo, o que por vezes lhes impediu de se aperceberem de mensagens que havia ou de callsto-action importantes. Conceba o seu website para telemóveis de maneira que os utilizadores nunca tenham necessidade de alterar o tamanho. Alguns sites para telemóveis chegam mesmo a desativar, nos seus ecrãs, a função de zoom com os dedos mas se o seu site foi concebido corretamente, os utilizadores nem sequer se darão conta de que já não dispõem dessa função. Os utilizadores podem perder calls-toaction se tiverem que fazer zoom num site. Conceba o seu site de forma que nunca tenham necessidade de o fazer. Exemplo do website para telemóveis 1800 Flowers. 34

35 21. OFEREÇA IMAGENS DE PRODUTO AMPLIÁVEIS Os clientes querem ver o que estão a comprar. Nas lojas online, os participantes esperavam poder ver um primeiro plano dos produtos em alta resolução para poderem observar bem os detalhes, achando frustrante o facto de não o poderem fazer. Inclua primeiros planos de alta qualidade com as imagens chave, como, por exemplo, fotografias de produtos. Exemplo do website para telemóveis da J Crew. 35

36 22. INDIQUE AOS UTILIZADORES A ORIENTAÇÃO MAIS ADEQUADA DO ECRÃ Os participantes do estudo mantinham normalmente a mesma orientação do ecrã até que algo os obrigasse a mudar a posição do mesmo, como, por exemplo, para tentar ler a letra pequena ou ver um vídeo. Conceba o seu site para uma orientação quer horizontal, quer vertical, ou aconselhe os utilizadores a mudarem para a posição mais adequada mas certifique-se de que as suas calls-to-action possam completar-se mesmo que a sua sugestão seja ignorada. Indique aos seus utilizadores se o seu site funciona melhor numa determinada orientação, mas certifique-se de que as calls-to-action importantes possam completar-se sob qualquer orientação. Ecrã ilustrativo, apenas a título de exemplo. 36

37 23. MANTENHA O SEU UTILIZADOR NUM ÚNICO ECRÃ DE NAVEGAÇÃO Passar de uma janela para outra num smartphone pode ser problemático e aumenta o risco de os utilizadores não encontrarem a maneira de voltar ao seu site. Mantenha os utilizadores num único lugar evitando calls-to-action que abram uma nova janela. Em certas ocasiões, os participantes também abriram novas janelas à procura de cupões considere a possibilidade de os oferecer no seu site para evitar que os utilizadores os procurem noutro lugar. Certifique-se de que as suas calls-to-action se mantêm na mesma janela de navegação e adicione funcionalidades ao seu site, as quais respondam aos motivos que possam levar os consumidores a mudar de janela. Exemplo do website para telemóveis da Macy s. 37

38 24. EVITE A EXPRESSÃO WEBSITE COMPLETO Quando os participantes viam uma opção de «website completo» e outra de «website para telemóveis», assumiam que esta última era uma versão resumida e escolhiam o website completo. Um participante disse preferir a versão para computador do site porque continha «muito mais informação» se bem que, na verdade, ambas as versões, a de telemóveis e a de computador, tivessem o mesmo conteúdo. A utilização de termos como «versão para computador», em vez de «versão completa» poderá ajudar a evitar esse tipo de perceções erradas. Facilite a passagem de uma experiência de site para outra, mas utilize etiquetas tais como «versão para computador», em vez de «versão completa», para que fique claro que ambos os sites oferecem uma experiência completa. Exemplo do website para telemóveis da The Home Depot.

39 25. EXPLIQUE COM CLAREZA PORQUE NECESSITA DA LOCALIZAÇÃO DO UTILIZADOR Os utilizadores devem sempre saber porque é que lhes pede a sua localização. Os participantes sentiram-se confusos quando, ao tentarem reservar um hotel em determinada cidade, um site de viagens detetou a sua localização e ofereceu-lhes hotéis na cidade onde se encontravam em vez de hotéis na cidade pretendida. Deixe os campos de localização vazios por defeito e permita que sejam os utilizadores a decidir preenchê-los automaticamente, através de uma call-to-action do tipo «Procurar em redor da minha localização». Deixe sempre clara a razão por que necessita da localização do utilizador e como essa informação irá influenciar a sua experiência. Ecrã ilustrativo, apenas a título de Exemplo. 39

40 ASPETOS TÉCNICOS FUNDAMENTAIS 40

41 ASPETOS TÉCNICOS FUNDAMENTAIS Um bom design representa apenas uma parte do sucesso de um website para telemóveis, mas também é importante ser bem sucedido na parte técnica. De seguida, oferecemos alguns conselhos para evitar os obstáculos mais frequentes. CERTIFIQUE-SE DE QUE OS SEUS ANÚNCIOS PARA TELEMÓVEIS ESTÃO CONFIGURADOS PARA ENCAMINHAREM OS UTILIZADORES PARA A VERSÃO PARA TELEMÓVEIS DO SITE Uma configuração incorreta pode fazer com que os seus anúncios para dispositivos móveis conduzam à versão para computador do site. REDUZA AS DESCARGAS PARA GARANTIR UMA EXPERIÊNCIA ÁGIL Consolide e pré-carregue o seu conteúdo web para telemóveis, de maneira que as descargas sejam menos numerosas mas maiores. CERTIFIQUE-SE DE QUE O CONTEÚDO DAS SUAS PÁGINAS FOI CARREGADO SEGUINDO UMA ORDEM LÓGICA Observe a sua página do ponto de vista de um utilizador para identificar eventuais problemas, de forma proativa. IMPLEMENTE ANALYTICS E O ACOMPANHAMENTO DE CONVERSÕES NO WEBSITE MÓVEL Certifique-se de que é feito um acompanhamento das conversões, quer na versão para telemóveis, quer na versão para computador. REALIZE PROVAS EM VÁRIOS DISPOSITIVOS Experimente o seu site em vários navegadores e dispositivos para garantir o máximo rendimento. 41

42

43

44 Copyright 2014 Google. Todos os direitos reservados. O Google e o logótipo do Google são marcas registadas da Google Inc.