Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Ergonomie de l'attente et impression de performance

1,212 views

Published on

Les slides de mon intervention à un apéro WdStr sur la performance web

Published in: Design
  • Be the first to comment

  • Be the first to like this

Ergonomie de l'attente et impression de performance

  1. 1. 1 Stéphanie Walter pour Wdstr – Ergonomie et perception de performanceStéphanie Walter pour WdStr @WalterStephanie
  2. 2. 2 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance L’impression de vitesse influence la perception de la qualité générale du site 13 Reasons Why You Should Pay Attention to Mobile Web Performance
  3. 3. 3 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance Cette loi n’a presque rien à voir avec les bières Image « Beer Glass » via Shutterstock
  4. 4. 4 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance • Pour qu’un utilisateur détecte un changement notable, il suffit que le site//app soit 20 % plus rapide : – 20 % plus rapide que l’ancienne version – 20 % plus rapide que les concurrents Image « Rocket » via Shutterstock
  5. 5. 5 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance Indiquer que l’action de touch/clique a bien été prise en compte par l’appareil
  6. 6. 6 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance Instagram : effectue l’action en tâche de fond pendant que l’utilisateur est occupé à tout remplir
  7. 7. 7 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance Chrome iOS propose une animation en 3 temps au chargement de la page
  8. 8. 8 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
  9. 9. 9 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance Proposer à l’utilisateur un squelette du futur contenu
  10. 10. 10 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance Proposer à l’utilisateur un squelette du futur contenu
  11. 11. 11 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance Afficher le contenu « rapidement » chargeable en plus du squelette
  12. 12. 12 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance Afficher rapidement les premiers contenus puis charger le reste au fur et à mesure
  13. 13. 13 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance On affiche et enregistre le « like » en local même si l’action n’est pas encore traitée niveau serveur
  14. 14. 14 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance Pareil pour les commentaires : pas encore envoyé, mais déjà affichés
  15. 15. 15 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
  16. 16. 16 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
  17. 17. 17 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
  18. 18. 18 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance C’est pas mon app qui est lente, c’est l’appareil
  19. 19. 19 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance

×