Améliorer l'affichage des champs dans le zoom

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
les premiers champs ne sont pas dans un groupe	dans one, l’affichage n’est pas structuré	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.

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 :

• 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

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.	On affiche les champs sur la même lignes, ce qui permet de réduire le scroll.