Quand je clique sur un point de la carte sur desktop, la modale s'ouvre sur le côté droit
Description de la demande
Contexte Métier
Motivation :
L'objectif est de rendre la navigation de la carte plus fluide quand l'utilisateur souhaite consulter des points sur deskop uniquement (aujourd'hui, la navigation sur desktop présente des défauts, cf. comportement actuel ci-dessous).
Cas d'usage :
N'importe quel utilisateur qui utilise la carte (grand public jusqu'à l'animateur régional ou le super utilisateur), sur un écran de PC portable ou plus grand, aller sur la carte de l'énergie citoyenne sur energie-partagee.org ou sur MonCompte et essayer de cliquer sur des points pour ouvrir des modales (acteur ou projet ou site de production). Cf. exemple en fin de ticket.
Bénéfices attendus :\
- Pouvoir consulter des points plus rapidement, sans freins de navigation. In fine : pouvoir accéder à l'information plus rapidement, être plus serein au moment de la navigation.
Spécifications
Comportement Actuel
Aujourd'hui, 1 clic sur 1 point de la carte engendre l'ouverture d'une modale (acteur ou projet ou site de production) et donc :
- 1 changement de centrage pour l'utilisateur : la carte se recentre sur la modale au lieu de rester sur la zone explorée
- la modale peut dépasser la taille de frame de la carte en vertical
- La modale peut prendre énormément de place sur la carte, obligeant l'utilisateur à fermer la modale (ce qui est possible qu'en trouvant le bouton fermer en haut à droite) pour pouvoir aller explorer une autre géographie
Exemple de modale qui excède la taille de la frame de la carte.
Comportement Souhaité
Après le clic sur un point de la carte :
- Garder le centrage sur la carte tel quel
- Zoning
- Ouvrir la modale sur le côté droit de la carte
- La taille de la modale en vertical n'excède pas la taille de la frame de la carte
- S'il y a bcp d'informations dans la modale, l'utilisateur peut scroller pour découvrir les informations
- Le bouton "découvrir l'histoire" est toujours rendu visible
- La personne peut continuer à zoomer / dézoomer (boutons visibles, si besoin placer dans un autre coin, en bas à gauche par exemple)
- Le logo EP peut être caché derrière la modale, ou pousser de la même manière que les boutons zoom
- Garder le même contenu dans les modales
Flux Utilisateur
- Aller sur la carte de l'énergie citoyenne
- Zoomer sur une zone
- Cliquer sur un point (acteur ou projet ou site de production)
- Consulter la modale ouverte sur le côté droit
- Changer de zone, changer les filtres
- Cliquer sur un autre point (acteur ou projet ou site de production)
- Consulter un autre modale
Critères d'Acceptation
Cf. la maquette Figma mise en ressource
- Critère 1 : la modale (acteur ou projet ou site de production) s'ouvre sur le côté droit
- Critère 2 : la carte reste centrée sur place
Ressources
-
Maquettes/Mockups
-
Exemple
de comportement actuel :
- Échéance souhaitée : (Date)
- Budget: (Quick&Dirty / )