SlideShare una empresa de Scribd logo
1 de 21
Única agência Platinum
A qualidade de um web site medidapelafacilidadeque um
usuárionavegaemsuaspáginaselocalizaedescobrequebuscava.
Peter Morville
Case Staples : Redesign
Case Staples : Avaliação Heurística
Avaliação de especialista em
Usabilidade levantando
a qualidadeda interface.
Adicionar
ao carrinho
•Espaços mal utilizados.
•Imagens dentro de box dentro
de box,muitos compartimentos.
Case Staples : Resultado da Avaliação Heurística
Menu aberto com call
to action edestaque.
Case Staples : Aplicação da Avaliação Heurística
Case Staples : Passo 02 Avaliação de mapa de calor
Ferramenta CrazyEgg, ela nos mostra as áreas mais clicadas no site. Mostrando com usuários
reais interagem com a interface.
Case Staples : Aplicação de resultado de mapa de calor
Ferramenta CrazyEgg, ela nos mostra as áreas mais clicadas no site. Mostrando com usuários
reais interagem com a interface.
A leitura do menu não chama a
atenção do usuário.
O botão mais acessado - Cadeiras e
Móveis está mal posicionado.
Case Staples : Eyetracking via AttentionWizzard
•Ausência de ponto focal
•Pouca navegação de menu
•Marca pouco valorizada
Case Staples : Aplicação resultado Atention Wizard
•Ponto focal bem definido
•Navegação de menu efetiva,
passando pelas seções sazonais.
•Valorização da marca.
•Atenção ao carrinho de compras
resultando em conversão.
éumaavaliação de como um site éencontradona web através de
mecanismos de buscas.
Alta Qualidade de código + Rápida indexação no Google + Facil customização
Case Blogs : Glamour e Organomix
Case Blogs : CompraFacil 5 anos em primeiro orgânico
#1 lugar do google
Em menos de uma
semana
Case Blogs : Glamour e Organomix
Menu aberto com call
to action edestaque.
Case Blogs : Glamour e Organomix
Insere todos os
produtos da receita no
carrinho.
Integrado a interfaceeambiente VTEX
Case Blogs : Glamour e Organomix
Integração físico e digital
Case ShoulderLookBook Digital
Avaliação de usabilidade do site Staples

Más contenido relacionado

Destacado

Albizia A-Line Sweetheart Court Train Lace Bridal Gown With jacket
Albizia A-Line Sweetheart Court Train Lace Bridal Gown With jacketAlbizia A-Line Sweetheart Court Train Lace Bridal Gown With jacket
Albizia A-Line Sweetheart Court Train Lace Bridal Gown With jacket广旭 边
 
Presentación moodle plataforma
Presentación moodle plataformaPresentación moodle plataforma
Presentación moodle plataformarosana8a
 
Impresión en nuevos materiales encarte impresión nuevo catálogo
Impresión en nuevos materiales encarte impresión nuevo catálogoImpresión en nuevos materiales encarte impresión nuevo catálogo
Impresión en nuevos materiales encarte impresión nuevo catálogoEncarte Impresión Digital
 
El mundo esta cambiando
El mundo esta cambiando El mundo esta cambiando
El mundo esta cambiando Jorge Quezada
 
Por debajo de la puerta
Por debajo de la puertaPor debajo de la puerta
Por debajo de la puertaRaquel Morales
 
Sabe como capturar_porcos
Sabe como capturar_porcosSabe como capturar_porcos
Sabe como capturar_porcosArmin Caldas
 
The sound of_music
The sound of_musicThe sound of_music
The sound of_musicArmin Caldas
 
O desafio da acessibilidade
O desafio da acessibilidade O desafio da acessibilidade
O desafio da acessibilidade Alice Costa
 
Diapositivas de tablas y tipos de datos
Diapositivas de tablas y tipos de datosDiapositivas de tablas y tipos de datos
Diapositivas de tablas y tipos de datosTAPIA SILVA EVELINA
 

Destacado (14)

Albizia A-Line Sweetheart Court Train Lace Bridal Gown With jacket
Albizia A-Line Sweetheart Court Train Lace Bridal Gown With jacketAlbizia A-Line Sweetheart Court Train Lace Bridal Gown With jacket
Albizia A-Line Sweetheart Court Train Lace Bridal Gown With jacket
 
