Para o trabalho de avaliação heurística da disciplina de ergonomia e usabilidade escolhi o site de comércio eletrônico da marca Redley para avaliar.
Sou um grande admirador da marca, porém nunca havia realizado compras pelo seus site de comércio eletrônico, portanto foi uma experiência duas vezes interessante.
À primeira vista o site me impressionou, pois logo na entrada já oferece duas opções ao usuário: Visitar o site institucional da marca e conhecer a nova coleção ou ir diretamente para a loja virtual. Isso me agradou bastante, pois já conheço a marca e sou um consumidor em potencial do serviço.
A tarefa realizada a seguir é a compra de um item na loja virtual da loja. Fiz a avaliação tendo como base as 10 heurísticas de Nielsen.
Home
Pontos positivos.
Escolha entre navegação na loja virtual e site institucional na introdução do site.Ponto negativo.
O menu produzido em flash pode ser um problema para usuários menos avançados. Sem o complemento instalado, o usuário não consegue visualizar o site institucional ou pelo menos ter acesso a estas duas opções.
Solução Produção de uma versão da página em html
Home Institucional
Pontos positivos. Clean e atrativa. Item compras online em destaque no menu.
Pontos negativos. A escolha da navegação não agrega valor ao usuário, tentendo a confundi-lo. O menu é escondido (é preciso usar a barra de espaço para que o mesmo apareça) e a ajuda fica no rodapé da pagina, inacessível a configurações de tela menores que 768px de altura.
Apesar do item compras online constar no menu, o mesmo não possui over no botão ao se mover o mouse entre as opções masculino e feminino.
Solução Dar mais destaque a estas opções com um over sobre elas durante a seleção.
Home Loja Virtual
Pontos positivos.
Bem organizada, limpa e confiável. Os itens no menu da direita possuem over, facilitando a leitura das opções, informações sobre segurança do site, trocas e entregas constam na home dando mais confiança ao usuário.Pontos negativos.
O banner da home é rotativo em flash. A navegação no mesmo é feita através de setas dos lados esquerdo e direito, porém a cor das setas algumas vezes se confunde com a de fundo da imagem, tornando-a imperceptível.
Alguns dos destaques do banner possuem cliques que levam ao item dentro do site, porém o padrão de botão não é seguido em nenhuma outra parte do site.
Em nenhum ponto do site é indicado explicitamente que estou na loja virtual de produtos MASCULINOS. A presença de um link FEMININO sem qualquer identificação abaixo do menu pode confundir a navegação.Soluções (identificação da página) Consistência na identificação da página mantendo sempre o título da mesma em destaque no topo.
(Banner) Aumentar contraste do elemento seta no banner ou então modificar sua apresentação.
Home da Categoria
Pontos positivos.
A presença de breadcrumb no alto da pagina mais o destaque no banner e o item selecionado no menu e o nome da página ajudam realizar um escaneamento rapido da pagina.Pontos negativos
A utilização dos filtros deveria facilitar a busca, porém atrapalha pois oferece opções de filtros além do necessário.
A cada modificação no menu dropdown um novo reload é dado na página tornando impossível a aplicação de ao menos 2 filtros de uma única vez.Soluções Diminuir a quantidade de filtros, deixando-os mais relevantes. Exemplo (menor preço, mais recentes, tamnho M, etc)
Produto em destaque
Pontos positivos
A pagina possui boa divisão da informação. As visualizações carregam rapido (inclusive o zoom para detalhes da peça)
Botão de ação critica (incluir item na sacola) está com bom destaque e de bom tamanho.
Informações sobre compra casada aparecem na rolagem, aumentando a probalidade de compra de outros itens.Pontos negativos
Pagina um pouco extensa verticalmente. O botão de compra (incluir na sacola) somente aparece após a rolagem da mesma.Incluir produto na sacola
Ao incluir o produto na sacola, um quadro surge indicando quais os produtos já estão em sua sacola, um subtotal e um link critico para fechar a compra.
Melhoria. Alterar a cor de fundo por uma mais constrastante para dar mais destaque a esta informação.Solução Aumentar o contraste do box.
Cadastro e validação
Antes de efetuar a compra o usuário deve preencher um formulário de cadastro, caso ainda não seja cadastrado no site. Esta tela possui mensagens amigáveis e de fácil entendimento.
Pontos positivos.
Tela de cadastro prioriza o contexto do uso. É bastante rápida e concisa, não pede informações desnecessárias e é bem organizada.
Separa as informações em 3 grupos distintos (Dados de acessso, dados pessoais e endereço de entrega
O label da informação é posicionado acima do campo alinhado a esquerda facilitando o processamento da informação (leitura top-down). Como o cadastro pede simplesmente o necessário, não sendo extenso demais, a probabilidade do usuário completar essa fase e realizar a compra é muito grande.Carrinho de compras
Página bem organizada e dinâmica, pode-se alterar a quantidade de itens ou excluir itens facilmente. O botão continuar comprando está bem localizado porém o botão “inciar fechamento” aparece somente após a rolagem.
Pontos negativos.
Botão critico longe da vista do usuário e com label estranho.Soluções Trazer o botão para mais alto na página e mudar seu label. Exemplo, “ir para o caixa”.
Fechamento
Ao clicar em iniciar fechamento, novamente meu usuário e senha foram pedidos, (provavelmente porque demorei muito em minha sessão) porém ao tentar utilizar o usário e senha cadastrados tive o desprazer de não conseguir efetuar a compra. Pois o site me redirecionava para uma página de buscas que eu não efetuei.
Em nenhum de meus emails tive algum email resposta de confirmação de cadastro para confirmar meu usuário e senha. Nesse ponto desisti da compra.Soluções Envio de email ao usuário logo após o cadastro com seus dados de acesso.
Modificar a mensagem de erro de forma a deixá-la coerente com a tarefa que está sendo realizada. Indicar caminhos para recuperação da senha.
De maneira geral o site da marca ofereceu uma boa experiência de uso. Apesar de um problema alta criticidade no momento de finalização da compra que pode ser resolvido de forma simples. Os outros pontos citados por mim na avaliação não são de grande criticidade, mas merecem atenção. Parabéns ao time de designers e programadores que proporcionaram uma boa experiência de uso para um fã da marca, continuem assim
