UX da página de checkout – Como fornecer uma boa experiência ao usuário em sua página de checkout • Yoast

A última etapa de um processo de compra online é sempre a página de checkout; caixa registradora do seu site. Consiste em uma série de etapas que levam à conclusão de uma compra. Não é incomum que as pessoas abandonem seus carrinhos de compras durante o processo de checkout devido a uma experiência ruim do usuário. E é uma pena quando isso acontece. Neste post, discutiremos as coisas que você pode melhorar, desde o UX do seu carrinho de compras para a sua página de agradecimento. Vamos dizer-lhe como tornar os seus visitantes o mais confortável possível enquanto concluem as suas compras.

Se você quiser saber mais sobre experiência do usuário (UX) e outras habilidades essenciais de SEO, confira nosso Treinamento de SEO completo! Ele não fala apenas sobre SEO: garante que você saiba como colocar essas habilidades em prática!

Antes de começarmos, perceba que a conversão e o UX da página de checkout andam de mãos dadas. Melhorar o UX do seu processo de checkout também influenciará a conversão. Por exemplo, um processo de checkout muito complicado é responsável por 17% de abandono de carrinho. Portanto, você deve procurar deixar seus clientes em potencial o mais confortáveis ​​possível enquanto concluem suas compras. Não perca uma compra por causa da UX da página de checkout ruim. Com isso dito, vamos explorar os vários elementos em sua página de checkout que afetam a experiência do usuário.

Design, layout e tipografia

Vamos falar rapidamente sobre a aparência da sua página de checkout antes de entrar no conteúdo real da página. Recomendamos um design limpo para a página de checkout, independentemente dos produtos ou serviços que você está vendendo. A página de checkout tem tudo a ver com a conclusão de compras e, portanto, tudo nesta página, incluindo o design da página, deve facilitar isso. Não há mais necessidade de impressionar seus clientes com imagens fascinantes e elementos interativos da web neste estágio. Em vez disso, tente tornar rápido e fácil para eles passarem pelo processo de checkout.

Isso pode se traduzir em empregar um design de página simples com muito espaço em branco para destacar os campos e informações importantes. E a escolha da fonte deve ser fácil de ler em computadores e dispositivos móveis. Tome a página de checkout da Nike como exemplo, o design da página é limpo e simples, o que facilita a obtenção de uma visão geral do processo de checkout.

nike checkout page 1
A página de checkout da Nike é limpa e simples

Barra de progresso

Uma das coisas mais importantes a perceber é que o UX da página de checkout é, na verdade, otimizar cada etapa (página) no checkout processo. Antes de entrar em detalhes, gostaríamos de mencionar o melhor amigo de seus visitantes no processo de checkout: a barra de progresso. Isso torna visível para os visitantes o quão longe eles estão no processo. Isso realmente resulta em gamificaçãoo que torna ainda mais provável que eles concluam todo o processo.

progress

No Yoast, adicionamos um pequeno toque motivacional para melhorar o UX da nossa página de checkout: um comprador em potencial começa na etapa 2 do processo. O primeiro passo é clicar no botão comprar, que a pessoa já fez, certo? Isso também merece validação! Começar na etapa 2 é como dar a eles uma vantagem inicial e motivá-los a concluir a compra.

Se você não tiver uma barra de progresso em sua página de checkout, é uma boa ideia projetar sua página de forma que fique claro para os clientes onde eles estão no processo de checkout. Por exemplo, a Nike segue essa abordagem em sua página de checkout (como visto no exemplo acima).

Um aspecto muito importante da UX da sua página de checkout é a visão geral do carrinho de compras. Independentemente do produto que você está vendendo, toda visão geral do carrinho de compras deve ter pelo menos estes elementos:

  • Imagens do produto. Isso ajuda o visitante a lembrar quais produtos foram adicionados ao carrinho. Fazer compras leva tempo e este é apenas um lembrete amigável.
  • Preços. Indique claramente o preço de um artigo individual, o valor por artigo, quaisquer descontos, se aplicável, e o preço total que os clientes devem pagar.
  • Custos de envio (e outros adicionais). Indique claramente as opções de envio e os custos para evitar surpresas. Você não deve ter nenhum custo adicional após esse ponto no processo de checkout, pois isso arruinará qualquer UX da página de checkout! Na verdade, 16% de abandono de carrinho se deve ao fato de as pessoas não conseguirem ver o custo total do pedido antecipadamente.
  • Sinais de segurança. Afirme claramente que tudo é feito em um ambiente seguro e protegido, por exemplo, por um certificado SSL claro e coisas como selos da Symantec. Depoimentos também ajudam para a segurança social.

