1 Stéphanie Walter pour Wdstr – Ergonomie et perception de performanceStéphanie Walter pour WdStr @WalterStephanie
2 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
L’impression de vitesse influence la perception de ...
3 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
Cette loi n’a presque rien à voir avec les bières
I...
4 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
• Pour qu’un utilisateur détecte un
changement nota...
5 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
Indiquer que l’action de touch/clique a bien été pr...
6 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
Instagram : effectue l’action en tâche de fond pend...
7 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
Chrome iOS propose une animation en 3 temps au char...
8 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
9 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
Proposer à l’utilisateur un squelette du futur cont...
10 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
Proposer à l’utilisateur un squelette du futur con...
11 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
Afficher le contenu « rapidement » chargeable en p...
12 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
Afficher rapidement les premiers contenus puis cha...
13 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
On affiche et enregistre le « like » en local même...
14 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
Pareil pour les commentaires : pas encore envoyé, ...
15 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
16 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
17 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
18 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
C’est pas mon app qui est lente, c’est l’appareil
19 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance
Prochain SlideShare
Chargement dans…5
×

Ergonomie de l'attente et impression de performance

721 vues

Publié le

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

Publié dans : Design
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
721
Sur SlideShare
0
Issues des intégrations
0
Intégrations
87
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

×