Comparaison des versions

Légende

  • Ces lignes ont été ajoutées. Ce mot a été ajouté.
  • Ces lignes ont été supprimées. Ce mot a été supprimé.
  • La mise en forme a été modifiée.

Organisation des groupes

L’affichage des informations d’un zoom / fiche est divisé en 2 zones :

  • Colonne 1 : 2 tiers de la fiche

  • Colonne 2 : 1 tiers de la fiche

...

La répartition par défaut (2 tiers / 1 tiers) est actuellement faite de manière automatique par la moulinette selon des règles.

Ces règles se basent sur le type de contenu (composant) présents dans les blocs. L’idée étant d’optimiser l’affichage des données à l’intérieur des blocs. La répartition par défaut de l’affichage 2 tiers / 1 tiers peut être forcée par l’intégrateur métier notamment pour apporter plus de cohérence entre les zooms ou améliorer la lisibilité.

Tous les champs doivent être dans un groupe et avoir un titre

Il y a une volonté UX de mettre tous les champs dans des groupes afin :

  • de bien structurer les infos dans un zoom,

  • de permettre à la moulinette de bien afficher ces groupes dans le zoom.

Anatomie

...

Dans one, lorsque les champs ne sont pas dans un groupe, la moulinette ne placent pas forcément bien les champs dans la page. Le fait d’ajouter un ou plusieurs groupes permet de donner à la moulinette des indications pour que l’ordre des groupes se fasse correctement et apporte de la structure.

Infinity

Avant action du métier

Après action du métier

image-20240126-084551.pngImage Removed
  • les premiers champs ne sont pas dans un groupe

Image Removed
  • dans one, l’affichage n’est pas structuré

image-20240126-084902.pngImage Removed
  • le groupe permet d’améliorer l’affichage et la lisibilité

Aligner plusieurs champs liés sur une ligne

La moulinette place les champs l’un en dessous des autre. Lorsque les champs sont Afin de réduire le scroll, utiliser l’Align pour afficher plusieurs champs sur une même ligne.

Info

Bonne pratique UX :

  • Affichage max de champs :

    • Pour les groupes situés dans la colonne 1 : maximum 3 champs sur une même ligne.

    • Pour les groupes situés dans la colonne 2 : maximum 2 champs sur une même ligne

Sauf cas exceptionnel, par exemple :

image-20240620-141531.pngImage Removed
  • Regrouper les champs qui seraient sur la même ligne uniquement si le contexte rend cela pertinent. Exemples :

    • les champs type de tiers et tiers sont liés

image-20240620-141403.pngImage Removed

...

Avant action du métier

...

Après action du métier

...

Pas d’optimisation de l’affichage des champs dans les groupes lettrage et pointage.

...

Sommaire
stylenone