Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Além dos Milissegundos: a Psicologia da Performance

Além dos Milissegundos: a Psicologia da Performance

A noção de tempo pode ser dividida em duas formas: objetiva e subjetiva. Enquanto a noção objetiva é facilmente mensurável, a subjetiva envolve a percepção psicológica de como o tempo transcorre.

Estas noções também se aplicam à Web; compressão de imagens, caching e redução de requisições HTTP são exemplos de técnicas consagradas que impactam a performance de forma mensurável.

No entanto, os números absolutos não contam a história completa - a performance está diretamente ligada à maneira como nossos cérebros percebem o carregamento da página. APIs lentas, redirecionamentos e requisições assíncronas são alguns dos gargalos de performance negligenciados por fugirem ao nosso controle.

Nessa palestra vou falar de conceitos para aumentar a percepção de performance e técnicas que apliquei com sucesso em produtos que somam bilhões de page views mensais.

Dcefb2e14174a2488cdffd7cfa721b2f?s=128

João Cunha

January 22, 2020
Tweet

Transcript

  1. João Cunha @JoaoCunha Além dos Milissegundos: a Psicologia da Performance

  2. None
  3. Cronógrafo Fases da lua Horário mundial Dia Calendário perpétuo https://www.wixonjewelers.com/product-category/fine-timepieces/patek-philippe/

    Complicações arte + ciência + engenharia + criatividade + regras
  4. Watchmaker Breaks Down Swiss vs Japanese Made Watches | WIRED

    https://www.youtube.com/watch?v=7hSZFO5QUmE
  5. MINUTE REPEATER - Inventado em 1676 pelo reverendo inglês Edward

    Barrel - Portado para relógio de pulso em 1992 (Philippe Dufour Grande Sonerie) - Primeira opção de relógio acessível para pessoas cegas
  6. https://en.wikipedia.org/wiki/Repeater_(horology)

  7. Patek Philippe Minute Repeater - https://www.youtube.com/watch?v=CZxo-fXscxg

  8. A. Lange & Söhne - https://www.youtube.com/watch?v=3Ttb8O2GAuw 07:52

  9. 10:58

  10. https://www.flickr.com/photos/7589250@N08/10608010365/ KKKK TE ODEIO Seiko Astron - 1969 Primeiro relógio

    com movimento a quartzo
  11. TEMPO Tempo

  12. Tempo Objetivo É o tempo mensurável com um relógio

  13. 00:00:00.250 Um piscar de olhos

  14. 00:01:07.281 Volta mais rápida no Circuito de Interlagos

  15. 00:12:51.000 Intervalo médio entre gols da Alemanha no fatídico 7x1

  16. Tempo Subjetivo É a percepção de como o tempo transcorre

  17. Um voo de 12 horas com ou sem entretenimento de

    bordo
  18. 1 minuto dentro do banheiro ou 1 minuto na fila

  19. (0 - 0,2s) Instantâneo Imediato (0,5 - 1s) Fluidez e

    foco (2 - 5s) Limiar de atenção (5 - 10s)
  20. O tempo é feito de Eventos

  21. O tempo persiste meramente como uma consequência de eventos ocorrendo

    dentro dele. Martin Heidegger - Filósofo alemão 1889-1976
  22. EVENTO Início Fim } Espera

  23. Espera passiva

  24. É o período em que a pessoa não tem escolha

    ou controle sobre o tempo, e seu foco está na espera em si.
  25. Ressonância magnética

  26. Pessoas em espera passiva SUPERESTIMAM o tempo em cerca de

    36% Jacob Hornik - Subjective vs. Objective Time Measures: A Note on the Perception of Time in Consumer Behavior https://www.jstor.org/stable/2489149?seq=1 Richard C. Larson - Perspectives on Queues: Social Justice and the Psychology of Queueing https://www.jstor.org/stable/171439?seq=1
  27. Espera ativa

  28. É o período em que a pessoa precisa realizar alguma

    tarefa física ou mental enquanto espera.
  29. Cortar alimentos enquanto refoga a cebola

  30. A maior parte das pessoas NÃO PERCEBE a espera ativa

    como uma espera de fato.
  31. Percepção Psicologia & Neurociência

  32. A Psicofísica investiga a correspondência entre a magnitude das propriedades

    dos estímulos através dos instrumentos da física e do sistema perceptual humano. Psicofísica
  33. None
  34. MÉDICO ALEMÃO Iniciou as pesquisas de percepção em 1834 com

    experimentos táteis usando pesos nas mãos Ernst Heinrich Weber
  35. Além dos Milissegundos: a Psicologia da Performance @JoaoCunha

  36. ☕ ✅ Além dos Milissegundos: a Psicologia da Performance @JoaoCunha

  37. ☕ ✅ ✅ Além dos Milissegundos: a Psicologia da Performance

    @JoaoCunha
  38. ☕ ☕ ✅ ✅ ❌ ✅ Além dos Milissegundos: a

    Psicologia da Performance @JoaoCunha
  39. Além dos Milissegundos: a Psicologia da Performance @JoaoCunha

  40. ❌ Além dos Milissegundos: a Psicologia da Performance @JoaoCunha

  41. Aluno de Weber Forneceu status de ciência ao estudo da

    percepção Aplicou os conceitos físicos a experiência sensoriais Gustav Theodor Fechner FILÓSOFO, MATEMÁTICO E FÍSICO
  42. Lei de Weber-Fechner

  43. None
  44. Limiar Diferencial a diferença mínima entre dois estímulos para que

    seja notada alguma diferença entre eles
  45. Magnitude aparente ou Fator de Pogson BRILHO DAS ESTRELAS

  46. https://en.wikipedia.org/wiki/Apparent_magnitude

  47. Magnitude 1 Magnitude 2 Magnitude 3 Magnitude 4 Magnitude 5

    Magnitude 6 2.5x menos brilhante x 2.5 x 6.25 x 16 x 40 x 100 Antares Polaris Cor Caroli Alpha Cancri 2.5x menos brilhante 2.5x menos brilhante 2.5x menos brilhante 2.5x menos brilhante
  48. Escala Richter INTENSIDADE DE TERREMOTOS https://wiki.ubc.ca/Course:Math110/003/Teams/Ticino/The_Richter_Scale

  49. Decibél NÍVEL DE RUÍDO

  50. O tempo NÃO É uma exceção à Lei de Weber-Fechner

  51. 10 segundos 8 seg 12 seg Mais rápido Mais devagar

    -20% +20% Experimentos de Psicofísica mostram que o Limiar Diferencial de tempo chega a ~20% Designing and Engineering Time: The Psychology of Time Perception in Software Steven C. Seow Ph.D. https://bit.ly/2NNPpbl 6.4 seg 5.1 seg 14.4 seg 17.2 seg
  52. O site está lento! Não consigo usar!

  53. 5s 4.5s

  54. Nenhuma diferença é notada

  55. Se usarmos o limiar diferencial, esse site teria que carregar

    em 4s (1s = 20% a menos) para que a diferença fosse notada
  56. Métricas de Tempo na Web

  57. FP FCP LCP TTI Largest Contentful Paint (LCP) A página

    está funcionando? A página é útil? A página pode ser usada?
  58. FID: First Input Delay O delay entre o carregamento de

    um elemento e a tentativa de interação com ele
  59. TTI FID LCP Largest Contentful Paint (LCP)

  60. https://infrequently.org/2017/10/can-you-afford-it-real-world-web-performance-budgets/

  61. Quase 15 segundos

  62. Início antecipado https:/ /www.behance.net/gallery/19040507/ Round-iPhone-app

  63. EVENTO Início Fim Início Antecipado

  64. Aeroporto de Houston, Texas

  65. Demora para pegar bagagens

  66. Contrataram mais carregadores de bagagem…

  67. A espera reduziu, mas as reclamações continuaram

  68. Portões de desembarque perto das esteiras de bagagem.

  69. Solução: Afastar os portões de desembarque

  70. None
  71. None
  72. Conclusão Antecipada

  73. EVENTO Início Fim Conclusão Antecipada

  74. None
  75. Skeleton

  76. UI otimista

  77. UI otimista

  78. UI otimista

  79. Kokota https://www.iconfinder.com/iconsets/free-1 UI otimista

  80. Números

  81. ~50% das pessoas esperam que uma página carregue em menos

    de 2 segundos Akamai Technologies Consumer Web Performance Expectations Survey, 2014 https://bit.ly/3aBz1nO Além dos Milissegundos: a Psicologia da Performance @JoaoCunha
  82. 53% das visitas são abandonadas se um site mobile leva

    mais de três segundos para carregar DoubleClick by Google Global, March 2016 https://bit.ly/37jmJyA Além dos Milissegundos: a Psicologia da Performance @JoaoCunha
  83. ‣ Sessões 70% mais longas ‣ 60% mais page views

    por visita ‣ Bounce rate 35% menor ‣ 2x em receitas de ads no mobile ‣ Aumento de 25% em views de ads mobile DoubleClick by Google Global, March 2016 https://bit.ly/37jmJyA Além dos Milissegundos: a Psicologia da Performance @JoaoCunha Load time: 5s x 19s
  84. Cases

  85. TTI diminuiu de 26 para 5.6 segundos Tempo no site

    > 5 min +40% Receita em ads +44% Ads clicados +50% Engajamento geral +60%
  86. None
  87. SCORE: 59 SCORE: 96

  88. Crescimento de 3x em palavras- chave indexadas nos top 3

    resultados do Google
  89. Conclusão

  90. Performance pode esbarrar em limites técnicos ou de orçamento Além

    dos Milissegundos: a Psicologia da Performance @JoaoCunha
  91. A maioria da população possui dispositivos antigos Além dos Milissegundos:

    a Psicologia da Performance @JoaoCunha
  92. Além dos Milissegundos: a Psicologia da Performance @JoaoCunha The Cost

    of JavaScript - Addy Osmani, 2018 https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4
  93. É difícil melhorar o que você não mede Além dos

    Milissegundos: a Psicologia da Performance @JoaoCunha
  94. Performance também é percepção Além dos Milissegundos: a Psicologia da

    Performance @JoaoCunha
  95. Envolva a performance nas decisões Além dos Milissegundos: a Psicologia

    da Performance @JoaoCunha
  96. Labor Illusion Harvard Business Review https://hbr.org/2011/05/think-customers-hate-waiting-not-so-fast Mais rápido é sempre

    melhor?
  97. https:/ /www.smashingmagazine.com/2015/09/why-performance-matters-the-perception-of-time/ Denys Mishunov - @mishunov Why perceived performance matters

  98. bit.ly/dicas-performance

  99. joao@joaocunha.net @joaocunha @joaocunha86 @joaocunhanet