Experiência do cliente
Performance comovantagem competitiva
Objetivo da conversa: Acabar com a inveja
A loja do meu
concorrenteé
mais rápida!
Objetivo da conversa: Direcionar a raiva!
Quem é o maior
culpado?
Plataforma?
TI?
Agência?
Designers?
A velocidade da sua loja como diferencial competitivo :10 dicas
1. A experiência do usuário e a perfomace da loja?
1. Expe...
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 2...
A experiência do usuário
Compradores se tornam desatentos em sites lentos,
14% mudam de loja e 23% desistem da compra
A experiência do usuário
A cada anoa
velocidade da
WEB aumenta e
os sites carregam
mais rápido?
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...
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 Re...
Como funciona seu cérebro?
1. Como funciona seu cérebro
Como funciona seu cérebro?
Como funciona seu Browser?
As três métricas para velocidade
Tempo de carregamento
Quantidade de arquivos
Soma total de bytes
Use as métricas para cob...
AS 03 Métricas para avaliação de velocidade.
tempo de carregamento da loja no browser
Assim que o browser começa receber o...
AS 03 Métricas para avaliação de velocidade.
Quantidade de arquivos enviados para browser
do seu cliente
Quanto maior núme...
AS 03 Métricas para avaliação de velocidade.
- Soma total de bytes dos arquivos da sua loja
Soma total em bytes dos arquiv...
Velocidade como oportunidade
Qual a oportunidade?
Velocidade como oportunidade
Velocidade como oportunidade
Velocidade como oportunidade
As três ferramentas para avaliação de performance
Avaliação detalhada
PorArquivos
Qualidade de código
Comparação entre pla...
04>Ferramentas: GOOGLE PAGE SPEED
04>Ferramentas: PingDOM.com
04>Ferramentas: Webpage.org
Soluções simples :
Menos arquivos:
Sprites
CSS único
JS único
Menos bytes:
MinifyJS e CSS
Compactação de
imagens
Usabilidade : Planejamento de usabilidade ( Agência / Criação)
Desenvolvimento: menos arquivos
Sprites :
Unificar as imagens
que se repetem na
loja em um arquivo
único.
CSS único
JS úni...
Desenvolvimento: menos bytes
http://javascriptcompressor.com/
http://jsbeautifier.org/
http://www.csscompressor.com/
http:...
Experiência do cliente - Performance como vantagem competitiva
Experiência do cliente - Performance como vantagem competitiva
Experiência do cliente - Performance como vantagem competitiva
Experiência do cliente - Performance como vantagem competitiva
Próximos SlideShares
Carregando em…5
×

Experiência do cliente - Performance como vantagem competitiva

613 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
613
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/

×