Autor: Diego Jusinskas
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 aqui vamos nos focar apenas na usabilidade. As dicas a seguir foram divididas em dois conceitos fundamentais:
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.
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. 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 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.
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, por exemplo, cadastro de imagem de perfil. Isso ajuda a criar mais proximidade entre o consumidor e a loja.
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- Frases curtas
Use frases curtas! As pessoas não vão ler os textos se eles forem compridos. Prefira usar “Cadastro realizado com sucesso.”
2- 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.
3- 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.
4- 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.
5- 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.
6- 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. 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.
7- 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.
Diego Jusinskas é gerente comercial da Vtex.