Carencia
CarenciaCarencia
Carencia
 
Prueba
PruebaPrueba
Prueba
 
Presentación moodle plataforma
Presentación moodle plataformaPresentación moodle plataforma
Presentación moodle plataforma
 
Impresión en nuevos materiales encarte impresión nuevo catálogo
Impresión en nuevos materiales encarte impresión nuevo catálogoImpresión en nuevos materiales encarte impresión nuevo catálogo
Impresión en nuevos materiales encarte impresión nuevo catálogo
 
El mundo esta cambiando
El mundo esta cambiando El mundo esta cambiando
El mundo esta cambiando
 
Tabela final
Tabela finalTabela final
Tabela final
 
Por debajo de la puerta
Por debajo de la puertaPor debajo de la puerta
Por debajo de la puerta
 
prueba
pruebaprueba
prueba
 
Sabe como capturar_porcos
Sabe como capturar_porcosSabe como capturar_porcos
Sabe como capturar_porcos
 
The sound of_music
The sound of_musicThe sound of_music
The sound of_music
 
Sabó
SabóSabó
Sabó
 
O desafio da acessibilidade
O desafio da acessibilidade O desafio da acessibilidade
O desafio da acessibilidade
 
Diapositivas de tablas y tipos de datos
Diapositivas de tablas y tipos de datosDiapositivas de tablas y tipos de datos
Diapositivas de tablas y tipos de datos
 

Similar a Avaliação de usabilidade do site Staples

Como a experiência do cliente em uma loja virtual afeta as vendas - Pablo Can...
Como a experiência do cliente em uma loja virtual afeta as vendas - Pablo Can...Como a experiência do cliente em uma loja virtual afeta as vendas - Pablo Can...
Como a experiência do cliente em uma loja virtual afeta as vendas - Pablo Can...Rakuten Brasil
 
Palestra tdc negócios - bianca luttenschlager
Palestra tdc   negócios - bianca luttenschlagerPalestra tdc   negócios - bianca luttenschlager
Palestra tdc negócios - bianca luttenschlagerBianca Luttenschlager
 
Teste de Usabilidade e Percurso Cognitivo
Teste de Usabilidade e Percurso CognitivoTeste de Usabilidade e Percurso Cognitivo
Teste de Usabilidade e Percurso CognitivoLaís Berlatto
 
Qual aula_05__design_e_reprojeto_de_usabilidade
Qual  aula_05__design_e_reprojeto_de_usabilidadeQual  aula_05__design_e_reprojeto_de_usabilidade
Qual aula_05__design_e_reprojeto_de_usabilidadeRafael Lima
 
Testes de usabilidade com uma pitada de lean ux
Testes de usabilidade com uma pitada de lean uxTestes de usabilidade com uma pitada de lean ux
Testes de usabilidade com uma pitada de lean uxQualister
 
Teste com usuários e teste de comunicabilidade no Livemocha
Teste com usuários e teste de comunicabilidade no LivemochaTeste com usuários e teste de comunicabilidade no Livemocha
Teste com usuários e teste de comunicabilidade no LivemochaTiago Rigoletto
 
Lean inception: como alinhar pessoas e construir o produto certo
Lean inception: como alinhar pessoas e construir o produto certoLean inception: como alinhar pessoas e construir o produto certo
Lean inception: como alinhar pessoas e construir o produto certoPaulo Caroli
 
Transformational Design Thinking - Aula 8
Transformational Design Thinking - Aula 8Transformational Design Thinking - Aula 8
Transformational Design Thinking - Aula 8Lu Terceiro
 
Desenvolvendo aplicativos para windows 8
Desenvolvendo aplicativos para windows 8Desenvolvendo aplicativos para windows 8
Desenvolvendo aplicativos para windows 8Janynne Gomes
 
Projeto de Interfaces - Aula 04
Projeto de Interfaces - Aula 04Projeto de Interfaces - Aula 04
Projeto de Interfaces - Aula 04Carlos Rosemberg
 
Cucumber e melhores práticas
Cucumber e melhores práticasCucumber e melhores práticas
Cucumber e melhores práticasDalton Teixeira
 
ROI no front end - vamos pensar em lucro?
ROI no front end - vamos pensar em lucro?ROI no front end - vamos pensar em lucro?
ROI no front end - vamos pensar em lucro?Guilherme Serrano
 
