SlideShare uma empresa Scribd logo
1 de 29
Re-design de Projeto Web Design de Experiência do Usuário Professor Horácio Soares
MÔNICA RODRIGUES ALINE MAGNO FERNANDA LEAL BIANCA FURTADO DURVAL AMORIM
 
BRIEFING
BRIEFING ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
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 Principal Seções / Promoções e Sugestões Menu Secundário Carrinho de Compras Horário de Entrega Busca Banner Temático Rotativo Banner 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 destaque Banner com Itens Promocionais Infantil Menu   Empresa desenvolvedora / Copyright   Cadastro Newsletter Receitas Logo Carrinho de Compras Busca Menu 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ÉTRICAS O tempo da tarefa PERFIL 1:  20 minutos PERFIL 2:  20 minutos PERFIL 3:  50 minutos PERFIL 4:  15 minutos A porcentagem de tarefas solicitadas completadas PERFIL 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

Mais conteúdo relacionado

Semelhante a Trabalho de Usabilidade - Zona Sul Atende

Apresentação jornada do consumidor
Apresentação jornada do consumidorApresentação jornada do consumidor
Apresentação jornada do consumidorEluza Pinheiro
 
Design de temas para WooCommerce - Anyssa Ferreira
Design de temas para WooCommerce - Anyssa FerreiraDesign de temas para WooCommerce - Anyssa Ferreira
Design de temas para WooCommerce - Anyssa FerreiraAnyssa Ferreira
 
Rakuten EC Service - 2010 Ikeda - E-commerce e Conversão
Rakuten EC Service - 2010 Ikeda - E-commerce e ConversãoRakuten EC Service - 2010 Ikeda - E-commerce e Conversão
Rakuten EC Service - 2010 Ikeda - E-commerce e ConversãoRakuten Brasil
 
Palestra Fastcommerce - Como melhor a experiência de compra em sua loja virtual
Palestra Fastcommerce - Como melhor a experiência de compra em sua loja virtualPalestra Fastcommerce - Como melhor a experiência de compra em sua loja virtual
Palestra Fastcommerce - Como melhor a experiência de compra em sua loja virtualJoão Leão
 
Como aumentar a conversao no checkout magento
Como aumentar a conversao no checkout magentoComo aumentar a conversao no checkout magento
Como aumentar a conversao no checkout magentoMoip
 
O que deve ter um plano de marketing
O que deve ter um plano de marketingO que deve ter um plano de marketing
O que deve ter um plano de marketingmurylo
 
Fortalecimento de Marca Digital para Pequenas Empresas
Fortalecimento de Marca Digital para Pequenas EmpresasFortalecimento de Marca Digital para Pequenas Empresas
Fortalecimento de Marca Digital para Pequenas EmpresasMurylo Juliani
 
SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010
SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010
SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010Renata Tibiriçá
 
Pequena análise copywriting
Pequena análise copywritingPequena análise copywriting
Pequena análise copywritingMario Moreira
 
Como aumentar o fluxo de seu site, suas interações e vendas na WEB
Como aumentar o fluxo de seu site, suas interações e vendas na WEBComo aumentar o fluxo de seu site, suas interações e vendas na WEB
Como aumentar o fluxo de seu site, suas interações e vendas na WEB4Life Marketing Digital
 
UX - Experiência do Usuário com foco em Alta Performance
UX - Experiência do Usuário com foco em Alta PerformanceUX - Experiência do Usuário com foco em Alta Performance
UX - Experiência do Usuário com foco em Alta PerformanceLisandra Maioli
 
Análise de comportamento da terceira idade ao efetuar uma compra no site Amer...
Análise de comportamento da terceira idade ao efetuar uma compra no site Amer...Análise de comportamento da terceira idade ao efetuar uma compra no site Amer...
Análise de comportamento da terceira idade ao efetuar uma compra no site Amer...Rafael Xavier, Msc.
 
21 passos para a página de produto perfeita
21 passos para a página de produto perfeita21 passos para a página de produto perfeita
21 passos para a página de produto perfeitaRaphael Lassance ⚡
 
Como uma experiência de compra inesquecível rentabilizará sua loja virtual
Como uma experiência de compra inesquecível rentabilizará sua loja virtual Como uma experiência de compra inesquecível rentabilizará sua loja virtual
Como uma experiência de compra inesquecível rentabilizará sua loja virtual JET e-Commerce
 
O Segredo dos Sites que Vendem
O Segredo dos Sites que Vendem O Segredo dos Sites que Vendem
O Segredo dos Sites que Vendem acesso2612
 

Semelhante a Trabalho de Usabilidade - Zona Sul Atende (20)

