Project

General

Profile

Development #60163

Retours sur le thème Caen

Added by Marie Kuntz 9 months ago. Updated 5 months ago.

Status:
Fermé
Priority:
Normal
Assignee:
Target version:
-
Start date:
30 December 2021
Due date:
% Done:

0%

Estimated time:
Patch proposed:
No
Planning:
No

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)

Files

étapes.png (72 KB) étapes.png Marie Kuntz, 30 December 2021 12:37 PM
messages-alertes.png (15.8 KB) messages-alertes.png Marie Kuntz, 30 December 2021 12:49 PM
alerte.png (17.5 KB) alerte.png Marie Kuntz, 05 January 2022 05:53 PM
alerte_maquette.png (17.9 KB) alerte_maquette.png Marie Kuntz, 05 January 2022 05:53 PM
nom-compte_maquette.png (10.1 KB) nom-compte_maquette.png Marie Kuntz, 05 January 2022 05:54 PM
nom-compte_web.png (2.93 KB) nom-compte_web.png Marie Kuntz, 05 January 2022 05:54 PM
picto-menu.png (7.08 KB) picto-menu.png Marie Kuntz, 17 January 2022 04:49 PM
categorie_selection.jpg (103 KB) categorie_selection.jpg Marie Kuntz, 17 January 2022 05:46 PM
espacement-libelle-champ.jpg (74.2 KB) espacement-libelle-champ.jpg Marie Kuntz, 18 January 2022 09:32 AM
Retours_integration_graphique_20220128.ods (48.1 KB) Retours_integration_graphique_20220128.ods Marie Kuntz, 02 February 2022 05:40 PM

Related issues

Related to Intégrations graphiques Publik - Development #60057: nouveau thème: CaenFermé23 December 2021

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

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

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

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

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

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

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

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

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

Actions
Related to 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 February 2022

Actions
Related to Intégrations graphiques Publik - Development #61780: Caen : interlignages sur code de suivi Fermé14 February 2022

Actions
Related to Intégrations graphiques Publik - Development #61781: Caen : code de suivi : modifs sur couleursFermé14 February 2022

Actions
Related to Intégrations graphiques Publik - Development #61782: Caen : code de suivi : Harmoniser l’épaisseur du trait Rejeté14 February 2022

Actions
Related to Intégrations graphiques Publik - Development #61783: Caen : bloc en un clic, harmoniserFermé14 February 2022

Actions
Related to Intégrations graphiques Publik - Development #61784: Caen : menu burger : la croix est "vide"Fermé14 February 2022

Actions
Related to Intégrations graphiques Publik - Development #61785: Caen : démarche : mettre le nombre d'étapes en gras en mobileFermé14 February 2022

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

Actions
Related to 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 March 2022

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

Actions
Related to Intégrations graphiques Publik - Development #62390: Thème Caen - problème d'alignementFermé03 March 2022

Actions
Related to Intégrations graphiques Publik - Development #62391: Thème Caen - Problème d’affichage en responsiveFermé03 March 2022

Actions
Related to Intégrations graphiques Publik - Development #62392: Thème Caen - Cellule Photo Image déforméeRejeté03 March 2022

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

Actions

Associated revisions

Revision 106e7f57 (diff)
Added by Serghei Mihai 9 months ago

