Projet

Général

Profil

Development #60163

Retours sur le thème Caen

Ajouté par Marie Kuntz il y a plus de 2 ans. Mis à jour il y a presque 2 ans.

Statut:
Fermé
Priorité:
Normal
Assigné à:
Version cible:
-
Début:
30 décembre 2021
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Non
Planning:
Non

Description

  • sur une page wcs (https://demarches-caen-la-mer.test.entrouvert.org/test-marie-1/ par ex.) :
    • la barre latérale me semble plus étroite que sur combo
    • le titre des pages dans les étapes débordent (cf capture étapes.png)
    • la mise en form des étapes est différente de la maquette (barre séparatrice, texte plus espacé)
    • le code de suivi est plus bas que le titre
  • les messages d'alerte (information, avertissement, erreur) ne sont pas chartés comme sur la maquette (cf messages-alertes.png)

Fichiers

étapes.png (72 ko) étapes.png Marie Kuntz, 30 décembre 2021 12:37
messages-alertes.png (15,8 ko) messages-alertes.png Marie Kuntz, 30 décembre 2021 12:49
alerte.png (17,5 ko) alerte.png Marie Kuntz, 05 janvier 2022 17:53
alerte_maquette.png (17,9 ko) alerte_maquette.png Marie Kuntz, 05 janvier 2022 17:53
nom-compte_maquette.png (10,1 ko) nom-compte_maquette.png Marie Kuntz, 05 janvier 2022 17:54
nom-compte_web.png (2,93 ko) nom-compte_web.png Marie Kuntz, 05 janvier 2022 17:54
picto-menu.png (7,08 ko) picto-menu.png Marie Kuntz, 17 janvier 2022 16:49
categorie_selection.jpg (103 ko) categorie_selection.jpg Marie Kuntz, 17 janvier 2022 17:46
espacement-libelle-champ.jpg (74,2 ko) espacement-libelle-champ.jpg Marie Kuntz, 18 janvier 2022 09:32
Retours_integration_graphique_20220128.ods (48,1 ko) Retours_integration_graphique_20220128.ods Marie Kuntz, 02 février 2022 17:40

Demandes liées

Lié à Intégrations graphiques Publik - Development #60057: nouveau thème: CaenFermé23 décembre 2021

Actions
Lié à Intégrations graphiques Publik - Development #60755: caen: déclarer une couleur de bordure explicite pour le menu de navigationFermé18 janvier 2022

Actions
Lié à Intégrations graphiques Publik - Bug #60756: caen: ne pas "rédimensionner" les boutons lors du survol sur la page "mon compte"Fermé18 janvier 2022

Actions
Lié à Intégrations graphiques Publik - Development #60757: caen: déplacer légerement à gauche le bouton de navigationFermé18 janvier 2022

Actions
Lié à Intégrations graphiques Publik - Development #60758: caen: certains liens-boutons doivent changer de couleur de fond en orange et sans bordure au survolFermé18 janvier 2022

Actions
Lié à Intégrations graphiques Publik - Development #60759: caen: en mobile afficher le code de suivi avant les étapes du formulaireFermé18 janvier 2022

Actions
Lié à Intégrations graphiques Publik - Development #60760: caen: ajouter un peu d'espace entre un widget et son titreFermé18 janvier 2022

Actions
Lié à Intégrations graphiques Publik - Development #60763: caen: réduire la hauteur du bloc avec les étapes d'un formulaire en mobileFermé18 janvier 2022

Actions
Lié à Intégrations graphiques Publik - Development #60765: caen: retirer les bordures de focus sur les titres des cellules pliéesFermé18 janvier 2022

Actions
Lié à Intégrations graphiques Publik - Bug #61778: [Caen] Les titres de page combo (h2) devraient avoir un petit tiretFermé14 février 2022

Actions
Lié à Intégrations graphiques Publik - Development #61779: Caen : centrer le texte « Prénom NOM » dans le bouton en haut à côté de déconnexion.Fermé14 février 2022

Actions
Lié à Intégrations graphiques Publik - Development #61780: Caen : interlignages sur code de suivi Fermé14 février 2022

Actions
Lié à Intégrations graphiques Publik - Development #61781: Caen : code de suivi : modifs sur couleursFermé14 février 2022

Actions
Lié à Intégrations graphiques Publik - Development #61782: Caen : code de suivi : Harmoniser l’épaisseur du trait Rejeté14 février 2022

Actions
Lié à Intégrations graphiques Publik - Development #61783: Caen : bloc en un clic, harmoniserFermé14 février 2022

Actions
Lié à Intégrations graphiques Publik - Development #61784: Caen : menu burger : la croix est "vide"Fermé14 février 2022

Actions
Lié à Intégrations graphiques Publik - Development #61785: Caen : démarche : mettre le nombre d'étapes en gras en mobileFermé14 février 2022

Actions
Lié à Intégrations graphiques Publik - Project management #62295: Thème Caen - Changer le texte du bloc "code de suivi"Rejeté01 mars 2022

Actions
Lié à Intégrations graphiques Publik - Development #62388: Thème Caen - Les ronds en arrière plan ne devraient pas dépasser la barre latérale gauche.Fermé03 mars 2022

Actions
Lié à Intégrations graphiques Publik - Development #62389: Thème Caen - augmenter l’espace entre les lettres majusculesFermé03 mars 2022

Actions
Lié à Intégrations graphiques Publik - Development #62390: Thème Caen - problème d'alignementFermé03 mars 2022

Actions
Lié à Intégrations graphiques Publik - Development #62391: Thème Caen - Problème d’affichage en responsiveFermé03 mars 2022

Actions
Lié à Intégrations graphiques Publik - Development #62392: Thème Caen - Cellule Photo Image déforméeRejeté03 mars 2022

Actions
Lié à Intégrations graphiques Publik - Development #63338: Caen : le calendrier ne reprend pas les couleurs de la maquetteFermé30 mars 2022

Actions

Révisions associées

Révision 106e7f57 (diff)
Ajouté par Serghei Mihai il y a plus de 2 ans

caen: increase foldable cells titles height (#60163)

Révision 8ae25f26 (diff)
Ajouté par Serghei Mihai il y a plus de 2 ans

caen: display bottom border for all link list's items (#60163)

Révision e774af49 (diff)
Ajouté par Serghei Mihai il y a plus de 2 ans

caen: align tracking code cell's text to the title (#60163)

Révision a266086d (diff)
Ajouté par Serghei Mihai il y a plus de 2 ans

caen: restyle tracking code cell's button (#60163)

Révision 1177bba5 (diff)
Ajouté par Serghei Mihai il y a plus de 2 ans

caen: add class to make buttons with gray borders (#60163)

Révision e05c74a3 (diff)
Ajouté par Serghei Mihai il y a plus de 2 ans

caen: don't add margin to footer in desktop mode (#60163)

Révision 08a89cf1 (diff)
Ajouté par Serghei Mihai il y a plus de 2 ans

caen: customize form sidebar width (#60163)

Révision 5fc1c805 (diff)
Ajouté par Serghei Mihai il y a plus de 2 ans

caen: handle long form steps labels (#60163)

Révision 7b1d65f7 (diff)
Ajouté par Serghei Mihai il y a environ 2 ans

caen: update notification icons (#60163)

Historique

#1

Mis à jour par Marie Kuntz il y a plus de 2 ans

#2

Mis à jour par Frédéric Péters il y a plus de 2 ans

le code de suivi est plus bas que le titre

Oui, accessibilité, hiérarchisation des titres, etc. ça va devenir commun.

#3

Mis à jour par Marie Kuntz il y a plus de 2 ans

Frédéric Péters a écrit :

le code de suivi est plus bas que le titre

Oui, accessibilité, hiérarchisation des titres, etc. ça va devenir commun.

Hiérarchisation des titres je le comprenais plutôt comme l'enchaînement h1, h2, etc.

#4

Mis à jour par Thomas Jund (congés, retour le 29/04) il y a plus de 2 ans

la barre latérale me semble plus étroite que sur combo.

à vérifier et corriger

le titre des pages dans les étapes débordent (cf capture étapes.png)

OK, Idem.

la mise en form des étapes est différente de la maquette (barre séparatrice, texte plus espacé)

Proposition de ma part, plus en adéquation avec ce que publik fait en standard (et mieux que sur la maquette)

le code de suivi est plus bas que le titre

À voir avec le client, suite au déplacement du titre dans les pages WCS.

les messages d'alerte (information, avertissement, erreur) ne sont pas chartés comme sur la maquette (cf messages-alertes.png)

À faire, Pas encore fait parce que pour le moment je n'ai la charte que du champ "erreur" et pas des autres, et modifier le champ erreur sans modifier les autres n'est pas vraiment une bonne idée. J'ai besoin des codes couleurs et des icônes des autres champs.

#5

Mis à jour par Marie Kuntz il y a plus de 2 ans

  • Le lien "en savoir plus" devrait être à droite, comme sur la maquette (cf alerte.png & alerte_maquette.png)
  • le bouton dans l'entête avec le nom de l'usager n'est pas comme sur la maquette (cf mon-compte_amaquette.png et mon-compte_web.png)
  • en version mobile, les titres données du compte et gestion du compte sont plus gros que sur la maquette (https://connexion-caen-la-mer.test.entrouvert.org/accounts/)
    (cf fichier docx dans #60203 pour les détails)
#6

Mis à jour par Marie Kuntz il y a plus de 2 ans

Thomas Jund a écrit :

les messages d'alerte (information, avertissement, erreur) ne sont pas chartés comme sur la maquette (cf messages-alertes.png)

À faire, Pas encore fait parce que pour le moment je n'ai la charte que du champ "erreur" et pas des autres, et modifier le champ erreur sans modifier les autres n'est pas vraiment une bonne idée. J'ai besoin des codes couleurs et des icônes des autres champs.

Tu as demandé les éléments à J'articule ?

#7

Mis à jour par Marie Kuntz il y a plus de 2 ans

Nouveaux retours du 06/01 :
  • Header
    • manque la phrase d'accroche > comment l'administrer ?
    • Améliorer au maximum la définition du logo car il y a un effet "contour" non souhaité
  • Pictogramme du menu principal :
    • Il manque un filet noir sous les derniers items de chaque catégories (exemple "collecte d'encombrants à la demande")
    • marges au-dessus et en_dessous à ajouter (voir maquette)
  • bloc bleu "code de suivi"
    • aligner verticalement le texte sur le titre (voir maquette)
    • arrondir légèrement les coins du bouton OK (voir maquette)
    • augmenter la graisse du titre (voir maquette)
  • bloc "En 1 clic"
    • augmenter la graisse du titre (voir maquette)
    • les filets ne sont pas noirs mais gris dans la maquette validée
  • Footer
    • supprimer le bandeau blanc sous le footer
  • Menu Burger
    • décaler le logo du menu burger sur la gauche (il est trop collé à droite)
    • la croix pour fermer le menu doit être noire (elle est blanche avec contours noirs), et bords arrondis
Formulaires :
  • bloc "étapes" : les numéros sont suivis d'un tiret, pas d'un trait vertical (voir maquette)
  • bloc "code de suivi" : à aligner sur le titre de la page (voir maquette))
#8

Mis à jour par Thomas Jund (congés, retour le 29/04) il y a plus de 2 ans

Le lien "en savoir plus" devrait être à droite, comme sur la maquette (cf alerte.png & alerte_maquette.png)

KO. Impossible, le bloc text est un bloc wysiwyg. Pas possible de faire du layout dans ce contenu.

le bouton dans l'entête avec le nom de l'usager n'est pas comme sur la maquette (cf mon-compte_amaquette.png et mon-compte_web.png)

surement possible, mais demande de réécrire d'une partie du template du bloc (ce qui doit être au maximum évité). Proposition : enlever bouton "mon compte" et placer "nom prenom" à la place dans le même design (qui sera un lien vers "mon compte)

en version mobile, les titres données du compte et gestion du compte sont plus gros que sur la maquette (https://connexion-caen-la-mer.test.entrouvert.org/accounts/)

(cf fichier docx dans #60203 pour les détails)

Pictogramme du menu principal :Il manque un filet noir sous les derniers items de chaque catégories (exemple "collecte d'encombrants à la demande")

OK.

Header manque la phrase d'accroche > comment l'administrer ?

Vu son positionnement, il faut l'inclure au logo : demander à j'Articule une version du Logo avec la baseline. Pour la modifier : mettre à jour l'image du logo.

Améliorer au maximum la définition du logo car il y a un effet "contour" non souhaité

Voir avec j'Articule.

Pictogramme du menu principal (je comprends qu'il s'agit des cellules de démarches)
Il manque un filet noir sous les derniers items de chaque catégories (exemple "collecte d'encombrants à la demande")

OK

marges au-dessus et en_dessous à ajouter (voir maquette)

Pas compris (capture ?)

bloc bleu "code de suivi"
aligner verticalement le texte sur le titre (voir maquette)

OK, sur la maquette c'esy parfois aligné, parfois non (voir page 3°), va pour décider d'aligner

augmenter la graisse du titre (voir maquette)

OK. La graisse du titre est cohérente avec la graisse des autres blocs (comme le bloc "En 1 clic", si je change, je change la graisse des titres de tous les blocs.

bloc "En 1 clic" augmenter la graisse du titre (voir maquette)

Voir remarque précédente

les filets ne sont pas noirs mais gris dans la maquette validée

Il faut choisir. Ce type de bloc présente des filets noires dans la page 'mon compte'. Ce sont tous les 2 des blocs que j'appelle "button-links-list". choisir filets noirs ou gris, mais ils seront standard sur toute la plateforme.

Footer supprimer le bandeau blanc sous le footer

À faire de votre côté ; supprimer les entrées du menu PWA (menu non utilisé dans les maquettes).

Menu Burger décaler le logo du menu burger sur la gauche (il est trop collé à droite)

Pas compris. Vous parlez de logo, ou peut-être parlez-vous de l'icone ? si OUI, OK, je comprends.

la croix pour fermer le menu doit être noire (elle est blanche avec contours noirs), et bords arrondis

Bug non reproduit chez moi, vous êtes surement sur écran HDPI, alors c'est un bug interne à notre framework (à vérifier et patcher le core).

Formulaires :bloc "étapes" : les numéros sont suivis d'un tiret, pas d'un trait vertical (voir maquette)

KO, Déjà répondu, Publik propose en standard un trait vertical et pas un tiret.

bloc "code de suivi" : à aligner sur le titre de la page

OK, sera traité avec correction alignement bloc bleu.

#10

Mis à jour par Marie Kuntz il y a plus de 2 ans

  • Assigné à changé de Thomas Jund (congés, retour le 29/04) à Serghei Mihai
#11

Mis à jour par Marie Kuntz il y a plus de 2 ans

Picto "menu" : le contour est plus clair que le fond (cf capture jointe)

#12

Mis à jour par Marie Kuntz il y a plus de 2 ans

  • Pictogramme du menu principal :
    • marges au-dessus et en-dessous à ajouter (voir maquette) => le picto est trop collé aux bords

Footer supprimer le bandeau blanc sous le footer

À faire de votre côté ; supprimer les entrées du menu PWA (menu non utilisé dans les maquettes).

Il n'y pas pas de navigation PWA : https://portail-caen-la-mer.test.entrouvert.org/manage/pwa/

Menu Burger décaler le logo du menu burger sur la gauche (il est trop collé à droite)

Pas compris. Vous parlez de logo, ou peut-être parlez-vous de l'icone ? si OUI, OK, je comprends.

Oui, l'icone

Il manque les types d'encart présents sur cette maquette : https://xd.adobe.com/view/434a634d-26b5-41e1-a60e-649d1b7c1d61-1619/screen/4e8495af-de4a-4f0a-9a24-abad82473dd8
  • l'encart de texte rouge, bordé de rouge + icone
  • texte violet gras avec une icone flèche
  • texte violet gras avec l'icone téléchargement
sur https://connexion-caen-la-mer.test.entrouvert.org/accounts/,

Sur ipad, sur l'accueil, il y a un filet bleu quand on clique sur une catégorie pour l'ouvrir ou la fermer (cf capture categorie_selection.jpg)

#17

Mis à jour par Marie Kuntz il y a plus de 2 ans

  • augmenter légèrement l'espacement entre un libellé et son champ (cf capture espacement-libelle-champ.jpg, le libellé "Merci de joindre le justificatif de la qualité de représentant légal" est trop collé au champ fichier)
  • bloc étape en mobile un peu trop haut, réduire les marges
#21

Mis à jour par Serghei Mihai il y a plus de 2 ans

  • Lié à Development #60755: caen: déclarer une couleur de bordure explicite pour le menu de navigation ajouté
#22

Mis à jour par Serghei Mihai il y a plus de 2 ans

  • Lié à Bug #60756: caen: ne pas "rédimensionner" les boutons lors du survol sur la page "mon compte" ajouté
#23

Mis à jour par Serghei Mihai il y a plus de 2 ans

  • Lié à Development #60757: caen: déplacer légerement à gauche le bouton de navigation ajouté
#24

Mis à jour par Serghei Mihai il y a plus de 2 ans

  • Lié à Development #60758: caen: certains liens-boutons doivent changer de couleur de fond en orange et sans bordure au survol ajouté
#25

Mis à jour par Serghei Mihai il y a plus de 2 ans

  • Lié à Development #60759: caen: en mobile afficher le code de suivi avant les étapes du formulaire ajouté
#26

Mis à jour par Serghei Mihai il y a plus de 2 ans

  • Lié à Development #60760: caen: ajouter un peu d'espace entre un widget et son titre ajouté
#27

Mis à jour par Serghei Mihai il y a plus de 2 ans

  • Lié à Development #60763: caen: réduire la hauteur du bloc avec les étapes d'un formulaire en mobile ajouté
#28

Mis à jour par Serghei Mihai il y a plus de 2 ans

  • Lié à Development #60765: caen: retirer les bordures de focus sur les titres des cellules pliées ajouté
#29

Mis à jour par Marie Kuntz il y a plus de 2 ans

sur une page wcs (https://demarches-caen-la-mer.test.entrouvert.org/test-marie-1/ par ex.) :
  • la barre latérale me semble plus étroite que sur combo
  • le titre des pages dans les étapes débordent (cf capture étapes.png)
  • les messages d'alerte (information, avertissement, erreur) ne sont pas chartés comme sur la maquette (cf messages-alertes.png) => couleurs et pictos demandés à J'articule
  • Thomas a dit ok pour remonter le code de suivi au niveau du titre, mais du coup je sais pas s'il faut le faire ou non
sur l'accueil :
  • Pictogramme des catégories : marges au-dessus et en_dessous à ajouter (voir maquette)
  • liste des démarches dans cellule démarches d'une catégorie : il manque un filet noir sous les dernieres démarches de chaque catégories (exemple "collecte d'encombrants à la demande")
  • bloc bleu "code de suivi"
    • aligner verticalement le texte sur le titre (voir maquette)
    • arrondir légèrement les coins du bouton OK (voir maquette)
  • bloc "En 1 clic"
    • les filets ne sont pas noirs mais gris dans la maquette validée
    • le hover doit mettre le fond en gris pâle et ne pas avoir l'ombre sur le bord
  • supprimer le bandeau blanc sous le footer
#30

Mis à jour par Serghei Mihai il y a plus de 2 ans

  • Statut changé de Nouveau à En cours
#41

Mis à jour par Marie Kuntz il y a environ 2 ans

  • Lié à Bug #61778: [Caen] Les titres de page combo (h2) devraient avoir un petit tiret ajouté
#42

Mis à jour par Marie Kuntz il y a environ 2 ans

  • Lié à Development #61779: Caen : centrer le texte « Prénom NOM » dans le bouton en haut à côté de déconnexion. ajouté
#43

Mis à jour par Marie Kuntz il y a environ 2 ans

#44

Mis à jour par Marie Kuntz il y a environ 2 ans

#45

Mis à jour par Marie Kuntz il y a environ 2 ans

  • Lié à Development #61782: Caen : code de suivi : Harmoniser l’épaisseur du trait  ajouté
#46

Mis à jour par Marie Kuntz il y a environ 2 ans

#47

Mis à jour par Marie Kuntz il y a environ 2 ans

#48

Mis à jour par Marie Kuntz il y a environ 2 ans

  • Lié à Development #61785: Caen : démarche : mettre le nombre d'étapes en gras en mobile ajouté
#49

Mis à jour par Marie Kuntz il y a environ 2 ans

#50

Mis à jour par Marie Kuntz il y a environ 2 ans

#51

Mis à jour par Marie Kuntz il y a environ 2 ans

#52

Mis à jour par Marie Kuntz il y a environ 2 ans

  • Lié à Development #62388: Thème Caen - Les ronds en arrière plan ne devraient pas dépasser la barre latérale gauche. ajouté
#53

Mis à jour par Marie Kuntz il y a environ 2 ans

  • Lié à Development #62389: Thème Caen - augmenter l’espace entre les lettres majuscules ajouté
#54

Mis à jour par Marie Kuntz il y a environ 2 ans

#55

Mis à jour par Marie Kuntz il y a environ 2 ans

#56

Mis à jour par Marie Kuntz il y a environ 2 ans

#57

Mis à jour par Marie Kuntz il y a environ 2 ans

  • Lié à Development #63338: Caen : le calendrier ne reprend pas les couleurs de la maquette ajouté
#58

Mis à jour par Marie Kuntz il y a presque 2 ans

  • Statut changé de En cours à Solution déployée
#59

Mis à jour par Transition automatique il y a presque 2 ans

Automatic expiration

Formats disponibles : Atom PDF