Windows 8 - Introdução ao desenvolvimento de apps
Windows 8 - Introdução ao desenvolvimento de appsWindows 8 - Introdução ao desenvolvimento de apps
Windows 8 - Introdução ao desenvolvimento de appsJanynne Gomes
 
UX para Startups
UX para StartupsUX para Startups
UX para StartupsTuia
 
Teste formal de usabilidade do app pinterest
Teste formal de usabilidade do app pinterestTeste formal de usabilidade do app pinterest
Teste formal de usabilidade do app pinterestFernanda Sarmento
 

Similar a Avaliação de usabilidade do site Staples (16)

Como a experiência do cliente em uma loja virtual afeta as vendas - Pablo Can...
Como a experiência do cliente em uma loja virtual afeta as vendas - Pablo Can...Como a experiência do cliente em uma loja virtual afeta as vendas - Pablo Can...
Como a experiência do cliente em uma loja virtual afeta as vendas - Pablo Can...
 
Palestra tdc negócios - bianca luttenschlager
Palestra tdc   negócios - bianca luttenschlagerPalestra tdc   negócios - bianca luttenschlager
Palestra tdc negócios - bianca luttenschlager
 
Teste de Usabilidade e Percurso Cognitivo
Teste de Usabilidade e Percurso CognitivoTeste de Usabilidade e Percurso Cognitivo
Teste de Usabilidade e Percurso Cognitivo
 
Qual aula_05__design_e_reprojeto_de_usabilidade
Qual  aula_05__design_e_reprojeto_de_usabilidadeQual  aula_05__design_e_reprojeto_de_usabilidade
Qual aula_05__design_e_reprojeto_de_usabilidade
 
Testes de usabilidade com uma pitada de lean ux
Testes de usabilidade com uma pitada de lean uxTestes de usabilidade com uma pitada de lean ux
Testes de usabilidade com uma pitada de lean ux
 
Teste com usuários e teste de comunicabilidade no Livemocha
Teste com usuários e teste de comunicabilidade no LivemochaTeste com usuários e teste de comunicabilidade no Livemocha
Teste com usuários e teste de comunicabilidade no Livemocha
 
Lean inception: como alinhar pessoas e construir o produto certo
Lean inception: como alinhar pessoas e construir o produto certoLean inception: como alinhar pessoas e construir o produto certo
Lean inception: como alinhar pessoas e construir o produto certo
 
Transformational Design Thinking - Aula 8
Transformational Design Thinking - Aula 8Transformational Design Thinking - Aula 8
Transformational Design Thinking - Aula 8
 
E28LL03
E28LL03E28LL03
E28LL03
 
Desenvolvendo aplicativos para windows 8
Desenvolvendo aplicativos para windows 8Desenvolvendo aplicativos para windows 8
Desenvolvendo aplicativos para windows 8
 
Projeto de Interfaces - Aula 04
Projeto de Interfaces - Aula 04Projeto de Interfaces - Aula 04
Projeto de Interfaces - Aula 04
 
Cucumber e melhores práticas
Cucumber e melhores práticasCucumber e melhores práticas
Cucumber e melhores práticas
 
ROI no front end - vamos pensar em lucro?
ROI no front end - vamos pensar em lucro?ROI no front end - vamos pensar em lucro?
ROI no front end - vamos pensar em lucro?
 
Windows 8 - Introdução ao desenvolvimento de apps
Windows 8 - Introdução ao desenvolvimento de appsWindows 8 - Introdução ao desenvolvimento de apps
Windows 8 - Introdução ao desenvolvimento de apps
 
UX para Startups
UX para StartupsUX para Startups
UX para Startups
 
Teste formal de usabilidade do app pinterest
Teste formal de usabilidade do app pinterestTeste formal de usabilidade do app pinterest
Teste formal de usabilidade do app pinterest
 

Más de Profite - Marketing para Comércio Eletrônico

Más de Profite - Marketing para Comércio Eletrônico (20)

Caso de Exito SEO VTEX : ELECTROLUX
Caso de Exito SEO VTEX : ELECTROLUXCaso de Exito SEO VTEX : ELECTROLUX
Caso de Exito SEO VTEX : ELECTROLUX
 
Case Sawary - profite e Vtex
Case  Sawary - profite  e VtexCase  Sawary - profite  e Vtex
Case Sawary - profite e Vtex
 
