vsa:ergonomie

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
vsa:ergonomie [10/05/2023 22:20] Caroline BABRONvsa:ergonomie [29/11/2023 16:00] (Version actuelle) Caroline BABRON
Ligne 10: Ligne 10:
  
 **<color #F08080> Les listes </color>** **<color #F08080> Les listes </color>**
 +
 **Visuel amélioré** **Visuel amélioré**
  
 Les listes s’allègent visuellement : Les listes s’allègent visuellement :
-- Les entêtes de colonnes adoptent une couleur unique +  * Les entêtes de colonnes adoptent une couleur unique 
-- Les regroupements de colonnes sont simplifiés  +  Les regroupements de colonnes sont simplifiés 
-- {{:vsa: ergo_mai23_13.png}} +
- +
-  +
- +
-- Il n’y a plus d’alternance de couleurs de fond entre les lignes +
-- Le survol à la souris d’une ligne grise la ligne +
-- La sélection d’une ligne grise la ligne et coche la case à cocher qui est à gauche de la ligne+
  
 +{{:vsa: ergo_mai23_13.png}}
  
 +  * Il n’y a plus d’alternance de couleurs de fond entre les lignes
 +  * Le survol à la souris d’une ligne grise la ligne
 +  * La sélection d’une ligne grise la ligne et coche la case à cocher qui est à gauche de la ligne
  
 **Actions techniques sur une liste** **Actions techniques sur une liste**
Ligne 30: Ligne 28:
  
 {{:vsa: ergo_mai23_1.png}} {{:vsa: ergo_mai23_1.png}}
- 
- 
- 
- 
- 
- 
- 
- 
  
 **Actions globales** **Actions globales**
Ligne 45: Ligne 35:
 {{:vsa: ergo_mai23_2.png}} {{:vsa: ergo_mai23_2.png}}
  
- 
-  
  
 **Les cases à cocher** **Les cases à cocher**
Ligne 53: Ligne 41:
  
 {{:vsa: ergo_mai23_3.png}} {{:vsa: ergo_mai23_3.png}}
- 
- 
        
 **Actions de masse** **Actions de masse**
Ligne 62: Ligne 48:
  
 Le petit plus : Toutes les actions globales restent affichées pour vous éviter de désélectionner les lignes pour les voir apparaitre. Précédemment, l’affichage des actions de masse venait remplacer les actions globales et il fallait décocher les lignes pour retrouver les actions globales. Le petit plus : Toutes les actions globales restent affichées pour vous éviter de désélectionner les lignes pour les voir apparaitre. Précédemment, l’affichage des actions de masse venait remplacer les actions globales et il fallait décocher les lignes pour retrouver les actions globales.
- 
    
 {{:vsa: ergo_mai23_4.png}} {{:vsa: ergo_mai23_4.png}}
  
 **<color #F08080> Les formulaires </color>** **<color #F08080> Les formulaires </color>**
 +
 Un design simplifié avec les champs positionnés maintenant sous les intitulés, et les boutons d’action en bas du formulaire, toujours visibles. Un design simplifié avec les champs positionnés maintenant sous les intitulés, et les boutons d’action en bas du formulaire, toujours visibles.
  
 {{:vsa: ergo_mai23_5.png}} {{:vsa: ergo_mai23_5.png}}
  
- +**<color #F08080> Les écrans avec des boîtes d’informations et/ou d’actions </color>**
  
-**<color #F08080> Les écrans avec des boîtes d’informations et/ou d’actions </color>** 
 Les boîtes contenant des informations et/ou des actions en haut de page dans des écrans comme « Mes notes de frais », « CRA », etc, sont maintenant sur la même ligne pour un visuel plus compact et structuré. Les boîtes contenant des informations et/ou des actions en haut de page dans des écrans comme « Mes notes de frais », « CRA », etc, sont maintenant sur la même ligne pour un visuel plus compact et structuré.
 En réduisant la largeur de l’écran, ces boîtes repasseront automatiquement dans un affichage où il y en aura une par ligne. En réduisant la largeur de l’écran, ces boîtes repasseront automatiquement dans un affichage où il y en aura une par ligne.
