Slide 1

Slide 1 text

1 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance Stéphanie Walter pour WdStr @WalterStephanie

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

7 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance Chrome iOS propose une animation en 3 temps au chargement de la page

Slide 8

Slide 8 text

8 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance

Slide 9

Slide 9 text

9 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance Proposer à l’utilisateur un squelette du futur contenu

Slide 10

Slide 10 text

10 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance Proposer à l’utilisateur un squelette du futur contenu

Slide 11

Slide 11 text

11 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance Afficher le contenu « rapidement » chargeable en plus du squelette

Slide 12

Slide 12 text

12 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance Afficher rapidement les premiers contenus puis charger le reste au fur et à mesure

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

14 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance Pareil pour les commentaires : pas encore envoyé, mais déjà affichés

Slide 15

Slide 15 text

15 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance

Slide 16

Slide 16 text

16 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance

Slide 17

Slide 17 text

17 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance

Slide 18

Slide 18 text

18 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance C’est pas mon app qui est lente, c’est l’appareil

Slide 19

Slide 19 text

19 Stéphanie Walter pour Wdstr – Ergonomie et perception de performance