É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 :
- Page défis !1271 (merged)
Options :
- Page options !1272 (merged)
Profile :
- Sélection du profil !1273 (merged)