Recentemente, o Google divulgou uma série de boas práticas e princípios de design para desenvolvedores de aplicativos para o Android que são válidos para qualquer site, inclusive para sua loja virtual, uma vez que esses princípios são resultado de muita pesquisa e investimento em usabilidade e design de interação.

Se partirmos da premissa de que uma loja gera mais vendas se proporcionar uma boa experiência de compra, tiver uma curva de aprendizado pequena e, principalmente, se permitir que o cliente encontre o produto e finalize o processo de compra o mais rápido possível, posso afirmar que, seguindo à risca as dicas do Google, sua loja venderá muito mais.

É claro que outros fatores também contribuem para o sucesso das vendas, como preço, produto, plataforma e a divulgação da loja, mas como isso varia muito de loja para loja, vamos nos focar apenas na usabilidade. As dicas a seguir foram divididas em dois conceitos fundamentais: forma e função.

Forma
A beleza não está apenas no design da sua loja. Para que ela seja encantadora, é preciso pensar em efeitos de transição, no tamanho correto das fontes e em uma boa diagramação. Pense na combinação perfeita entre beleza, simplicidade e propósito para oferecer uma primorosa experiência de compra ao seu cliente.

Função
As lojas virtuais fazem sucesso por simplificarem a vida das pessoas, por isso elas devem ser fáceis de entender. Facilite a procura de produtos e os passos de compra, e não complique o processo com cadastros extensos e desnecessários.

1. Pense nas fontes

Escolha fontes de fácil leitura e use o tamanho apropriado para cada tipo de público que você deseja alcançar. Lembre-se de que quanto mais contrastante for a relação entre as cores da fonte e do fundo, mais cansativa será a leitura de textos longos. Utilize contrastes fortes apenas para chamar a atenção para links e botões.

2. Destaque os botões

Coloque efeitos para quando o mouse estiver sobre os botões, para que a ação seja perceptível. Não deixe de pensar em como serão as versões de botões inativos e tenha em mente que os botões call-to-action devem ter algum destaque sobre outros elementos em relação a cor e tamanho. Lembre-se de que daltônicos confundem verde e vermelho, por isso escolha bem as cores e os tons utilizados nos seus botões.

3. Saiba quem é o seu público

Conheça o seu público e saiba quais são as suas preferências. Ferramentas como o Google Analytics ajudam a entender qual o maior interesse do seu cliente, como ele navega e em qual etapa do processo ele sente mais dificuldade. Reúna essas informações e altere o que for necessário para tornar sua loja um ambiente agradável e familiar.

---

4. O cliente é quem manda

Permita que o usuário tenha controle sobre a visualização na sua loja, pois isso faz com que ele se sinta no comando. Ofereça várias opções de filtros para refinar a busca apenas com os itens desejados e, se possível, ofereça recursos de customização, como cadastro de imagem de perfil. Isso ajuda a criar mais proximidade entre o consumidor e a loja.

5. Frases curtas

Use frases curtas! As pessoas não vão ler os textos se eles forem compridos. Em vez de usar “Parabéns, o seu cadastro foi realizado com sucesso! Você receberá uma confirmação em seu e-mail.”, prefira usar “Cadastro realizado com sucesso.” Transmita apenas a informação essencial de forma muito mais rápida e fácil de entender. Essa dica também é bastante válida para os botões: em vez de “continuar pagamento” use apenas “pagar”.

6. Imagens são mais rápidas

Sempre que possível, associe os pontos importantes da sua página com ícones, pois o cérebro irá identificar a área muito mais rapidamente do que se tivesse que “escanear” apenas os textos na tela. Exemplo: telefone, redes sociais, e-mail, carrinho, etc. Mas atenção para não substituir os textos por ícones, pois vários estudos de usabilidade comprovam que a associação de texto e ícone é muito mais eficaz do que apenas o uso de ícones.

7. Ajude o cliente a tomar decisões

Ofereça a forma de pagamento mais atraente para o seu cliente e não para você. Sugira produtos relevantes na página de detalhes do produto e no carrinho de compras, utilize a própria inteligência da sua plataforma para que esse trabalho de sugestão de produtos seja feito automaticamente e com coerência. Exemplo: quem está comprando um tablet provavelmente pode querer também uma capa para protegê-lo.

---

8. Só exiba o que for necessário

Não deixe as telas cheias de informações se elas não forem necessárias. Se você já está nas páginas de check-out, não há necessidade de exibir links para o carrinho, lista de desejos, cadastro ou frase de boas-vindas. Em vez disso, dê lugar para o atendimento on-line, perguntas frequentes, prazo de entrega e sugestões de parcelamento com desconto.

9. Sua loja não é um labirinto virtual

Deixe claro como a navegação foi feita para que seja fácil voltar a páginas já visitadas sempre que necessário. Em uma loja física seria o mesmo que identificar as seções com placas para que o cliente encontre o que procura e volte para pegar um produto que já tenha visto.

10. Nunca perca as informações

Em qualquer formulário de cadastro, certifique-se de que as informações digitadas não serão perdidas caso haja algum erro na página. Não há nada mais chato do que ficar digitando as mesmas informações várias vezes. Caso a sua loja trabalhe com cartão de presente, também é importante que a mensagem do cartão não se perca em caso de erro.

11. Se a aparência é igual, faz a mesma coisa

Use a mesma linguagem para as mesmas ações. Exemplo: use o mesmo botão fechar para todas as janelas, o mesmo ícone para o carrinho, etc. Nunca use o mesmo ícone para ações diferentes, como uma lupa para realizar uma busca e a mesma lupa para dar zoom em uma imagem. Isso acaba confundindo o cliente. Aplicando essas dicas práticas, sua loja virtual estará muito mais preparada para o sucesso de vendas.

*Diego Jušinskas, gerente Comercial da VTEX, é um autor convidado do Webholic.