Apresentação jornada do consumidor
Apresentação jornada do consumidorApresentação jornada do consumidor
Apresentação jornada do consumidor
 
Design de temas para WooCommerce - Anyssa Ferreira
Design de temas para WooCommerce - Anyssa FerreiraDesign de temas para WooCommerce - Anyssa Ferreira
Design de temas para WooCommerce - Anyssa Ferreira
 
Preciso de e-commerce?
Preciso de e-commerce?Preciso de e-commerce?
Preciso de e-commerce?
 
Rakuten EC Service - 2010 Ikeda - E-commerce e Conversão
Rakuten EC Service - 2010 Ikeda - E-commerce e ConversãoRakuten EC Service - 2010 Ikeda - E-commerce e Conversão
Rakuten EC Service - 2010 Ikeda - E-commerce e Conversão
 
Palestra Fastcommerce - Como melhor a experiência de compra em sua loja virtual
Palestra Fastcommerce - Como melhor a experiência de compra em sua loja virtualPalestra Fastcommerce - Como melhor a experiência de compra em sua loja virtual
Palestra Fastcommerce - Como melhor a experiência de compra em sua loja virtual
 
Como aumentar a conversao no checkout magento
Como aumentar a conversao no checkout magentoComo aumentar a conversao no checkout magento
Como aumentar a conversao no checkout magento
 
O que deve ter um plano de marketing
O que deve ter um plano de marketingO que deve ter um plano de marketing
O que deve ter um plano de marketing
 
Fortalecimento de Marca Digital para Pequenas Empresas
Fortalecimento de Marca Digital para Pequenas EmpresasFortalecimento de Marca Digital para Pequenas Empresas
Fortalecimento de Marca Digital para Pequenas Empresas
 
SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010
SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010
SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010
 
Pequena análise copywriting
Pequena análise copywritingPequena análise copywriting
Pequena análise copywriting
 
14º WAW - Apresentação Kenzo Real
14º WAW - Apresentação Kenzo Real14º WAW - Apresentação Kenzo Real
14º WAW - Apresentação Kenzo Real
 
Como aumentar o fluxo de seu site, suas interações e vendas na WEB
Como aumentar o fluxo de seu site, suas interações e vendas na WEBComo aumentar o fluxo de seu site, suas interações e vendas na WEB
Como aumentar o fluxo de seu site, suas interações e vendas na WEB
 
UX - Experiência do Usuário com foco em Alta Performance
UX - Experiência do Usuário com foco em Alta PerformanceUX - Experiência do Usuário com foco em Alta Performance
UX - Experiência do Usuário com foco em Alta Performance
 
Guia Ecommerce para Empresas de Moda
Guia Ecommerce para Empresas de ModaGuia Ecommerce para Empresas de Moda
Guia Ecommerce para Empresas de Moda
 
O desafio de comprar pelo tablet
O desafio de comprar pelo tabletO desafio de comprar pelo tablet
O desafio de comprar pelo tablet
 
Análise de comportamento da terceira idade ao efetuar uma compra no site Amer...
Análise de comportamento da terceira idade ao efetuar uma compra no site Amer...Análise de comportamento da terceira idade ao efetuar uma compra no site Amer...
Análise de comportamento da terceira idade ao efetuar uma compra no site Amer...
 
21 passos para a página de produto perfeita
21 passos para a página de produto perfeita21 passos para a página de produto perfeita
21 passos para a página de produto perfeita
 
Como uma experiência de compra inesquecível rentabilizará sua loja virtual
Como uma experiência de compra inesquecível rentabilizará sua loja virtual Como uma experiência de compra inesquecível rentabilizará sua loja virtual
Como uma experiência de compra inesquecível rentabilizará sua loja virtual
 
Como criar conteudo para sites de ecommerce
Como criar conteudo para sites de ecommerceComo criar conteudo para sites de ecommerce
Como criar conteudo para sites de ecommerce
 
O Segredo dos Sites que Vendem
O Segredo dos Sites que Vendem O Segredo dos Sites que Vendem
O Segredo dos Sites que Vendem
 

Mais de Durval Amorim

Absolut Vodka - E-branding
Absolut Vodka - E-brandingAbsolut Vodka - E-branding
Absolut Vodka - E-brandingDurval Amorim
 
E-commerce Sorvete Brasil
E-commerce Sorvete BrasilE-commerce Sorvete Brasil
E-commerce Sorvete BrasilDurval Amorim
 
Mood - Mobile Marketing
Mood - Mobile MarketingMood - Mobile Marketing
Mood - Mobile MarketingDurval Amorim
 
Marketing Digital - Análise Marcelo Crivella
Marketing Digital - Análise Marcelo CrivellaMarketing Digital - Análise Marcelo Crivella
Marketing Digital - Análise Marcelo CrivellaDurval Amorim
 
