Aller directement à la fin des métadonnées
Aller au début des métadonnées

Vous regardez une version antérieure (v. /wiki/spaces/DDS/pages/11293065217/Am+liorer+les+groupes+de+champs) de cette page.

afficher les différences afficher l'historique de la page

« Afficher la version précédente Vous regardez la version actuelle de cette page. (v. 8) afficher la version suivante »

Organisation des groupes

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

image-20240620-131014.png

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.png
  • les premiers champs ne sont pas dans un groupe

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

image-20240126-084902.png
  • 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 :

  • Utiliser cette capacité sur la partie 1/3 de l'écran

  • Mettre maximum 3 champs sur la même ligne, sauf cas exceptionnel :

image-20240620-141531.png
  • 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.png

Avant action du métier

Après action du métier

image-20240620-140830.png

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

image-20240620-135522.png

On affiche les champs sur la même lignes, ce qui permet de réduire le scroll.

alignements: etre homogène dans les espacements

ce que je peux faire

  • Aucune étiquette