Skip to content

Évolutions graphiques

Contexte

Certaines issues reprennent des évolutions graphiques. En parallèle, il est ressorti d'une analyse d'écran plusieurs soucis d'accessibilité, d'inclusivité et d'UI. L'idée est de répondre à tous ces besoins en même temps.

Objectif

L'objectif est d'améliorer l'accessibilité, l'inclusivité mais aussi l'utilisabilité du service.

Ressources

Tâches

La liste de changements suivant peut être faite :

Global :

  • Mise en place d'un système de niveaux de gris pour les (Gris de fond, de section et de groupe) !1262 (merged)
  • Mise en place et uniformisation d'un système d'onglets : !1269 (merged)
    • Analyse : Sélection de comparaison au mois dernier ou à l'année dernière
    • Conso : Sélection du pas de temps qui évolue
    • Astuces : Sélection d'Objectifs
  • Mise en place d'un statut active généralisé pour tout élément activé (onglet, graphique) -> Surbrillance en blanc 10% + statut active du composant d60187dd
  • Evolution et uniformisation des icones de fluides avec seulement deux formes (Actives/Inactives) et des symboles multi/euros/comparaison !1264 (merged)

Conso :

  • Restructuration de la page et déplacement de plusieurs items (Pas de temps, Comparaison etc...) !1268 (merged)
  • Modification de la présentation des informations de comparaison lorsque celle-ci est active
  • Graphique : évolution des graph de comparaison par ajout de motif (accessibilité)

Astuces :

  • Changement d'icone d'efficacité !1270 (merged)
  • Uniformisation de la présentation des modales
  • Uniformisation des boutons de la partie astuces avec le reste du service

Analyse :

  • Changement de la partie comparaison en un seul bloc !1266 (merged)
  • Ajout d'un indicateur visuel d'augmentation ou de baisse pour les consommations !1264 (merged)
  • Réutilisation de la nouvelle sélection par fluide pour le "jour où vous avez le plus consommé"
  • Evolution de la partie comparaison
  • Changement visuel de la correction météo pour matcher le style du reste des écrans -> à peaufiner avec ajout d'icone !1264 (merged)

Défis :

Options :

Profile :

Edited by Bastien DUMONT