Preparo das soluções de comércio

Exemplo – Facilidade de editação do pedido no carrinho de compras

Atualizado em 13.9.2009

No site ilustrado abaixo, o consumidor arrasta a imagem da mercadoria (camisetas) para a área inferior da tela e a acrescenta ao carrinho de compras. Para desistir, arrasta a mercadoria para fora da área de compras ou esvazia a área de baixo da tela com o comando "clear all".

Embora funcione melhor para sites em que a lista de artigos comprados é pequena, este modo de uso facilita a seleção e a edição dos produtos.

É importante notar que, como a interface de compra está na área inferior da tela, quebra o modelo mais comumente encontrado do carrinho de compras, localizado no alto da página, o que obriga o comprador a procurar o carrinho e a aprender (embora rapidamente) como funciona.

 

Exemplo de mostruário com navegacao que procura simular a experiência presencial de ir a uma livraria

http://www.panic.com/goods/index.php (acesso em 10.11.2008)

Assuntos relacionados
Usabilidade - A reversibilidade das ações - o usuário deve poder explorar o site e "errar o caminho, " ou desistir de uma tarefa
Usabilidade - Autonomia orientada - quanto mais fácil e imediato for o processo de aprendizado do uso da interface, mais rapidamente os usuários podem se concentrar naquilo que estão procurando

Referências (Produção de web sites)
20 tips to minimize shopping cart abandonment, Part 1 (ClickZ)

Mais informação sobre o assunto:
Site comparison: Comet v PC World - comparação entre dois sites de comércio
Melhores práticas no varejo online - 10 regras básicas, desenvolvidas pela Câmara e-net, a serem cumpridas pelo segmento de varejo eletrônico para atenuar os principais problemas com os consumidores
10 easy steps to a horrible ecommerce site, de Jason Chance (SitePoint, acesso em 13/01/2006)

Avellar e Duarte no Twitter Avellar e Duarte no Facebook