Ligne 81: Ligne 66:
  
  
- +**<color #F08080> Les nouveautés au fil de l’eau </color>**
  
- 
-**<color #F08080> Les nouveautés au fil de l’eau </color>** 
 Fini le bandeau d’information en haut de la page, les nouveautés d’un écran seront désormais visible grâce à une icône « ampoule » animée en haut, à droite du titre de l’écran. Un tag indique le nombre de messages à lire. Une fois un message lu, vous pouvez le fermer, et même tous les fermer en une action. Si vous ne les fermez pas, ils pourront être relus ultérieurement. Fini le bandeau d’information en haut de la page, les nouveautés d’un écran seront désormais visible grâce à une icône « ampoule » animée en haut, à droite du titre de l’écran. Un tag indique le nombre de messages à lire. Une fois un message lu, vous pouvez le fermer, et même tous les fermer en une action. Si vous ne les fermez pas, ils pourront être relus ultérieurement.
  
 {{:vsa: ergo_mai23_7.png}} {{:vsa: ergo_mai23_7.png}}
  
 +**<color #F08080> Filtre mois/année : navigation rapide </color>**
  
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
-**<color #F08080> Filtre mois/année : navigation rapide </color>** 
 Dans beaucoup d’écrans qui possèdent un filtre Mois ou Mois/année, vous n’aurez plus besoin d’ouvrir le formulaire Filtre pour changer aller changer simplement le mois. Dans beaucoup d’écrans qui possèdent un filtre Mois ou Mois/année, vous n’aurez plus besoin d’ouvrir le formulaire Filtre pour changer aller changer simplement le mois.
 Vous pourrez désormais directement naviguer d’un mois à l’autre grâce à des flèches.  Vous pourrez désormais directement naviguer d’un mois à l’autre grâce à des flèches. 
Ligne 109: Ligne 81:
    
 **<color #F08080> Paramètres d’application, d’entité et Mes préférences (paramètres de l’utilisateur) </color>** **<color #F08080> Paramètres d’application, d’entité et Mes préférences (paramètres de l’utilisateur) </color>**
 +
 Ne vous posez plus la question de savoir si vous avez ou pas enregistré vos modifications. Ne vous posez plus la question de savoir si vous avez ou pas enregistré vos modifications.
 Le bouton devient violet et animé dès que vous devez enregistrer. Le bouton devient violet et animé dès que vous devez enregistrer.
Ligne 114: Ligne 87:
  
 {{:vsa: ergo_mai23_9.png}} {{:vsa: ergo_mai23_9.png}}
- 
- 
-  
  
 **<color #F08080> Copier un texte dans le presse-papier (Copy To Clipboard) </color>** **<color #F08080> Copier un texte dans le presse-papier (Copy To Clipboard) </color>**
- 
- 
- 
   
 Dans les écrans présentant une personne, une société ou listant des personnes ou des sociétés avec leurs coordonnées (contacts prospects, contacts clients, utilisateurs, comptes clients, etc.), on va retrouver une petite icône à droite des coordonnées (e-mail, téléphone, siret, siren, etc.). Dans les écrans présentant une personne, une société ou listant des personnes ou des sociétés avec leurs coordonnées (contacts prospects, contacts clients, utilisateurs, comptes clients, etc.), on va retrouver une petite icône à droite des coordonnées (e-mail, téléphone, siret, siren, etc.).
  
 En cliquant dessus, la valeur texte est copiée dans le presse-papier de votre ordinateur. En cliquant dessus, la valeur texte est copiée dans le presse-papier de votre ordinateur.
 +
 {{:vsa: ergo_mai23_10.png}} {{:vsa: ergo_mai23_10.png}}
  
Ligne 132: Ligne 100:
  
 {{:vsa: ergo_mai23_11.png}} {{:vsa: ergo_mai23_11.png}}
- 
- 
-  
  
 //Dans les dossiers : // //Dans les dossiers : //
  • vsa/ergonomie.1683750011.txt.gz
  • Dernière modification : 10/05/2023 22:20
  • de Caroline BABRON