caen: increase foldable cells titles height (#60163)

Revision 8ae25f26 (diff)
Added by Serghei Mihai 9 months ago

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

Revision e774af49 (diff)
Added by Serghei Mihai 9 months ago

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

Revision a266086d (diff)
Added by Serghei Mihai 9 months ago

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

Revision 1177bba5 (diff)
Added by Serghei Mihai 9 months ago

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

Revision e05c74a3 (diff)
Added by Serghei Mihai 9 months ago

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

Revision 08a89cf1 (diff)
Added by Serghei Mihai 9 months ago

caen: customize form sidebar width (#60163)

Revision 5fc1c805 (diff)
Added by Serghei Mihai 9 months ago

caen: handle long form steps labels (#60163)

Revision 7b1d65f7 (diff)
Added by Serghei Mihai 7 months ago

caen: update notification icons (#60163)

History

#1

Updated by Marie Kuntz 9 months ago

#2

Updated by Frédéric Péters (de retour le 10/10) 9 months ago

le code de suivi est plus bas que le titre

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

#3

Updated by Marie Kuntz 9 months ago

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

Updated by Thomas Jund 9 months ago

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

Updated by Marie Kuntz 9 months ago

  • 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

Updated by Marie Kuntz 9 months ago

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

Updated by Marie Kuntz 9 months ago

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

Updated by Thomas Jund 9 months ago

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

Updated by Marie Kuntz 9 months ago

  • Assignee changed from Thomas Jund to Serghei Mihai
#11

Updated by Marie Kuntz 9 months ago

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

#12

Updated by Marie Kuntz 9 months ago

  • 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

Updated by Marie Kuntz 9 months ago

  • 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

Updated by Serghei Mihai 9 months ago

  • Related to Development #60755: caen: déclarer une couleur de bordure explicite pour le menu de navigation added
#22

Updated by Serghei Mihai 9 months ago

  • Related to Bug #60756: caen: ne pas "rédimensionner" les boutons lors du survol sur la page "mon compte" added
#23

Updated by Serghei Mihai 9 months ago

  • Related to Development #60757: caen: déplacer légerement à gauche le bouton de navigation added
#24

Updated by Serghei Mihai 9 months ago

  • Related to Development #60758: caen: certains liens-boutons doivent changer de couleur de fond en orange et sans bordure au survol added
#25

Updated by Serghei Mihai 9 months ago

  • Related to Development #60759: caen: en mobile afficher le code de suivi avant les étapes du formulaire added
#26

Updated by Serghei Mihai 9 months ago

  • Related to Development #60760: caen: ajouter un peu d'espace entre un widget et son titre added
#27

Updated by Serghei Mihai 9 months ago

  • Related to Development #60763: caen: réduire la hauteur du bloc avec les étapes d'un formulaire en mobile added
#28

Updated by Serghei Mihai 9 months ago

  • Related to Development #60765: caen: retirer les bordures de focus sur les titres des cellules pliées added
#29

Updated by Marie Kuntz 9 months ago

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

Updated by Serghei Mihai 9 months ago

  • Status changed from Nouveau to En cours
#41

Updated by Marie Kuntz 8 months ago

  • Related to Bug #61778: [Caen] Les titres de page combo (h2) devraient avoir un petit tiret added
#42

Updated by Marie Kuntz 8 months ago

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

Updated by Marie Kuntz 8 months ago

#44

Updated by Marie Kuntz 8 months ago

#45

Updated by Marie Kuntz 8 months ago

  • Related to Development #61782: Caen : code de suivi : Harmoniser l’épaisseur du trait  added
#46

Updated by Marie Kuntz 8 months ago

#47

Updated by Marie Kuntz 8 months ago

#48

Updated by Marie Kuntz 8 months ago

  • Related to Development #61785: Caen : démarche : mettre le nombre d'étapes en gras en mobile added
#49

Updated by Marie Kuntz 7 months ago

#50

Updated by Marie Kuntz 7 months ago

#51

Updated by Marie Kuntz 7 months ago

#52

Updated by Marie Kuntz 7 months ago

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

Updated by Marie Kuntz 7 months ago

  • Related to Development #62389: Thème Caen - augmenter l’espace entre les lettres majuscules added
#54

Updated by Marie Kuntz 7 months ago

#55

Updated by Marie Kuntz 7 months ago

  • Related to Development #62391: Thème Caen - Problème d’affichage en responsive added
#56

Updated by Marie Kuntz 7 months ago

#57

Updated by Marie Kuntz 6 months ago

  • Related to Development #63338: Caen : le calendrier ne reprend pas les couleurs de la maquette added
#58

Updated by Marie Kuntz 5 months ago

  • Status changed from En cours to Solution déployée
#59

Updated by Transition automatique 3 months ago

Automatic expiration

Also available in: Atom PDF