Différences
Ci-dessous, les différences entre deux révisions de la page.
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 BABRON | vsa:ergonomie [29/11/2023 16:00] (Version actuelle) – Caroline BABRON | ||
---|---|---|---|
Ligne 10: | Ligne 10: | ||
**<color #F08080> Les listes </ | **<color #F08080> Les listes </ | ||
+ | |||
**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 | + | |
- | - {{: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, | 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, | ||
- | |||
{{:vsa: ergo_mai23_4.png}} | {{:vsa: ergo_mai23_4.png}} | ||
**<color #F08080> Les formulaires </ | **<color #F08080> Les formulaires </ | ||
+ | |||
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 #F08080> Les écrans avec des boîtes d’informations et/ou d’actions </ | ||
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 #F08080> Les nouveautés au fil de l’eau </ | ||
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 #F08080> Filtre mois/année : navigation rapide </ | ||
Dans beaucoup d’écrans qui possèdent un filtre Mois ou Mois/ | Dans beaucoup d’écrans qui possèdent un filtre Mois ou 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, | **<color #F08080> Paramètres d’application, | ||
+ | |||
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 #F08080> Copier un texte dans le presse-papier (Copy To Clipboard) </ | ||
- | |||
- | |||
- | |||
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, | 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, | ||
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 : // |