GUIA - Graphical User Interface Analysis

Olá. Um bom tempo sem postar aqui, quase 3 meses. É que me faltava um assunto forte e que eu tivesse certeza que seria realmente útil. Pois hoje eu tive uma ideia para este post.

No primeiro post deste blog abordei um problema no carrinho de compras da americanas.com que poderia ser solucionado pela equipe de tecnologia em 1 minuto aproximadamente. Ou talvez menos!

Neste post irei falar um pouco sobre o carrinho de compras da amazon.com. Tomando como base as mesmas observações do post das americanas, eu tenho o costume de adicionar ao carrinho dos sites de compra todos os produtos que tenho interesse. Comparado ao carrinho das Americanas, o da Amazon bate um bolão. Isso porque é possível organizar os produtos em "wishlists" ou "lista de desejos" e ainda dentro do "cart" é possível separar os produtos que você vai levar na compra - To Buy Now - e os que levará depois, ou não - To Buy Later. E qual a vantagem disso? A vantagem é que não é preciso excluir itens que você tem interesse para poder realizar a compra naquele momento. Perfeito!

Mas indo direto ao ponto do assunto deste post, apesar do carrinho da Amazon ser excelente em questões de usabilidade e organização, uma coisa poderia ser um pouco mais amigável. Sempre que volto à página do carrinho eles colocam no topo da página a lista dos meus produtos que sofreram alteração de preço e informam quais aumentaram e quais diminuiram de valor. No meu caso, que tenho mais de 100 itens no carrinho, a tarefa de conferir quais produtos baratearam as vezes é um tanto cansativa. Ontem mesmo foram mais de 20 itens com alteração de preço e da forma como eles formatam a lista é preciso procurar pelas palavras "increased" e "decreased" em cada frase de produto ou então verificar o preço "antigo" e o "novo".

Vejam a imagem abaixo pra ficar mais claro (clique para ampliá-la).

Minha sugestão para este problema seria uma melhor formatação do texto, facilitando assim a busca pelos produtos que ficaram mais baratos. Além da formatação, uma outra forma seria separar em duas áreas distintas os produtos que aumentaram de preço e os que diminuíram. Minha sugestão vai para uma simples utilização de cores para marcar as palavras "increased" e "decreased", utilizando o vermelho para a primeira opção e o verde para a segunda. Com certeza o trabalho de procura seria infinitamente menor.

E você tem alguma sugestão? Deixe sua opinião e participe.

Até o próximo post.

Vamos lá. Esse é meu primeiro post pra inaugurar esse canal sobre User Interface. Convidei alguns amigos para serem colaboradores, então teremos visões diversificadas sobre diferentes assuntos envolvendo a relação humano x máquina, seja um site, um aplicativo do iphone, um tocador de mp3, o menu do Playstation etc. O importante aqui é que vamos deixar registrado o que pensamos, o que criticamos e nossas soluções para sanar o incômodo. Espero que vocês colaborem deixando seus comentários, críticas e sugestões também. Tanto quanto ao assunto tratado como nossos próprios pontos de vista.

Então como primeiro caso de estudo, falarei sobre o carrinho de compras do site da Americanas.com. Não vou ser longo pois não se tem muito a falar. Há muito tempo venho utilizando o e-commerce para fazer minhas compras. E uma coisa de praxe é adicionar todos os produtos que eu gosto no carrinho de compras. Assim ao final de minha seleção vou até o carrinho para decidir o que realmente comprar. O problema no carrinho de compras da americanas.com é que eles não colocam o clique para se retornar à página do produto. Seja para conferir se é o produto certo, ou ver se tem algum desconto de acordo com o tipo de pagamento, ou então alterar o modelo do produto no caso da seleção de voltagem de um eletrodoméstico.

Esses dias estive pesquisando essas travas de segurança para portas e gavetas pois minha filha completou um ano, está andando pra lá e pra cá e preciso me precaver de certos incidentes e ficar mais tranquilo podendo deixá-la sozinha no quarto por alguns instantes. Cheguei a adicionar mais de 10 itens no carrinho. E claro fiz também outra pesquisa no site do concorrente! :) Mas quando fui verificar se os produtos dos sites eram os mesmos e comparar os preços e modelos, eu tinha que ficar pesquisando na busca do site. Uma tarefa pra lá de desconfortável. Tudo isso porque o diabo do produto não tem link no carrinho.

É isso, a solução nem preciso deixar explícita, né? Fica aí a imagem pra reforçar

Espero que tenha sido um case legal. No próximo post falarei sobre também o carrinho de compras, mas do site da Amazon.com

Logout