SlideShare uma empresa Scribd logo
1 de 30
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 Re-design de Projeto Web Design

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 Re-design de Projeto Web Design (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 Bianca Furtado

Apresentação WAW - agosto
Apresentação WAW - agostoApresentação WAW - agosto
Apresentação WAW - agostoBianca Furtado
 
Seu e commerce pode dar retorno em social media smbr2012
Seu e commerce pode dar retorno em social media smbr2012Seu e commerce pode dar retorno em social media smbr2012
Seu e commerce pode dar retorno em social media smbr2012Bianca Furtado
 
TCC Pós em Mkt Digital - Case Andy's
TCC Pós em Mkt Digital - Case Andy'sTCC Pós em Mkt Digital - Case Andy's
TCC Pós em Mkt Digital - Case Andy'sBianca Furtado
 
Trabalho Mkt Digital - Sorvete Brasil
Trabalho Mkt Digital - Sorvete BrasilTrabalho Mkt Digital - Sorvete Brasil
Trabalho Mkt Digital - Sorvete BrasilBianca Furtado
 
Trabalho Mkt Digital - Absolut
Trabalho Mkt Digital - AbsolutTrabalho Mkt Digital - Absolut
Trabalho Mkt Digital - AbsolutBianca Furtado
 
Trabalho Mkt Digital - SARAIVA
Trabalho Mkt Digital - SARAIVATrabalho Mkt Digital - SARAIVA
Trabalho Mkt Digital - SARAIVABianca Furtado
 
Trabalho Gestão Tec. Web - WEBSERIADOS
Trabalho Gestão Tec. Web - WEBSERIADOSTrabalho Gestão Tec. Web - WEBSERIADOS
Trabalho Gestão Tec. Web - WEBSERIADOSBianca Furtado
 
Trabalho Mkt de Serviços - UP STUDIO
Trabalho Mkt de Serviços - UP STUDIOTrabalho Mkt de Serviços - UP STUDIO
Trabalho Mkt de Serviços - UP STUDIOBianca Furtado
 
Trabalho Mobile - MOOD
Trabalho Mobile - MOODTrabalho Mobile - MOOD
Trabalho Mobile - MOODBianca Furtado
 

Mais de Bianca Furtado (9)

Apresentação WAW - agosto
Apresentação WAW - agostoApresentação WAW - agosto
Apresentação WAW - agosto
 
Seu e commerce pode dar retorno em social media smbr2012
Seu e commerce pode dar retorno em social media smbr2012Seu e commerce pode dar retorno em social media smbr2012
Seu e commerce pode dar retorno em social media smbr2012
 
TCC Pós em Mkt Digital - Case Andy's
TCC Pós em Mkt Digital - Case Andy'sTCC Pós em Mkt Digital - Case Andy's
TCC Pós em Mkt Digital - Case Andy's
 
Trabalho Mkt Digital - Sorvete Brasil
Trabalho Mkt Digital - Sorvete BrasilTrabalho Mkt Digital - Sorvete Brasil
Trabalho Mkt Digital - Sorvete Brasil
 
Trabalho Mkt Digital - Absolut
Trabalho Mkt Digital - AbsolutTrabalho Mkt Digital - Absolut
Trabalho Mkt Digital - Absolut
 
Trabalho Mkt Digital - SARAIVA
Trabalho Mkt Digital - SARAIVATrabalho Mkt Digital - SARAIVA
Trabalho Mkt Digital - SARAIVA
 
Trabalho Gestão Tec. Web - WEBSERIADOS
Trabalho Gestão Tec. Web - WEBSERIADOSTrabalho Gestão Tec. Web - WEBSERIADOS
Trabalho Gestão Tec. Web - WEBSERIADOS
 
Trabalho Mkt de Serviços - UP STUDIO
Trabalho Mkt de Serviços - UP STUDIOTrabalho Mkt de Serviços - UP STUDIO
Trabalho Mkt de Serviços - UP STUDIO
 
Trabalho Mobile - MOOD
Trabalho Mobile - MOODTrabalho Mobile - MOOD
Trabalho Mobile - MOOD
 

Último

trabalho wanda rocha ditadura
trabalho wanda rocha ditaduratrabalho wanda rocha ditadura
trabalho wanda rocha ditaduraAdryan Luiz
 
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptxQUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptxIsabellaGomes58
 
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANOInvestimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANOMarcosViniciusLemesL
 
FCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimirFCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimirIedaGoethe
 
Sociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresSociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresaulasgege
 
William J. Bennett - O livro das virtudes para Crianças.pdf
William J. Bennett - O livro das virtudes para Crianças.pdfWilliam J. Bennett - O livro das virtudes para Crianças.pdf
William J. Bennett - O livro das virtudes para Crianças.pdfAdrianaCunha84
 
Intolerância religiosa. Trata-se de uma apresentação sobre o respeito a diver...
Intolerância religiosa. Trata-se de uma apresentação sobre o respeito a diver...Intolerância religiosa. Trata-se de uma apresentação sobre o respeito a diver...
Intolerância religiosa. Trata-se de uma apresentação sobre o respeito a diver...LizanSantos1
 
Família de palavras.ppt com exemplos e exercícios interativos.
Família de palavras.ppt com exemplos e exercícios interativos.Família de palavras.ppt com exemplos e exercícios interativos.
Família de palavras.ppt com exemplos e exercícios interativos.Susana Stoffel
 
Currículo escolar na perspectiva da educação inclusiva.pdf
Currículo escolar na perspectiva da educação inclusiva.pdfCurrículo escolar na perspectiva da educação inclusiva.pdf
Currículo escolar na perspectiva da educação inclusiva.pdfIedaGoethe
 
637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano
637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano
637743470-Mapa-Mental-Portugue-s-1.pdf 4 anoAdelmaTorres2
 
O Universo Cuckold - Compartilhando a Esposas Com Amigo.pdf
O Universo Cuckold - Compartilhando a Esposas Com Amigo.pdfO Universo Cuckold - Compartilhando a Esposas Com Amigo.pdf
O Universo Cuckold - Compartilhando a Esposas Com Amigo.pdfPastor Robson Colaço
 
02. Informática - Windows 10 apostila completa.pdf
02. Informática - Windows 10 apostila completa.pdf02. Informática - Windows 10 apostila completa.pdf
02. Informática - Windows 10 apostila completa.pdfJorge Andrade
 
Slide de exemplo sobre o Sítio do Pica Pau Amarelo.pptx
Slide de exemplo sobre o Sítio do Pica Pau Amarelo.pptxSlide de exemplo sobre o Sítio do Pica Pau Amarelo.pptx
Slide de exemplo sobre o Sítio do Pica Pau Amarelo.pptxconcelhovdragons
 
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasCenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasRosalina Simão Nunes
 
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresLilianPiola
 
HORA DO CONTO5_BECRE D. CARLOS I_2023_2024
HORA DO CONTO5_BECRE D. CARLOS I_2023_2024HORA DO CONTO5_BECRE D. CARLOS I_2023_2024
HORA DO CONTO5_BECRE D. CARLOS I_2023_2024Sandra Pratas
 
Cultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdfCultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdfaulasgege
 
ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024Jeanoliveira597523
 
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdfDIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdfIedaGoethe
 

Último (20)

trabalho wanda rocha ditadura
trabalho wanda rocha ditaduratrabalho wanda rocha ditadura
trabalho wanda rocha ditadura
 
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptxQUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
 
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANOInvestimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANO
 
FCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimirFCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimir
 
Sociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresSociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autores
 
William J. Bennett - O livro das virtudes para Crianças.pdf
William J. Bennett - O livro das virtudes para Crianças.pdfWilliam J. Bennett - O livro das virtudes para Crianças.pdf
William J. Bennett - O livro das virtudes para Crianças.pdf
 
Intolerância religiosa. Trata-se de uma apresentação sobre o respeito a diver...
Intolerância religiosa. Trata-se de uma apresentação sobre o respeito a diver...Intolerância religiosa. Trata-se de uma apresentação sobre o respeito a diver...
Intolerância religiosa. Trata-se de uma apresentação sobre o respeito a diver...
 
Família de palavras.ppt com exemplos e exercícios interativos.
Família de palavras.ppt com exemplos e exercícios interativos.Família de palavras.ppt com exemplos e exercícios interativos.
Família de palavras.ppt com exemplos e exercícios interativos.
 
Currículo escolar na perspectiva da educação inclusiva.pdf
Currículo escolar na perspectiva da educação inclusiva.pdfCurrículo escolar na perspectiva da educação inclusiva.pdf
Currículo escolar na perspectiva da educação inclusiva.pdf
 
637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano
637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano
637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano
 
O Universo Cuckold - Compartilhando a Esposas Com Amigo.pdf
O Universo Cuckold - Compartilhando a Esposas Com Amigo.pdfO Universo Cuckold - Compartilhando a Esposas Com Amigo.pdf
O Universo Cuckold - Compartilhando a Esposas Com Amigo.pdf
 
02. Informática - Windows 10 apostila completa.pdf
02. Informática - Windows 10 apostila completa.pdf02. Informática - Windows 10 apostila completa.pdf
02. Informática - Windows 10 apostila completa.pdf
 
Slide de exemplo sobre o Sítio do Pica Pau Amarelo.pptx
Slide de exemplo sobre o Sítio do Pica Pau Amarelo.pptxSlide de exemplo sobre o Sítio do Pica Pau Amarelo.pptx
Slide de exemplo sobre o Sítio do Pica Pau Amarelo.pptx
 
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasCenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
 
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
 
HORA DO CONTO5_BECRE D. CARLOS I_2023_2024
HORA DO CONTO5_BECRE D. CARLOS I_2023_2024HORA DO CONTO5_BECRE D. CARLOS I_2023_2024
HORA DO CONTO5_BECRE D. CARLOS I_2023_2024
 
Cultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdfCultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdf
 
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA -
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA      -XI OLIMPÍADAS DA LÍNGUA PORTUGUESA      -
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA -
 
ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024
 
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdfDIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
 

Re-design de Projeto Web Design

  • 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. 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).
  • 15. 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
  • 16. 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.”
  • 17. 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?”
  • 18. 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.”
  • 19. BUSCA A caixa de busca é pequena, passa quase despercebida e não comporta bem uma busca composta
  • 20. VISIBILIDADE, SINALIZAÇÃO E CONDUÇÃO Falar a linguagem do usuário
  • 21. SAÍDAS CLARAMENTE MARCADAS Usuário não consegue se deslogar do site
  • 22. ERRO O site não emprega boas mensagens de erro
  • 23. ÁREA ÚTIL DO SITE O site utiliza a resolução de 800x600
  • 25.  
  • 27.  
  • 28.  
  • 29.