Todas essas coisas combinadas criam um UX de página de checkout ideal: um sentimento de confiança e conveniência que convidará o visitante a concluir a compra.

Um elemento opcional a ter nesta visão geral é uma lista de métodos de pagamento disponíveis. Você pode apenas exibir seus logotipos de marca aqui para informar os clientes. Na verdade, achamos que as opções de pagamento devem ser claras antes mesmo de ir para a visão geral do carrinho. Isso significa ter essas informações nas páginas dos produtos ou no rodapé do seu site. Isso evitará decepções como a necessidade de usar um dispositivo de autenticação quando não houver nenhum por perto.

Códigos de cupom

Hoje em dia, muito mais pessoas estão comprando e dando presentes on-line com códigos de cupom/desconto, então você não deve esquecer a opção de código de cupom na sua página de checkout. A seção de código de cupom deve ser clara e fácil de encontrar. Não há uma regra realmente dura onde você deve colocar essa opção. Mas a maioria das empresas torna isso conveniente, colocando-o na visão geral do pagamento. Algumas empresas também exibem essa opção na visão geral de pagamentos e na visão geral do carrinho de compras.

Além disso, quando um cliente usa um código de cupom, deve ficar claro para a pessoa que o código é realmente aplicado. Isso também deve ser refletido na visão geral do carrinho de compras, indicando o desconto que os clientes recebem.

coupon
A Amazon opta por colocar a seção de código de cupom na etapa de visão geral do pagamento

Compra de convidado

Muitas lojas online pedem aos clientes que criem uma conta antes de poderem avançar com a conclusão do processo de checkout. Entendemos que uma conta de usuário é mais conveniente para o cliente e facilitará as visitas de retorno e as compras futuras. Ele permitirá listas de desejos, histórico de faturas e salvará muitas perguntas de suporte sobre isso. E é benéfico para você como proprietário da loja virtual porque você pode construir um banco de dados sobre seus usuários. No entanto, criar essa conta é uma barreira para muitos clientes em potencial e pode levar ao abandono do carrinho de compras.

É uma etapa extra e não está melhorando o UX da sua página de checkout como tal. Em vez disso, você pode pedir aos clientes que preencham seus detalhes de envio primeiro e, em seguida, fornecer a opção de criar uma conta depois disso. Uma segunda opção seria pedir ao cliente para criar uma conta para futuras compras após a venda real.

Endereço de envio e fatura

A necessidade de criar uma conta

Você sabe que uma vez que o cliente confia em você com seus dados pessoais, é muito provável que ele compre em sua loja. Se você pedir para eles criarem uma conta nesta etapa, muitos clientes não se importarão com a pergunta. De preferência, essa pergunta deve estar na forma de uma caixa de seleção: Deseja criar uma conta? Por favor, liste alguns dos benefícios dessa conta. Depois de clicar na caixa de seleção, você pode desdobrar alguns campos extras para uma senha e um campo “repetir senha”, só para ter certeza. Novamente, mantenha-o o mais simples possível.

Muitas empresas solicitam essas informações como a primeira etapa do processo de checkout (logo após solicitar que você crie uma conta ou use a opção de compra de convidado).

Uma das coisas mais importantes que qualquer especialista em UX ou conversão lhe dirá: não pergunte muitos detalhes em um formulário online. Você não precisa saber o nome do animal de estimação, a menos que você venda comida de cachorro e queira enviar um presente para o cachorro em seu aniversário, é claro. Não, nem assim! Pode haver um bom gadget em sua barra lateral para isso, mas durante o processo de checkout, pergunte apenas o que for necessário. Normalmente, isso significa que você só precisa pedir um:

  • nome da empresa (caso você esteja vendendo para empresas)
  • nome do comprador
  • endereço de entrega/fatura
  • endereço de email
  • número de telefone

