Trabalho de Usabilidade - Zona Sul Atende

29
Re-design de Projeto Web Design de Experiência do Usuário Professor Horácio Soares

description

Trabalho feito para a disciplina "Experência do Usuário" do professor Horácio Soares no curso "Gestão de Marketing Digital" FACHA / IGEC

Transcript of Trabalho de Usabilidade - Zona Sul Atende

Page 1: Trabalho de Usabilidade - Zona Sul Atende

Re-design de Projeto Web

Design de Experiência do UsuárioProfessor Horácio Soares

Page 2: Trabalho de Usabilidade - Zona Sul Atende

MÔNICA RODRIGUES ALINE MAGNO

FERNANDA LEALBIANCA FURTADODURVAL AMORIM

Page 3: Trabalho de Usabilidade - Zona Sul Atende
Page 4: Trabalho de Usabilidade - Zona Sul Atende

BRIEFING

Page 5: Trabalho de Usabilidade - Zona Sul Atende

BRIEFING

OBJETIVOS

• Criar um site mais clean e com visual atraente;

• Facilitar o processo de compra e melhorar a experiência do usuário;

• Facilitar o acesso aos produtos;

• Propor uma nova feature que torne a compra mais rápida e fidelize o cliente;

• Melhorar o formato de publicidade;

• Criar, em destaque, área para promoções;

• Destacar presença em redes sociais.

Page 6: Trabalho de Usabilidade - Zona Sul Atende

BRIEFING

TARGET

Classes A e B  DIFERENCIAIS

A rede é voltada para consumidores de renda mais alta.

Os produtos são top de linha. A rede não comercializa produtos de marcas

genéricas ou voltadas para classes abaixo de B. CONCORRENTE

Pão de Açúcar

Page 7: Trabalho de Usabilidade - Zona Sul Atende

DESCONSTRUINDO A INTERFACE

Page 8: Trabalho de Usabilidade - Zona Sul Atende
Page 9: Trabalho de Usabilidade - Zona Sul Atende

Logo

Formas de Comprar

Ajuda on-line

Cartão ZS

Menu PrincipalSeções / Promoções e Sugestões

Menu SecundárioCarrinho de Compras

Horário de Entrega

Busca

Banner Temático RotativoBanner com

Ação Promocional

Banner com Ação

Promocional

Produtos em destaque

Área de login e

cadastro

WIREFRAME

Page 10: Trabalho de Usabilidade - Zona Sul Atende
Page 11: Trabalho de Usabilidade - Zona Sul Atende

Área de login e

cadastro

Formas de Comprar

Ajuda on-line

Cartão ZS

Menu Secundário

Produtos em destaqueBanner com

Itens Promocionais

Infantil

Menu Empresa desenvolvedora / Copyright

Cadastro Newsletter

Receitas

LogoCarrinho de Compras

BuscaMenu PrincipalSeções / Promoções e Sugestões

WIREFRAME

Page 12: Trabalho de Usabilidade - Zona Sul Atende

TESTANDO A USABILIDADE DA INTERFACE

Page 13: Trabalho de Usabilidade - Zona Sul Atende

USUÁRIOS TESTE

PERFIL 1 PERFIL 2 PERFIL 3 PERFIL 4

Sexo Feminino Sexo Feminino Sexo Feminino Sexo Masculino

33 anos 29 anos 64 anos 27 anos

Consultora de Marketing

Compradora Psicóloga e professora

Contador

Usuário avançado Usuário médio Usuário iniciante Usuário avançado

Já conhecia o site Não conhecia o site Não conhecia o site Não conhecia o site

Page 14: Trabalho de Usabilidade - Zona Sul Atende
Page 15: Trabalho de Usabilidade - Zona Sul Atende

AS TAREFAS

1) Realizar o cadastro no site e a compra de 5 produtos de categorias diferentes;

2) Realizar uma compra para ser enviada a um endereço diferente do usuário

cadastrado (compra para presente).

Page 16: Trabalho de Usabilidade - Zona Sul Atende

MÉTRICASO tempo da tarefa

PERFIL 1: 20 minutosPERFIL 2: 20 minutosPERFIL 3: 50 minutosPERFIL 4: 15 minutos

A porcentagem de tarefas solicitadas completadasPERFIL 1: 100%PERFIL 2: 100% PERFIL 3: 40%PERFIL 4: 100%

