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édenteDernière révisionLes deux révisions suivantes | ||
vsa:ergonomie [26/06/2020 11:26] – Caroline BABRON | vsa:ergonomie [29/11/2023 16:00] – Caroline BABRON | ||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
====== Ergonomie ====== | ====== Ergonomie ====== | ||
- | Cette page vous permet d' | + | Cette page vous permet d' |
+ | |||
+ | ===== 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 </ | ||
+ | |||
+ | **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 | ||
+ | |||
+ | {{: | ||
+ | |||
+ | * 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, | ||
+ | |||
+ | {{:vsa: ergo_mai23_4.png}} | ||
+ | |||
+ | **<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. | ||
+ | |||
+ | {{:vsa: ergo_mai23_5.png}} | ||
+ | |||
+ | **<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é. | ||
+ | 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 </ | ||
+ | |||
+ | 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 </ | ||
+ | |||
+ | 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. | ||
+ | |||
+ | {{:vsa: ergo_mai23_8.png}} | ||
+ | |||
+ | |||
+ | **<color #F08080> Paramètres d’application, | ||
+ | |||
+ | 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) </ | ||
+ | |||
+ | 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. | ||
+ | |||
+ | {{: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' | ===== Le haut de l' | ||
- | Ce menu toujours visible en haut de l' | + | Ce menu, toujours visible en haut de l' |
==== 1ère partie : Favoris et historique de navigation ==== | ==== 1ère partie : Favoris et historique de navigation ==== | ||
Ligne 12: | Ligne 120: | ||
*__ Se créer une liste de pages favorites.__ | *__ Se créer une liste de pages favorites.__ | ||
- | Pour se faire, | + | Pour se faire, |
*__ Consulter sa liste de pages favorites.__ | *__ Consulter sa liste de pages favorites.__ | ||
- | Vous retrouverez ici toutes les pages tagguées favorites | + | Vous retrouverez ici toutes les pages tagguées favorites. |
*__ Consulter son historique de navigation.__ | *__ Consulter son historique de navigation.__ | ||
Vous trouverez ici tous les derniers menus consultés. Cette liste vous permet de revenir très rapidement sur une page précédemment consultée. | Vous trouverez ici tous les derniers menus consultés. Cette liste vous permet de revenir très rapidement sur une page précédemment consultée. | ||
- | {{: | + | {{ : |
==== 2ème partie : Modules et menus ==== | ==== 2ème partie : Modules et menus ==== | ||
- | En haut sur la partie centrale de l’application, | + | En haut, sur la partie centrale de l’application, |
En fonction de vos droits d’accès vous n’aurez pas la visibilité sur tous les modules et menus. | En fonction de vos droits d’accès vous n’aurez pas la visibilité sur tous les modules et menus. | ||
Ligne 31: | Ligne 139: | ||
Dans les modules, il existe 4 typologies de menus : | Dans les modules, il existe 4 typologies de menus : | ||
- | *__ Menu de visualisation et saisie.__ | + | *__ Menu de visualisation et de saisie.__ |
Pour tous les modules, ce menu se trouve sur la gauche. Cette partie sera toujours visible intégralement (selon vos droits) Vous pourrez ici renseigner des éléments relatifs à votre activité et suivre leur état de validation. | Pour tous les modules, ce menu se trouve sur la gauche. Cette partie sera toujours visible intégralement (selon vos droits) Vous pourrez ici renseigner des éléments relatifs à votre activité et suivre leur état de validation. | ||
*__ Menus de gestion.__ | *__ Menus de gestion.__ | ||
- | Vous pourrez gérer ici la validation des éléments renseignés dans les menus de visualisation et saisie. | + | Vous pourrez gérer ici la validation des éléments renseignés dans les menus de visualisation et de saisie. |
*__ Menu de rapports.__ | *__ Menu de rapports.__ | ||
Ligne 48: | Ligne 156: | ||
==== 3ème partie : Zone « rechercher un élément » ==== | ==== 3ème partie : Zone « rechercher un élément » ==== | ||
- | En haut à droite de l' | + | En haut à droite de l' |
==== 4ème partie : Bouton d’ajout rapide ==== | ==== 4ème partie : Bouton d’ajout rapide ==== | ||
Ligne 55: | Ligne 163: | ||
En haut à droite de l’application, | En haut à droite de l’application, | ||
- | Le pictogramme PLUS vous permet à tout moment | + | Le pictogramme PLUS vous permet à tout moment |
- | {{: | + | {{ : |
==== 5ème partie : Bouton d’alerte ==== | ==== 5ème partie : Bouton d’alerte ==== | ||
Ligne 71: | Ligne 179: | ||
En haut à droite de l’application, | En haut à droite de l’application, | ||
- | {{: | + | {{ : |
Vous retrouvez dans cette partie les éléments suivants : | Vous retrouvez dans cette partie les éléments suivants : | ||
Ligne 85: | Ligne 193: | ||
*__ Authentification sécurisée.__ | *__ Authentification sécurisée.__ | ||
- | Vous permet d’ajouter une étape supplémentaire de sécurisation lors de votre connexion à l’application. Voir le zoom sur l’authentification sécurisée. Voir le zoom sur l'authentification sécurisée. | + | Vous permet d’ajouter une étape supplémentaire de sécurisation lors de votre connexion à l’application. Voir le zoom sur l’authentification sécurisée. |
*__ Documentation en ligne.__ | *__ Documentation en ligne.__ | ||
- | Vous permet d’accéder à toute la documention | + | Vous permet d’accéder à toute la documentation |
*__ Contacter le support.__ | *__ Contacter le support.__ | ||
Ligne 111: | Ligne 219: | ||
- | {{:vsa:filtre_new.png} | + | {{ :vsa:filtre_new01.png } |
- | {{:vsa:filtrer.png}} Action “Appliquer les filtres ” : elle applique le filtre que vous avez modifié et rafraîchit la page. | + | {{:vsa:filtrer01.png}} Action “Appliquer les filtres ” : elle applique le filtre que vous avez modifié et rafraîchit la page. |
{{: | {{: | ||
Ligne 123: | Ligne 231: | ||
Si un filtre enregistré est choisi dans la liste, l' | Si un filtre enregistré est choisi dans la liste, l' | ||
- | Afin de savoir quels filtres sont appliqués sur votre requête, | + | Afin de savoir quels filtres sont appliqués sur votre requête, |
- | {{: | + | |
+ | {{: | ||
ASTUCE : pensez à vider les filtres appliqués pour vous éviter de vous retrouver avec un écran blanc lors de votre prochaine connexion. | ASTUCE : pensez à vider les filtres appliqués pour vous éviter de vous retrouver avec un écran blanc lors de votre prochaine connexion. | ||
Ligne 132: | Ligne 241: | ||
// | // | ||
- | VSA présente dans la plupart de ses écrans des tableaux d' | + | VSA présente, dans la plupart de ses écrans, des tableaux d' |
Chaque tableau se compose : | Chaque tableau se compose : | ||
- | *__ D'un titre__ qui vous rappelle le module et le menu dans lequel vous vous trouverez. | + | *__ D'un titre__ qui vous rappelle le module et le menu dans lequel vous vous trouvez. |
* __D’un ou plusieurs boutons d’ajout ou de téléchargement__ . Ces boutons vont généralement ouvrir un formulaire ou vous permettre d’afficher des fichiers au format PDF. | * __D’un ou plusieurs boutons d’ajout ou de téléchargement__ . Ces boutons vont généralement ouvrir un formulaire ou vous permettre d’afficher des fichiers au format PDF. | ||
Ligne 151: | Ligne 260: | ||
{{: | {{: | ||
- | * __D' | + | * __D' |
Dans les intitulés des colonnes, il vous est possible d’effectuer un tri en cliquant sur les intitulés des colonnes. Si le clic n'est pas possible, c'est que la colonne n'est pas triable. | Dans les intitulés des colonnes, il vous est possible d’effectuer un tri en cliquant sur les intitulés des colonnes. Si le clic n'est pas possible, c'est que la colonne n'est pas triable. | ||
{{: | {{: | ||
- | * __D'un bouton d’action qui permet de sélectionner les colonnes à afficher à l’écran et/ou à intégrer | + | * __D'un bouton d’action qui permet de sélectionner les colonnes à afficher à l’écran et/ou à intégrer |
{{: | {{: | ||
Ligne 174: | Ligne 283: | ||
La barre de navigation vous permet : | La barre de navigation vous permet : | ||
- | D’avoir l’information le nombre de lignes affichées dans le tableau | + | D’avoir l’information |
De vous rendre sur la page que vous souhaitez | De vous rendre sur la page que vous souhaitez | ||
De choisir le nombre de lignes affichées par page | De choisir le nombre de lignes affichées par page | ||
Ligne 180: | Ligne 289: | ||
{{: | {{: | ||
- | * __D' | + | * __D' |
{{: | {{: | ||
Ligne 188: | Ligne 297: | ||
// | // | ||
- | A certains endroits, tableaux/pages dans VSA vous retrouverez des fonctionnalités spécifiques : | + | A certains endroits, tableaux |
* __Bouton d’information sur les légendes__. | * __Bouton d’information sur les légendes__. | ||
Ligne 197: | Ligne 306: | ||
*__ Bouton d’écrans transverses.__ | *__ Bouton d’écrans transverses.__ | ||
- | Il vous permet en un click de changer la visualisation d’un tableau. Pour switcher | + | Il vous permet en un click de changer la visualisation d’un tableau. Pour passer |
{{: | {{: | ||
Ligne 216: | Ligne 325: | ||
* __Les champs__ | * __Les champs__ | ||
- | Tous les champs précédés d’une barre bleue sont à remplir OBLIGATOIREMENT. S’ils ne sont pas remplis vous ne pourrez pas enregistrer le formulaire. | + | Tous les champs précédés d’un liseré bleu sont à remplir OBLIGATOIREMENT. S’ils ne sont pas remplis, vous ne pourrez pas enregistrer le formulaire. |
Les autres champs sont facultatifs et n’empêchent pas l’enregistrement du formulaire s’ils sont vides. | Les autres champs sont facultatifs et n’empêchent pas l’enregistrement du formulaire s’ils sont vides. | ||
Ligne 226: | Ligne 335: | ||
*__ Les listes en cascade__ | *__ Les listes en cascade__ | ||
- | Des listes en cascade sont également possibles | + | 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). |
{{: | {{: | ||
Ligne 238: | Ligne 347: | ||
{{: | {{: | ||
- | 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. | + | 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 244: | Ligne 353: | ||
**5. Les liens de redirection** | **5. Les liens de redirection** | ||
- | Dans tous les écrans VSA vous aurez la possibilité, dès qu’un mot ou une phrase est souligné, de pouvoir | + | Dans tous les écrans VSA, dès qu’un mot ou une phrase est souligné, |
{{: | {{: | ||
Ligne 264: | Ligne 373: | ||
Afin d' | Afin d' | ||
- | |||
- | |||
- | |||
- |