DISIC
Gestion des états de chargement
Comment doit-on gérer les états de chargement (appels API...) ? Est-ce qu'on affiche un loader, un composant dédié... ?
Le DSFR prépare un composant .fr-spinner pour T4 2022.
En attendant, une zone live avec un spinner maison ?
J'ai préparé ça : https://www.figma.com/proto/qCTL95STdNBcQMRXdxQEx4/MVP---Nouvel-audit---B%C3%8ATA-(Version-1.3)?page-id=0%3A1&node-id=1294%3A145230&viewport=14698%2C206%2C0.38&scaling=min-zoom&starting-point-node-id=1294%3A145230&show-proto-sidebar=1 Design d'un spinner dans les boutons lorsque l'on passe d'une étape à l'autre (c'est pas méga fluide dû au proto mais on a l'idée). Je me suis dis qu'en attendant la solution DSFR c'était le moins complexe à mettre en place. D'un point de vue access je ne sais pas si il y a des choses à anticiper là dessus ? @benoitdequick Je ne suis pas certain d'avoir compris par contre dans quel cas utiliser la barre de chargement au top du site évoqué par Benoît (cf. https://www.systeme-de-design.gouv.fr/elements-d-interface). Merci
@ThomasBonamy @AdrienMuzyczka Il y'a aussi le cas où on arrive sur l'app et les données de l'audit doivent être chargées. Pour l'instant on affiche rien tant que ça charge.
Oui tout à fait, dans l'idée et de mon côté je trouve que les "skeleton screens" fonctionnent bien, avec idéalement une animation qui contribuent à donner l'impression que le temps de chargement est moins long. Quand on charge les données actuellement, c'est toutes les données d'un coup et on affiche quand tout est loadé ou ça s'affiche petit à petit au rythme auquel ça se load ?
Quand on charge les données actuellement, c'est toutes les données d'un coup et on affiche quand tout est loadé ou ça s'affiche petit à petit au rythme auquel ça se load ?
On affiche tout en même temps. Il y'a très peu de données "différentes" à charger actuellement. Sur l'étape 3, on a 2 requêtes API :
- les infos de l'audit
- les résultats des critères de l'audit
Sur le rapport, il n'y a qu'une seule requête API.
Idéalement :
Audit
- Passage d'une page à une autre : spinner dans le bouton (cf message 31 août). On ne passe pas à la page suivante avant que les données de la page à afficher aient été chargées
- Sur l'étape 3 si l'auditeur vient de l'étape 2 : spinner dans le bouton "Suivant" à l'étape précédente. On ne passe pas à la page suivante avant que les données de la page à afficher aient été chargées
- Sur l'étape 3 si l'auditeur arrive sur cette page par le lien admin : skeleton screen
Rapport d'audit
- Chargement de la page la première fois qu'on arrive sur le rapport : skeleton screen
- Question : est-ce qu'il peut y avoir des délais de chargement lors de l'utilisation des filtres dans l'onglet "Détail des résultats" ?
@benoitdequick. Est-ce que les "skeleton screens" posent un problème côté accessibilité ? D'autres problèmes en vue avec les loaders ?
On a un mécanisme qui fait que l'image est semi-transparente pendant le chargement. Peut-être vérifier l'accessibilité du système ? L'indicateur d'enregistrement s'active aussi après l'upload.