Case benevento seo VTEX
Case benevento seo  VTEXCase benevento seo  VTEX
Case benevento seo VTEX
 
Oportunidades no e-commerce B2B
Oportunidades no e-commerce B2BOportunidades no e-commerce B2B
Oportunidades no e-commerce B2B
 
Como fazer o melhor e-commerce de supermercados do Brasil / América Latina
Como fazer o melhor e-commerce de supermercados do Brasil / América LatinaComo fazer o melhor e-commerce de supermercados do Brasil / América Latina
Como fazer o melhor e-commerce de supermercados do Brasil / América Latina
 
Profite institucional 2014
Profite institucional 2014Profite institucional 2014
Profite institucional 2014
 
Top 10 boas idéias para sua loja virtual em Março 2014 + Super Grifes / Moda
Top 10 boas idéias para sua loja virtual em Março 2014 + Super Grifes / ModaTop 10 boas idéias para sua loja virtual em Março 2014 + Super Grifes / Moda
Top 10 boas idéias para sua loja virtual em Março 2014 + Super Grifes / Moda
 
Findability - E-commerce - Mobile
Findability - E-commerce - MobileFindability - E-commerce - Mobile
Findability - E-commerce - Mobile
 
Top 10 boas idéias para sua loja virtual em janeiro 2014 + Soluções Responsi...
Top 10 boas idéias para sua loja virtual em janeiro 2014 + Soluções Responsi...Top 10 boas idéias para sua loja virtual em janeiro 2014 + Soluções Responsi...
Top 10 boas idéias para sua loja virtual em janeiro 2014 + Soluções Responsi...
 
Top 10 boas idéias e funcionalidades para sua loja a mega retrospectiva 2013
Top 10 boas idéias e funcionalidades para sua loja   a mega retrospectiva 2013Top 10 boas idéias e funcionalidades para sua loja   a mega retrospectiva 2013
Top 10 boas idéias e funcionalidades para sua loja a mega retrospectiva 2013
 
Top 20 boas idéias para sua loja virtual em novembro2013 - Especial Mobile
Top 20 boas idéias para sua loja virtual em novembro2013 - Especial MobileTop 20 boas idéias para sua loja virtual em novembro2013 - Especial Mobile
Top 20 boas idéias para sua loja virtual em novembro2013 - Especial Mobile
 
Apresentação Profite 2013
Apresentação Profite 2013Apresentação Profite 2013
Apresentação Profite 2013
 
Top 20 boas idéias funcionalidades para sua loja virtual em outubro2013
Top 20 boas idéias funcionalidades para sua loja virtual em outubro2013Top 20 boas idéias funcionalidades para sua loja virtual em outubro2013
Top 20 boas idéias funcionalidades para sua loja virtual em outubro2013
 
Em busca da experiência perfeita - Usabilidade e velocidade da sua loja const...
Em busca da experiência perfeita - Usabilidade e velocidade da sua loja const...Em busca da experiência perfeita - Usabilidade e velocidade da sua loja const...
Em busca da experiência perfeita - Usabilidade e velocidade da sua loja const...
 
TOP 20 boas idéias/funcionalidades para sua loja virtual em Setembro/2013
TOP 20 boas idéias/funcionalidades para sua loja virtual em Setembro/2013TOP 20 boas idéias/funcionalidades para sua loja virtual em Setembro/2013
TOP 20 boas idéias/funcionalidades para sua loja virtual em Setembro/2013
 
20 boas idéias/funcionalidades para sua loja virtual em agosto/2013
20 boas idéias/funcionalidades para sua loja virtual em agosto/201320 boas idéias/funcionalidades para sua loja virtual em agosto/2013
20 boas idéias/funcionalidades para sua loja virtual em agosto/2013
 
TOP 15 boas idéias para o varejo Virtual JUNHO 2013
TOP 15 boas idéias para o varejo Virtual JUNHO 2013TOP 15 boas idéias para o varejo Virtual JUNHO 2013
TOP 15 boas idéias para o varejo Virtual JUNHO 2013
 
TOP 20 boas idéias para o varejo Virtual JULHO2012
TOP 20 boas idéias para o varejo Virtual JULHO2012TOP 20 boas idéias para o varejo Virtual JULHO2012
TOP 20 boas idéias para o varejo Virtual JULHO2012
 
