Différences

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

--- vse:ergonomie [09/07/2021 09:44] – Clémence CANNEVIERE
+++ vse:ergonomie [10/05/2023 22:54] (Version actuelle) – Caroline BABRON
@@ Ligne 1: / Ligne 1: @@
 ====== Ergonomie ======
-Cette page vous permet d'apprécier les éléments ergonomiques de VSActivity.
+Cette page vous permet d'apprécier les éléments ergonomiques de VSE
+===== Les nouveautés de mai 2023 =====
+Votre application fait peau neuve pour les beaux jours et vous propose plusieurs évolutions ergonomiques.
+Nous vous dévoilons cela en détail.
+**<color #F08080> Les listes </color>**
+**Visuel amélioré**
+Les listes s’allègent visuellement :
+  * 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
+**Actions techniques sur une liste**
+Les actions pour la gestion de l’affichage des colonnes, les exports Excel et PDF (etc.) sont désormais dans un menu unique représenté par une icône. Cette icône comporte toujours le petit tag contenant le nombre de colonnes masquées.
+{{:vsa: ergo_mai23_1.png}}
+**Actions globales**
+Des boutons d’actions ronds avec une icône viennent remplacer les précédents boutons allongés (avec un texte écrit) pour vous permettre d’effectuer les actions globales des écrans. A noter qu’en survol il y a toujours le nom complet de l’action.
+{{:vsa: ergo_mai23_2.png}}
+**Les cases à cocher**
+Les cases à cocher des lignes qui peuvent être sélectionnées dans les listes adoptent un look plus sobre et moderne.
+{{:vsa: ergo_mai23_3.png}}
+**Actions de masse**
+Une fois que vous avez sélectionné une ou plusieurs lignes, une « bulle » noire s’affiche.
+En cliquant dessus, vous retrouverez toutes les actions de masse disponibles.
+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}}
+**<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.
+{{:vsa: ergo_mai23_5.png}}
+**<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é.
+En réduisant la largeur de l’écran, ces boîtes repasseront automatiquement dans un affichage où il y en aura une par ligne.
+Exemple : Mes notes de frais (vision avec des droits Manager)
+{{:vsa: ergo_mai23_6.png}}
+**<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.
+{{:vsa: ergo_mai23_7.png}}
+**<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.
+Vous pourrez désormais directement naviguer d’un mois à l’autre grâce à des flèches.
+{{:vsa: ergo_mai23_8.png}}
+**<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.
+Le bouton devient violet et animé dès que vous devez enregistrer.
+A noter aussi que les champs modifiés sont mis en évidence avec un fond violet clair (parme) et le nombre de paramètres modifiés sont mentionnés sur l’onglet concerné
+{{:vsa: ergo_mai23_9.png}}
+**<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.).
+En cliquant dessus, la valeur texte est copiée dans le presse-papier de votre ordinateur.
+{{:vsa: ergo_mai23_10.png}}
+//Dans les listes ://
+{{:vsa: ergo_mai23_11.png}}
+//Dans les dossiers : //
+{{:vsa: ergo_mai23_12.png}}
 ===== Le haut de l'application : menu fixe =====
@@ Ligne 58: / Ligne 162: @@
-{{ :vsa:ajout_rapide.png?200 }}
+{{ :vse:vse_ajout_rapide.png?200 }}
 ==== 5ème partie : Bouton d’alerte ====
@@ Ligne 99: / Ligne 203: @@
 Vous permet de déconnecter votre compte de l’application
+mu
 ===== Fonctionnalités disponibles dans une page =====
@@ Ligne 208: / Ligne 313: @@
 Sur certaines pages vous retrouverez en haut 3 points verticaux qui vous permettront d’effectuer différentes actions.
-{{:vsa:bout_list_action.png|}}
+{{:vse:bout_list_action.png|}}
 **3. Les formulaires**
@@ Ligne 229: / Ligne 334: @@
 Des listes en cascade sont également possibles. La seconde liste, décalée par une flèche grise, verra son contenu conditionné par le choix fait dans la liste précédente (liste mère).
-{{:vsa:formulaire.png}}
+{{:vse:formulaire.png}}
@@ Ligne 237: / Ligne 342: @@
 Sur chaque action, VSA propose un texte au survol de la souris. Cela permet à l'utilisateur de savoir quel est l'objet de l'action ou du lien.
-{{:vsa:grid_informations.png|}}
+{{:vse:grid_informations.png|}}
 Parfois, ces informations sont enrichies pour contenir bien plus. Ci-dessus, le survol du numéro d'une facture en préparation donne le contenu de la facture en mode texte.
@@ Ligne 247: / Ligne 352: @@
 Dans tous les écrans VSA, dès qu’un mot ou une phrase est souligné, vous aurez la possibilité de cliquer dessus soit afin d’être redirigé sur la page concernée, soit pour ouvrir un fichier PDF/WORD.
-{{:vsa:lien_redirection.png|}}
+{{:vse:lien_redirection.png|}}
@@ Ligne 260: / Ligne 365: @@
 D’avoir de la visibilité sur des états de validation
-{{:vsa:blocs.png|}}
+{{:vse:blocs.png|}}
 ==== Affichage ====
 Afin d'améliorer votre utilisation de l'application au quotidien, un affichage dynamique du contenu des onglets a été mise en place dans certains écrans (Tableau de bord, Dossier client, Dossier d'un salarié...)