Em muitos casos, você nem precisa pedir um número de telefone. E uma simples caixa de seleção impedirá que eles preencham os mesmos detalhes duas vezes: “Endereço de envio e fatura são os mesmos”. Verificar. Naturalmente, todos esses detalhes são inseridos em um ambiente seguro, seguro e você está usando validação em linha para guiar o visitante pelo formulário.

Visão geral e pagamento

Todas as opções de pagamento devem ser listadas claramente aqui. E, como mencionado anteriormente: evite custos surpresa, como frete adicional ou outras taxas (ou impostos). Além disso, considere colocar a opção de código de desconto nesta seção.

Nesse ponto, os visitantes provavelmente terminarão sua compra. Nesta etapa do processo de checkout, eles escolherão o método de pagamento preferido e pagarão pelo(s) produto(s). É uma boa ideia ter um ‘visão geral do pedido‘ após a etapa de métodos de pagamento e coloque seu botão ‘fazer pedido’ lá. Isso dá às pessoas a chance de verificar novamente seu pedido uma última vez antes de realmente pagar pela compra.

Depois das vendas

Agora que o negócio está fechado, você precisa guiar o visitante até a porta de sua loja, agradecer a compra e dizer para ele voltar a qualquer momento. Nada de novo aqui, pois é exatamente isso que fazemos desligada.

Agradeça a ele pela confiança em sua empresa. Diga a ele que você fará qualquer coisa para garantir que ele receba os produtos o mais rápido possível e que você lidará com o envio com cuidado. Esse é apenas o texto geral naquela página de agradecimento. Há mais coisas que você pode fazer aqui:

  • Criar Conta. Se o seu site tiver essa opção de conta como mencionamos anteriormente, você pode oferecer ao cliente a opção de criar uma conta para visitas futuras (novamente). Explique por que isso é benéfico.
  • Assine um boletim informativo. Peça ao cliente para assinar sua newsletter, para que ele possa ficar atualizado sobre as promoções que estão por vir e novos produtos que você possa ter para ele. Se o comprador estiver entusiasmado com seu site e/ou produtos, ele se inscreverá.
  • Desconto para a próxima compra. Todo mundo gosta de descontos e isso é inegável. Existem várias maneiras de abordar isso. Ofereça sempre (“5% na sua próxima compra”) ou combine-o com a opção de newsletter (“inscreva-se e receba um código de desconto de $ 10”). Envie um e-mail alguns dias antes do vencimento do cupom para lembrar as pessoas sobre o desconto. As chances são de que eles vão comprar, só porque eles não querem desperdiçar esse desconto.
  • Compartilhe nas redes sociais. Seus clientes (felizes) são seus profissionais de marketing. Peça-lhes para partilharem a sua compra ou uma promoção geral para a sua loja online. Eles fizeram a compra, provavelmente gostam do seu site e provavelmente estarão dispostos a promover seu site/produtos.
  • Rastrear e rastrear. Talvez isso deva estar no topo desta lista. Se a compra foi por um valor razoável, ou o produto é algo que o cliente deseja o mais rápido possível, o rastreamento permite que ele veja onde o produto está a qualquer momento (por exemplo, ’em produção’, no armazém’, ‘entrega a caminho de sua casa’).

Esse rastreamento e rastreamento geralmente pode ser feito por um aplicativo ou online. Mas você deve realmente considerar o envio de atualizações por e-mail também sobre datas de entrega, atrasos e coisas assim. A Domino’s Pizza até informa por meio de notificações push que sua pizza está no forno. A Apple envia um e-mail uma semana antes da entrega do seu novo iPhone. Esse não é um e-mail que você considerará spam, certo? Sinta-se à vontade para manter seus clientes atualizados em sua compra/entrega.

Conforme mencionado no início deste artigo, este não é um guia de conversão para seu processo de checkout. Ele lida com o UX da sua página de checkout. Achamos que o UX da página de checkout não deve ser muito diferente por loja virtual. E o UX da página de checkout não deve desencorajar potenciais compradores de concluir uma compra!

Consulte Mais informação: Abandono do carrinho de compras »

Source link

Amazon Coaching Grátis

Venda 25K Dólares com apenas um Produto no Amazon.

Artigos Relacionados

LEAVE A REPLY

Please enter your comment!
Please enter your name here

18 − four =

- Ana Pereira -spot_img

Últimos Artigos