Re-design de Projeto Web

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

MÔNICA RODRIGUES ALINE MAGNO

FERNANDA LEALBIANCA FURTADODURVAL AMORIM

BRIEFING

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.

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

DESCONSTRUINDO A INTERFACE

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

Á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

Logo Carrinho de ComprasBuscaMenu Principal

Seções / Promoções e Sugestões

WIREFRAME

TESTANDO A USABILIDADE DA INTERFACE

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

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).

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

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.”

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?”

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.”

BUSCA

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

bem uma busca composta

VISIBILIDADE, SINALIZAÇÃO E CONDUÇÃO

Falar a linguagem do usuário

SAÍDAS CLARAMENTE MARCADAS

Usuário não consegue se deslogar do site

ERRO

O site não emprega boas mensagens de erro

ÁREA ÚTIL DO SITE

O site utiliza a resolução de 800x600

PROTOTIPANDO NO PAPEL

A NOVA INTERFACE

Obrigado