Tempo de navegação em busca da informação:Acima do esperado em todos os perfis

Número de acessos à ajuda:Ajuda não disponível para 3 perfis

Page 17: Trabalho de Usabilidade - Zona Sul Atende

PERCEPÇÕES GERAIS SOBRE A INTERFACE “Achei o site poluído, confuso, pouco funcional

e com muita propaganda.”

“O layout é muito poluído, tem muitas imagens com pouco espaçamento. Tive dificuldades de leitura principalmente por causa do fundo vermelho

com letras brancas.”

“Quem tem mais de 60 anos não consegue ler direito porque tem muita informação junta, sem espaço e as letras são pequenas. Perturba a vista.”

“Os menus são pequenos e a barra de rolagem é grande demais. As propagandas não são relevantes, o site é muito lento e as seções são

confusas.”

Page 18: Trabalho de Usabilidade - Zona Sul Atende

PERCEPÇÕES ESPECÍFICAS SOBRE A INTERFACE “Ao encontrar o produto solicitado, tive problemas em determinar a quantidade e inserir a compra no carrinho. Falta um botão de comprar ou colocar no carrinho.”

“Estou com muita dificuldade para saber como compra, já queria desistir. Não acho o valor total da minha compra. Tive que recorrer novamente para a busca, mas as seções

não são claras.”

“Recorri ao ‘compra fácil’ no rodapé, digitei o nome do produto e cliquei em procurar, porém nada foi encontrado. Fiquei frustrada.”

“Não consegui enxergar o botão para novo cadastro.”

Depois de um tempo achei o cadastro, mas surgiram diversas dúvidas: ‘tem que colocar o ano que eu nasci?’, ‘porque quer saber quantos filhos eu tenho?’, ‘porque ele quer os

dados da minha filha?’, ‘qual a diferença de html e txt?’, ‘para que eles querem saber minha operadora?’. Achei o cadastro longo e cansativo, além de ruim de enxergar.”

“Tinha que ter uma mensagem mais clara de aviso sobre o erro”.

“Como consigo comprar? Onde aparece que comprei?”

Page 19: Trabalho de Usabilidade - Zona Sul Atende

PERCEPÇÕES ESPECÍFICAS SOBRE A INTERFACE “Tem que ter mais botões de voltar para conseguir comprar mais coisas!”.

“Esse site é muito lento, dá sono, tinha que ser mais ágil já que é um site de compras.”

“Não encontro em nenhum lugar o valor do frete”

“Algumas informações sobre o serviço são pouco claras, como os cartões que são aceitos no pagamento e falta de um comprovante das compras.”

“A Ajuda via Chat diz que funciona até 22h, mas são 20h30 e não está acessível.”

“Achei legal ter a opção de conferir o próximo horário de entrega para meu endereço.”

“Tive dificuldade no momento de selecionar endereço de entrega e o horário para entrega porque não vi o botão.”

“A busca não oferece itens com a escrita parecida.”

“Em vários momentos houve o medo de perder o carrinho feito.”

“Senti falta de um botão para fechar a compra e fazer confirmação antes de finalizar o pedido.”

Page 20: Trabalho de Usabilidade - Zona Sul Atende

BUSCA

A caixa de busca é pequena, passa quase despercebida e não comporta

bem uma busca composta

Page 21: Trabalho de Usabilidade - Zona Sul Atende

VISIBILIDADE, SINALIZAÇÃO E CONDUÇÃO

Falar a linguagem do usuário

Page 22: Trabalho de Usabilidade - Zona Sul Atende

SAÍDAS CLARAMENTE MARCADAS

Usuário não consegue se deslogar do site

Page 23: Trabalho de Usabilidade - Zona Sul Atende

ERRO

O site não emprega boas mensagens de erro

Page 24: Trabalho de Usabilidade - Zona Sul Atende

ÁREA ÚTIL DO SITE

O site utiliza a resolução de 800x600

Page 25: Trabalho de Usabilidade - Zona Sul Atende

PROTOTIPANDO NO PAPEL

Page 26: Trabalho de Usabilidade - Zona Sul Atende
Page 27: Trabalho de Usabilidade - Zona Sul Atende

A NOVA INTERFACE

Page 28: Trabalho de Usabilidade - Zona Sul Atende
Page 29: Trabalho de Usabilidade - Zona Sul Atende

Obrigado