SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Similaire à 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
 

Similaire à 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
 

Plus 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
 

Plus 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
 

Dernier

Dicionário de Genealogia, autor Gilber Rubim Rangel
Dicionário de Genealogia, autor Gilber Rubim RangelDicionário de Genealogia, autor Gilber Rubim Rangel
Dicionário de Genealogia, autor Gilber Rubim RangelGilber Rubim Rangel
 
Araribá slides 9ano.pdf para os alunos do medio
Araribá slides 9ano.pdf para os alunos do medioAraribá slides 9ano.pdf para os alunos do medio
Araribá slides 9ano.pdf para os alunos do medioDomingasMariaRomao
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...azulassessoria9
 
planejamento_estrategico_-_gestao_2021-2024_16015654.pdf
planejamento_estrategico_-_gestao_2021-2024_16015654.pdfplanejamento_estrategico_-_gestao_2021-2024_16015654.pdf
planejamento_estrategico_-_gestao_2021-2024_16015654.pdfmaurocesarpaesalmeid
 
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfRecomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfFrancisco Márcio Bezerra Oliveira
 
A QUATRO MÃOS - MARILDA CASTANHA . pdf
A QUATRO MÃOS  -  MARILDA CASTANHA . pdfA QUATRO MÃOS  -  MARILDA CASTANHA . pdf
A QUATRO MÃOS - MARILDA CASTANHA . pdfAna Lemos
 
SLIDE DE Revolução Mexicana 1910 da disciplina cultura espanhola
SLIDE DE Revolução Mexicana 1910 da disciplina cultura espanholaSLIDE DE Revolução Mexicana 1910 da disciplina cultura espanhola
SLIDE DE Revolução Mexicana 1910 da disciplina cultura espanholacleanelima11
 
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de..."É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...Rosalina Simão Nunes
 
BNCC Geografia.docx objeto de conhecimento
BNCC Geografia.docx objeto de conhecimentoBNCC Geografia.docx objeto de conhecimento
BNCC Geografia.docx objeto de conhecimentoGentil Eronides
 
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdfLeloIurk1
 
Construção (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! SertãConstrução (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! SertãIlda Bicacro
 
COMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕES
COMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕESCOMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕES
COMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕESEduardaReis50
 
Introdução a Caminhada do Interior......
Introdução a Caminhada do Interior......Introdução a Caminhada do Interior......
Introdução a Caminhada do Interior......suporte24hcamin
 
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdfProjeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdfHELENO FAVACHO
 
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...azulassessoria9
 
AULA DE CARIOLOGIA TSB introdução tudo sobre
AULA DE CARIOLOGIA TSB introdução tudo sobreAULA DE CARIOLOGIA TSB introdução tudo sobre
AULA DE CARIOLOGIA TSB introdução tudo sobremaryalouhannedelimao
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfHELENO FAVACHO
 
About Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de HotéisAbout Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de Hotéisines09cachapa
 
CRUZADINHA - Leitura e escrita dos números
CRUZADINHA   -   Leitura e escrita dos números CRUZADINHA   -   Leitura e escrita dos números
CRUZADINHA - Leitura e escrita dos números Mary Alvarenga
 
Estudar, para quê? Ciência, para quê? Parte 1 e Parte 2
Estudar, para quê?  Ciência, para quê? Parte 1 e Parte 2Estudar, para quê?  Ciência, para quê? Parte 1 e Parte 2
Estudar, para quê? Ciência, para quê? Parte 1 e Parte 2Maria Teresa Thomaz
 

Dernier (20)

Dicionário de Genealogia, autor Gilber Rubim Rangel
Dicionário de Genealogia, autor Gilber Rubim RangelDicionário de Genealogia, autor Gilber Rubim Rangel
Dicionário de Genealogia, autor Gilber Rubim Rangel
 
Araribá slides 9ano.pdf para os alunos do medio
Araribá slides 9ano.pdf para os alunos do medioAraribá slides 9ano.pdf para os alunos do medio
Araribá slides 9ano.pdf para os alunos do medio
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
 
planejamento_estrategico_-_gestao_2021-2024_16015654.pdf
planejamento_estrategico_-_gestao_2021-2024_16015654.pdfplanejamento_estrategico_-_gestao_2021-2024_16015654.pdf
planejamento_estrategico_-_gestao_2021-2024_16015654.pdf
 
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfRecomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
 
A QUATRO MÃOS - MARILDA CASTANHA . pdf
A QUATRO MÃOS  -  MARILDA CASTANHA . pdfA QUATRO MÃOS  -  MARILDA CASTANHA . pdf
A QUATRO MÃOS - MARILDA CASTANHA . pdf
 
SLIDE DE Revolução Mexicana 1910 da disciplina cultura espanhola
SLIDE DE Revolução Mexicana 1910 da disciplina cultura espanholaSLIDE DE Revolução Mexicana 1910 da disciplina cultura espanhola
SLIDE DE Revolução Mexicana 1910 da disciplina cultura espanhola
 
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de..."É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
 
BNCC Geografia.docx objeto de conhecimento
BNCC Geografia.docx objeto de conhecimentoBNCC Geografia.docx objeto de conhecimento
BNCC Geografia.docx objeto de conhecimento
 
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
 
Construção (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! SertãConstrução (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! Sertã
 
COMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕES
COMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕESCOMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕES
COMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕES
 
Introdução a Caminhada do Interior......
Introdução a Caminhada do Interior......Introdução a Caminhada do Interior......
Introdução a Caminhada do Interior......
 
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdfProjeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
 
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
 
AULA DE CARIOLOGIA TSB introdução tudo sobre
AULA DE CARIOLOGIA TSB introdução tudo sobreAULA DE CARIOLOGIA TSB introdução tudo sobre
AULA DE CARIOLOGIA TSB introdução tudo sobre
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
 
About Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de HotéisAbout Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de Hotéis
 
CRUZADINHA - Leitura e escrita dos números
CRUZADINHA   -   Leitura e escrita dos números CRUZADINHA   -   Leitura e escrita dos números
CRUZADINHA - Leitura e escrita dos números
 
Estudar, para quê? Ciência, para quê? Parte 1 e Parte 2
Estudar, para quê?  Ciência, para quê? Parte 1 e Parte 2Estudar, para quê?  Ciência, para quê? Parte 1 e Parte 2
Estudar, para quê? Ciência, para quê? Parte 1 e Parte 2
 

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.