Prise en main

Se repérer

Comprendre la structure de l'interface pour aller plus vite.

Se repérer

L'interface est organisée autour de quelques zones récurrentes. Cette page sert à comprendre à quoi sert chaque zone avant de cliquer partout au hasard.

InterfaceVue d'ensemble de l'applicationEmplacement réservé pour un visuel, un schéma ou une capture.
Capture d'écran annotée montrant: l'en-tête avec le sélecteur de contexte, le menu latéral ou la barre de navigation, la zone de contenu principale et le panneau d'actions.

Les zones de l'écran

ZoneCe que tu y trouves
En-têteSélecteur de contexte, recherche rapide (Ctrl K), notifications, profil
Menu de navigationAccès aux modules: stock, transactions, inventaires, caisse, tableaux de bord
Zone principaleListe, tableau ou formulaire selon le module actif
Panneau de détailInformations complètes sur l'élément sélectionné
Barre d'actionsBoutons pour créer, valider, modifier ou clôturer

À quoi sert chaque zone

  • l'en-tête te permet de changer d'organisation ou de branche sans perdre ta page en cours;
  • le menu de navigation donne accès à tous les modules depuis n'importe quel écran;
  • la zone principale affiche les données: liste de produits, détail d'une transaction, formulaire de saisie;
  • le panneau de détail s'ouvre quand tu sélectionnes un élément pour le lire ou le modifier;
  • la barre d'actions contient les opérations possibles sur l'élément affiché.

Sur téléphone ou tablette:

  • le menu principal est généralement replié dans un bouton "hamburger" (☰);
  • les sélecteurs de contexte sont en haut de l'écran;
  • la recherche rapide reste accessible;
  • les actions principales sont souvent en bas de l'écran pour un accès au pouce.

Raccourcis utiles

ActionRaccourci
Recherche rapideCtrl K ou ⌘ K
Revenir à l'accueilCtrl Alt H ou ⌘ ⌥ H
Rafraîchir la listeCtrl R ou ⌘ R (selon navigateur)

Ce qu'il faut retenir

  • la recherche rapide permet d'atteindre une page sans naviguer dans tous les menus;
  • les boutons d'action dépendent du rôle;
  • certains écrans changent selon l'organisation ou la branche choisie;
  • les états affichés dans l'interface indiquent souvent si une action est encore modifiable;
  • si un écran paraît vide, vérifie d'abord le contexte actif avant de conclure qu'il manque des données.

Exemple de lecture

Quand tu ouvres une page de transaction:

  1. tu vois d'abord le contexte (organisation + branche);
  2. tu vérifies l'état de la transaction (brouillon, validé, synchronisé);
  3. tu complètes les champs obligatoires;
  4. tu valides ou tu enregistres pour plus tard.

Astuce pratique

Si tu hésites, lis toujours les libellés des boutons avant d'agir:

  • Enregistrer garde la saisie;
  • Valider la fige;
  • Annuler ou Supprimer enlève l'action;
  • Retour ne modifie rien.

À lire ensuite