Trabalho Final - Redes Sociais
Trabalho Final - Redes SociaisTrabalho Final - Redes Sociais
Trabalho Final - Redes SociaisDurval Amorim
 
Champion Troca Pulseira
Champion Troca PulseiraChampion Troca Pulseira
Champion Troca PulseiraDurval Amorim
 
Apresentação Pessoal (Portifólio e Metodologia de Trabalho)
Apresentação Pessoal (Portifólio e Metodologia de Trabalho)Apresentação Pessoal (Portifólio e Metodologia de Trabalho)
Apresentação Pessoal (Portifólio e Metodologia de Trabalho)Durval Amorim
 
Gestão de Ambientes Internet Webseriados
Gestão de Ambientes Internet   WebseriadosGestão de Ambientes Internet   Webseriados
Gestão de Ambientes Internet WebseriadosDurval Amorim
 

Mais de Durval Amorim (10)

Absolut Vodka - E-branding
Absolut Vodka - E-brandingAbsolut Vodka - E-branding
Absolut Vodka - E-branding
 
Supercase Yenzah
Supercase YenzahSupercase Yenzah
Supercase Yenzah
 
E-commerce Sorvete Brasil
E-commerce Sorvete BrasilE-commerce Sorvete Brasil
E-commerce Sorvete Brasil
 
Mood - Mobile Marketing
Mood - Mobile MarketingMood - Mobile Marketing
Mood - Mobile Marketing
 
Redken for Men
Redken for MenRedken for Men
Redken for Men
 
Marketing Digital - Análise Marcelo Crivella
Marketing Digital - Análise Marcelo CrivellaMarketing Digital - Análise Marcelo Crivella
Marketing Digital - Análise Marcelo Crivella
 
Trabalho Final - Redes Sociais
Trabalho Final - Redes SociaisTrabalho Final - Redes Sociais
Trabalho Final - Redes Sociais
 
Champion Troca Pulseira
Champion Troca PulseiraChampion Troca Pulseira
Champion Troca Pulseira
 
Apresentação Pessoal (Portifólio e Metodologia de Trabalho)
Apresentação Pessoal (Portifólio e Metodologia de Trabalho)Apresentação Pessoal (Portifólio e Metodologia de Trabalho)
Apresentação Pessoal (Portifólio e Metodologia de Trabalho)
 
Gestão de Ambientes Internet Webseriados
Gestão de Ambientes Internet   WebseriadosGestão de Ambientes Internet   Webseriados
Gestão de Ambientes Internet Webseriados
 

Trabalho de Usabilidade - Zona Sul Atende

  • 1. Re-design de Projeto Web Design de Experiência do Usuário Professor Horácio Soares
  • 2. MÔNICA RODRIGUES ALINE MAGNO FERNANDA LEAL BIANCA FURTADO DURVAL AMORIM
  • 3.  
  • 5.
  • 6. 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
  • 8.  
  • 9. Logo Formas de Comprar Ajuda on-line Cartão ZS Menu Principal Seções / Promoções e Sugestões Menu Secundário Carrinho de Compras Horário de Entrega Busca Banner Temático Rotativo Banner com Ação Promocional Banner com Ação Promocional Produtos em destaque Área de login e cadastro WIREFRAME
  • 10.  
  • 11. Área de login e cadastro Formas de Comprar Ajuda on-line Cartão ZS Menu Secundário Produtos em destaque Banner com Itens Promocionais Infantil Menu Empresa desenvolvedora / Copyright Cadastro Newsletter Receitas Logo Carrinho de Compras Busca Menu Principal Seções / Promoções e Sugestões WIREFRAME
  • 12. TESTANDO A USABILIDADE DA INTERFACE
  • 13. 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
  • 14.  
  • 15. 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).
  • 16. MÉTRICAS O tempo da tarefa PERFIL 1: 20 minutos PERFIL 2: 20 minutos PERFIL 3: 50 minutos PERFIL 4: 15 minutos A porcentagem de tarefas solicitadas completadas PERFIL 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
  • 17. 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.”
  • 18. 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?”
  • 19. 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.”
  • 20. BUSCA A caixa de busca é pequena, passa quase despercebida e não comporta bem uma busca composta
  • 21. VISIBILIDADE, SINALIZAÇÃO E CONDUÇÃO Falar a linguagem do usuário
  • 22. SAÍDAS CLARAMENTE MARCADAS Usuário não consegue se deslogar do site
  • 23. ERRO O site não emprega boas mensagens de erro
  • 24. ÁREA ÚTIL DO SITE O site utiliza a resolução de 800x600
  • 26.  
  • 28.