PRINCÍPIOS BÁSICOS DA
CONCEÇÃO DE WEBSITES
MÓVEIS:
CAPTE OS UTILIZADORES E
GERE CONVERSÕES
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
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.
03 O nosso objetivo foi estabelecer as
melhores práticas na conceção de websites móveis.
METODOLOGIA
04
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.
Principal conselho
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.
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.
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
PÁGINA INICIAL E NAVEGAÇÃO NO WEBSITE
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.
Exemplo de website para telemóveis da Progressive.
Principal conselho
Coloque as calls-to-action fundamentais no
lugar mais destacado do seu website.
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.
Exemplo de website para telemóveis da Macy’s.
Principal conselho
Um menu mais curto com categorias
bem diferenciadas facilita a navegação
aos utilizadores de telemóvel.
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.
Exemplo do website móvel 1800 Flowers.
Principal conselho
Utilize o seu logótipo como botão de
navegação para voltar à página inicial.
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.
Principal conselho
Certifique-se de que as promoções não
interferem com a navegação e que se
diferenciam claramente das calls-to-action.
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
11
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.
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
FUNÇÃO DE PESQUISA NO WEBSITE
Exemplo do website para telemóveis da The Home Depot.
Principal conselho
Posicione a função de pesquisa do seu
site perto na parte superior da página
inicial com um campo de texto livre.
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.
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.
Principal conselho
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.
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.
Principal conselho
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.
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.
Ecrã ilustrativo, apenas a título de exemplo.
Principal conselho
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.
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.
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
COMÉRCIO ELETRÓNICO E CONVERSÕES
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.
Principal conselho
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.
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.
Exemplo do website para telemóveis da Macy’s.
Principal conselho
Ofereça a opção de se fazer uma compra como
convidado e fomente os registos que expliquem
as vantagens concretas dessa opção.
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.
Principal conselho
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.
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.
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.
Principal conselho
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.
Exemplo do website para telemóveis da Progressive.
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.
Exemplo do website para telemóveis da Macy’s.
23
Principal conselho
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.
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.
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
PREENCHIMENTO DE FORMULÁRIOS
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.
Exemplo do website para telemóveis da Delta.
Principal conselho
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.
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.
Principal conselho
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.
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.
Principal conselho
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.
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 certifique-se 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.
Principal conselho
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.
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.
Principal conselho
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.
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.
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
USABILIDADE E FATORES DE FORMA
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.
Principal conselho
O seu site é mais fácil de utilizar se todas
as suas páginas foram concebidas para
dispositivos móveis.
33
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 calls-to-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.
Principal conselho
Os utilizadores podem perder
calls-to-action 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.
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.
Principal conselho
Inclua primeiros planos de alta qualidade
com as imagens chave, como, por exemplo,
fotografias de produtos.
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.
Ecrã ilustrativo, apenas a título de exemplo.
Principal conselho
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.
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.
Exemplo do website para telemóveis da Macy’s.
Principal conselho
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.
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.
Exemplo do website para telemóveis da The Home Depot.
Principal conselho
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.
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».
Principal conselho
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.
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.
REALIZE PROVAS EM VÁRIOS
DISPOSITIVOS
Experimente o seu site em vários
navegadores e dispositivos para garantir o máximo rendimento.
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.
41