Experiência do cliente - Performance como vantagem competitiva
Experiência do cliente - Performance como vantagem competitivaExperiência do cliente - Performance como vantagem competitiva
Experiência do cliente - Performance como vantagem competitiva
 
Profite - América Latina
Profite - América LatinaProfite - América Latina
Profite - América Latina
 

Avaliação de usabilidade do site Staples

  • 1.
  • 2.
  • 3.
  • 5. A qualidade de um web site medidapelafacilidadeque um usuárionavegaemsuaspáginaselocalizaedescobrequebuscava. Peter Morville
  • 6. Case Staples : Redesign
  • 7. Case Staples : Avaliação Heurística Avaliação de especialista em Usabilidade levantando a qualidadeda interface.
  • 8. Adicionar ao carrinho •Espaços mal utilizados. •Imagens dentro de box dentro de box,muitos compartimentos. Case Staples : Resultado da Avaliação Heurística
  • 9. Menu aberto com call to action edestaque. Case Staples : Aplicação da Avaliação Heurística
  • 10. Case Staples : Passo 02 Avaliação de mapa de calor Ferramenta CrazyEgg, ela nos mostra as áreas mais clicadas no site. Mostrando com usuários reais interagem com a interface.
  • 11. Case Staples : Aplicação de resultado de mapa de calor Ferramenta CrazyEgg, ela nos mostra as áreas mais clicadas no site. Mostrando com usuários reais interagem com a interface. A leitura do menu não chama a atenção do usuário. O botão mais acessado - Cadeiras e Móveis está mal posicionado.
  • 12. Case Staples : Eyetracking via AttentionWizzard •Ausência de ponto focal •Pouca navegação de menu •Marca pouco valorizada
  • 13. Case Staples : Aplicação resultado Atention Wizard •Ponto focal bem definido •Navegação de menu efetiva, passando pelas seções sazonais. •Valorização da marca. •Atenção ao carrinho de compras resultando em conversão.
  • 14. éumaavaliação de como um site éencontradona web através de mecanismos de buscas.
  • 15. Alta Qualidade de código + Rápida indexação no Google + Facil customização Case Blogs : Glamour e Organomix
  • 16. Case Blogs : CompraFacil 5 anos em primeiro orgânico
  • 17. #1 lugar do google Em menos de uma semana Case Blogs : Glamour e Organomix
  • 18. Menu aberto com call to action edestaque. Case Blogs : Glamour e Organomix Insere todos os produtos da receita no carrinho.
  • 19. Integrado a interfaceeambiente VTEX Case Blogs : Glamour e Organomix
  • 20. Integração físico e digital Case ShoulderLookBook Digital

Notas del editor

  1. Boa tarde meu nome é Pablo , e sou gerente da Profite.Hoje eu vou apresentar 03 cases da Profite, que somam inovação e foco no consumidor para gerar experiências fantásticas.Redesing da loja Staples, Blog da Glamour e Organomix e Lookbook da Shoulder.
  2. Antes vou falar um pouco da Profite.Em 2012 fomos eleitos no ESHOW Awards agência mais criativa no nosso segmento.E nosso cliente a Eletroncia Santana foi premiado como a loja com melhor taxa de conversão.
  3. Alguns de nosso clientes hoje.
  4. Somos a única agência Platinum na Vtex.
  5. Para gerar experiência fantásticas é preciso ter um conceito que guie a agência, e o nosso é o Findabilty. Conceito criado pelo Peter Movile em 95.E que significa encontrabilidadeÉ a medida de qualidade de um site, avaliando se é fácil ou difícil para um usuário encontrar o que procura.
  6. Vamos começar pelo Redesign do site da Staples.Hoje na Profite temos certeza que uma loja depois do seu golive, precisa ser avaliada constantemente e de 03 em 03 meses se renovar.Utilizando de uma metodologia de avaliação em 03 etapas construirmos uma interfacemais acertiva.
  7. Primeira etapa : Avaliação heuristica.Especialista de usabilidade utiliza sua experiência em projetos de interface, e navega na loja gerando uma lista de otimizações.
  8. A avaliação levantou que o menu da loja era mal utilizado.Que faltava call to action e que o elemento continha um design com muitos elementos em caixa.
  9. O Resultado foi um menu, mais leve e que tem o produto apresentado de forma inovadora e mantém o foco na conversão com call to action em destaque.