Améliorer le pop up sur la carte

[johanricher]

Description

Sur la carte mise en production, on souhaite améliorer le design du pop up pour améliorer la lisibilité et compréhension des informations.

Rendu actuel :

Il s'agit de tendre autant que possible vers la mise en forme visible sur la maquette, en apportant notamment les changements suivants :

• Type de restriction : heading, pas d'icone
• Supprimer l'information sur la période de l'arrêté
• Supprimer l'information "L'arrêté est : en cours" ou "passé"
• "Voir les détails" : aligné à droite, en gras, bleu, sans soulignage
• Majuscule au début des phrases
• Réduire le whitespace

Design

Maquettes

[aureliebaton]

Suite à notre discussion voilà 2 proposition de pop-up entre ce que j'avais proposé à la base et ce qui est en prod. Avez-vous des préférences / commentaires sur l'une ou l'autre ?

[johanricher]

Sachant que dans DiaLog il y a des informations de période (dates et heures de début et fin) qui sont associées tantôt : 1) à l'arrêté ou 2) à une restriction de l'arrêté ou 3) aux deux (cette particularité n'est pas prise en compte dans la maquette).

Par exemple cet arrêté a 3 périodes différentes :

• Arrêté : du 06/07/2024 au 27/07/2024 (à venir)
• Restriction 1 (rue Gabriel Peri) : du 11/06/2024 au 18/06/2024 (passé)
• Restriction 2 (rue de la République) : du 18/07/2024 au 30/07/2024 (à venir)

Sur la carto (cocher "Arrêtés à venir" et "passés") ça donne ça :

Restriction 1 | Restriction 2

On voit bien que les informations sont incohérentes, même si on met de côté le bug où une restriction peut avoir une période en dehors de celle de l'arrêté. Autre exemple réel pour illustrer : un arrêté qui est "en cours" mais qui contient une restriction qui est encore "à venir" : cela pose un problème d'UX autant sur l'affichage de l'info que sur sa recherche (filtrage). La seule chose qui est pertinente c'est la restriction.

Pour avancer je propose de continuer à discuter tout ça de façon holistique avant de mettre ce ticket en "prêt à développer". Mon avis personnel serait dans un premier temps de faire évoluer le pop up sur la carto actuellement en prod et :

• Supprimer dans le pop up carto l'affichage de la période de l'arrêté qui est inutile (et continuer la discussion ici Problèmes liés aux dates de début et fin d'un arrêté #701 (comment) pour décider si on supprime totalement la notion de période d'arrêté) et voir si on remplace "L'arrêté est : à venir/passé" par "La restriction est : à venir/passée" ou si on supprime complètement cette info (cf. ma question ci-dessous)
• Tendre autant que possible vers la mise en forme visible sur la maquette notamment :
  • Garder version avec les icones
  • Heading (lequel ?) sur le type de restriction
  • "Voir les détails" aligné à droite, en gras, bleu sans soulignage
  • Majuscule au début des phrases
  • Moins de whitespace
  • ... (lister le diff)

De manière générale cela me pose problème que la mise en forme des infos sur la restriction dans le pop up diffère de celle sur la page de l'arrêté, car le pop up ne doit être qu'une version synthétique de la même information publique :

• Gras sur certains éléments dans le pop up, pas sur la page
• Julien a introduit le fait que soit explicité que "L'arrêté est : à venir/passé", on a ainsi cette info plus rapidement qu'en regardant la période de la restriction, c'est donc pas complètement redondant mais je m'en remets in fine à ton avis pour trancher sur le fait de la garder ou pas @aureliebaton.

[aureliebaton]

Julien a introduit le fait que soit explicité que "L'arrêté est : à venir/passé", on a ainsi cette info plus rapidement qu'en regardant la période de la restriction, c'est donc pas complètement redondant mais je m'en remets in fine à ton avis pour trancher sur le fait de la garder ou pas @aureliebaton.

Je pense effectivement qu'on peut retirer de la pop-up "L'arrêté est : à venir/passé", on a déjà l'info avec la date et ça ajoute encore une info de plus dans la pop up. D'autant plus que comme ça a été dit la date de l'arrêté n'est pas forcément la même que celle de la mesure : l'arrêté peut par exemple être "en cours" mais la restriction peutêtre déjà terminée.

[aureliebaton]

La dernière maquette de la pop-up est ici https://www.figma.com/design/YuT6Uh4wxe90U8LaPLlDzO/Dialog?node-id=5950-30674&t=zu3AAiI0StOklFYf-1

[johanricher]

J'ai mis à jour la description du ticket pour refléter l'aboutissement de l'exploration, c'est prêt à développer.