Experiência do cliente - Performance como vantagem competitiva

543 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
543
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
16
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Experiência do cliente - Performance como vantagem competitiva

  1. 1. Experiência do cliente Performance comovantagem competitiva
  2. 2. Objetivo da conversa: Acabar com a inveja A loja do meu concorrenteé mais rápida!
  3. 3. Objetivo da conversa: Direcionar a raiva! Quem é o maior culpado? Plataforma? TI? Agência? Designers?
  4. 4. A velocidade da sua loja como diferencial competitivo :10 dicas 1. A experiência do usuário e a perfomace da loja? 1. Expectativa X Realidade 2. Como funciona seu cérebro? 3. Como funciona seu Browser? 4. As três métricas para avaliação de velocidade 2. Metodologia Profite de análise? 1. Matriz Profite de análise 2. Aplicação da Matriz 3. Velocidade como oportunidade 4. Aplicação com case da platéia 3. Ferramentas para avaliação: 1. Pingdon 2. Speedtools 3. Webpagetools 4. Conclusão OtimizaçãoFront-end 1. HTML / CSS / JS / Imagens 2. Interface
  5. 5. A experiência do usuário 47% dos internautas nãoirão esperar mais do que três segundospara o carregamento de um site, em 2006 o tempo era de quatro segundos.
  6. 6. A experiência do usuário Compradores se tornam desatentos em sites lentos, 14% mudam de loja e 23% desistem da compra
  7. 7. A experiência do usuário A cada anoa velocidade da WEB aumenta e os sites carregam mais rápido?
  8. 8. A experiência do usuário A cada ano a velocidade da WEB aumenta e os sites carregam mais rápido? Em geral as lojas ficaram mais lentas. Não!
  9. 9. A experiência do usuário A cada ano a velocidade da WEB aumenta e os sites carregam mais rápido? Estudo com os 2000 top Retail sites USA 2011 -> 5.94sec 2012 -> 6.50sec TOP 100 >> 7.14sec TOP 100 >> 100 files As stores estão 9% mais lentos do que em 2011
  10. 10. Como funciona seu cérebro?
  11. 11. 1. Como funciona seu cérebro Como funciona seu cérebro?
  12. 12. Como funciona seu Browser?
  13. 13. As três métricas para velocidade Tempo de carregamento Quantidade de arquivos Soma total de bytes Use as métricas para cobrar: Suaequipe SuaAgência SuaPlataforma de Ecommerce Seu Host
  14. 14. AS 03 Métricas para avaliação de velocidade. tempo de carregamento da loja no browser Assim que o browser começa receber os arquivos ele organiza visualmente os códigos no formato da interface que o cliente utiliza para navegar na sua loja.
  15. 15. AS 03 Métricas para avaliação de velocidade. Quantidade de arquivos enviados para browser do seu cliente Quanto maior números de arquivos enviados para o cliente mais tempo a sua loja levará para carregar.
  16. 16. AS 03 Métricas para avaliação de velocidade. - Soma total de bytes dos arquivos da sua loja Soma total em bytes dos arquivos incluindo Html, imagens, css, javascript/jquery, Flash e etc
  17. 17. Velocidade como oportunidade Qual a oportunidade?
  18. 18. Velocidade como oportunidade
  19. 19. Velocidade como oportunidade
  20. 20. Velocidade como oportunidade
  21. 21. As três ferramentas para avaliação de performance Avaliação detalhada PorArquivos Qualidade de código Comparação entre players Pornotasevisuais
  22. 22. 04>Ferramentas: GOOGLE PAGE SPEED
  23. 23. 04>Ferramentas: PingDOM.com
  24. 24. 04>Ferramentas: Webpage.org
  25. 25. Soluções simples : Menos arquivos: Sprites CSS único JS único Menos bytes: MinifyJS e CSS Compactação de imagens
  26. 26. Usabilidade : Planejamento de usabilidade ( Agência / Criação)
  27. 27. Desenvolvimento: menos arquivos Sprites : Unificar as imagens que se repetem na loja em um arquivo único. CSS único JS único
  28. 28. Desenvolvimento: menos bytes http://javascriptcompressor.com/ http://jsbeautifier.org/ http://www.csscompressor.com/ http://jsbeautifier.org/

×