Érgonomie

Dans l’application, nous retrouvons des éléments utilisant une symbolique codifiée.

Codes couleurs

Éléments cliquables

• Bleu : actions et liens

Blocs d'information

• Vert : Clients

• Violet : Études

• Rouge : Calculettes

• Marron : Référentiels

Menus

Le menu correspond à la clonne de gauche.

Menu principal

• Dashboard

  • Agenda

• Clients

  • Comptes

  • Mandats

  • Commandes

• Études

  • Analyses de situation

  • Appel d'offres

• Calculettes

  • Électricité

  • Gaz naturel

• Référentiels

  • Points de livraison

  • Fournisseurs

  • Marché

  • Contributions

Menu secondaire

• Nouveautés : nouveautés de l'application,

• Extensions : extensions de l'application,

• Aide : aide de l'application,

• Mon compte : détail de mon compte de mon équipe.

Structure de la page

Entête

L'entête est située en haut, sur fond blanc.

Sur sa gauche, elle contient :

• Une icone représentant la section de l'application,

• Le titre de la page,

• Un fil d'ariane cliquable (optionnel),

• Le nombre de résultats (pour les listes),

• Les onglets de navigation entre les sections de la page.

Sur sa droite, elle contient :

• Les actions, la principale est en bleu,

• La navigation entre les pages (pour les listes),

• L'accès aux filtres de recherche (pour les listes).

Contenu de la page

Le contenu de la page se trouve au centre.

Annexes

À droite, vous retrouvez les informations annexes, tel que :

• La checklist des actions à mener,

• Les éléments liées,

• Les événements.