web-development-kb-pt.site

Quais são as práticas recomendadas do seu carrinho de compras de comércio eletrônico e exemplos notáveis ​​de interface do usuário?

Quais são os melhores carrinhos de compras que você conhece em termos de design visual e usabilidade.

Além disso, forneça dicas de práticas recomendadas ao projetar um carrinho de compras, como o @scunliffe fez.

5
idophir

Não sei se conheço as melhores interfaces do usuário, mas conheço as que me frustram ;-) A lógica sugere que os recursos opostos são os que a tornam melhor.

  • Eu odeio não poder ver meu total. Assim que estiver "dentro" do meu carrinho, sempre quero poder ver meu preço total.
  • Eu moro no Canadá - dependendo do site/produto, os custos de envio variam de aceitável a astronômico. Forneça os custos de envio antes Tenho que inserir os detalhes do meu cartão de crédito (ou pelo menos uma estimativa ou um link para um gráfico de custos)
  • Muitos usuários entram no carrinho/caixa para obter um preço final como parte das compras de comparação. Se você impedir que eles obtenham esse preço final com inscrição, entrada de cartão de crédito etc., poderá perder um cliente que teria comprado de você se ele pudesse ver o preço.
  • Se possível, certifique-se de informar visualmente o usuário quando ele puder continuar sem ser cobrado. Por exemplo. um botão "continuar" é bom para avançar, mas a ação de compra real deve ser claramente identificada. Por exemplo. "Confirme compra" ou algo assim. Eu estava em um site uma vez em que pressionar "Continuar" cobrou meu cartão de crédito (não fiquei impressionado!)
  • Inclua informações ou pelo menos um link claramente rotulado para política de devoluções e o cronograma de entrega esperado (por exemplo, no dia seguinte ?, 3 dias?, 6-8 semanas)
  • Forneça informações sobre estoque (disponibilidade) o mais cedo possível, o mais tardar na visão geral do carrinho
  • Facilite a alteração da quantidade de um item no meu carrinho ... ou remova-o completamente
  • Forneça um link de cada item no carrinho para a página de informações desse item em particular
  • Considere a opção para "salvar" o estado do carrinho e retornar mais tarde.
  • Identifique claramente as opções de pagamento antecipadamente. Eu geralmente prefiro pagar com Paypal por exemplo.
  • Forneça um número de telefone ou link para suporte ao cliente ...
12
scunliffe

Eu faria algumas pesquisas no Design Meltdown. Ele colecionou muitos sites de comércio eletrônico e aposto que vários designs de carrinho diferentes. Experimente-os, veja quais funcionam melhor.

http://2010.designmeltdown.com/category/site-types/e-commerce/

4
Tor Løvskogen Bollingmo

Dado que a maioria dos usuários usaria a Amazon, eu tenderia a copiar apenas o que a Amazon faz. Eu acho que no caso de um carrinho de compras:

Melhor == Funciona, e não preciso pensar em como usá-lo

2
Ian
  • Use imagens de alta qualidade (mas otimizadas) de produtos. Link para outras imagens (grandes) na página do produto.
  • Verifique se os botões "adicionar ao carrinho" e "checkout" são óbvios e grandes o suficiente para serem tocados em dispositivos móveis.
  • Evite elementos flash grandes e de carregamento lento.
  • Use mega-dropdown , em vez de drop-downs aninhados (isso é um pouco subjetivo, eu sei, mas acho que é um dos melhores padrões de interface do usuário para o comércio eletrônico).
  • Torne o processo de checkout o mais fácil e deliberado possível. Verifique se o usuário sabe onde ele está no processo e quantas etapas ainda restam.
2
Christopher Scott
  • Esteja ciente das metas de negócios versus as de usabilidade. Por exemplo, algumas lojas criam um "funil", onde, quando você está nas páginas de checkout, não há mais navegação para o restante do site. A idéia é não distraí-lo do processo de compra e terminar. Esse é um objetivo comercial e, como usuário, acho frustrante. E se eu esquecesse algo e quisesse tentar encontrá-lo para adicioná-lo ao meu carrinho? Às vezes, tenho que invadir a URL para voltar ao site principal novamente.

  • Se você estiver usando um assistente de várias etapas, facilite voltar e alterar as informações inseridas anteriormente e que agora percebem que estão erradas quando chegar à página de confirmação. Não faça o usuário clicar em Voltar, Voltar, Voltar e Avançar, Avançar, Avançar. Se possível, crie um checkout de uma página ou deixe o usuário editar qualquer informação na última página em tempo real.

  • Não exija muitas informações do usuário para criar uma conta apenas para salvar seu carrinho de compras ou lista de desejos.

1
Emma McCreary