Principes ergonomiques

L’interface de Novius OS est construite autour de grands principes ergonomiques. Deux d’entre eux sont à connaitre pour le développement d’applications : la navigation par onglets et l’App Desk.

L’App Desk

Voir le screencast consacré à l’App Desk

L’App Desk est l’accueil d’une application, il permet l’accès aux différents items. Il est constitué des éléments suivants :

  • Tableau principal : il liste les items d’une application, une ou plusieurs vues sont proposées (vignettes, tableau, arborescence, etc.). Son contenu est filtré par les inspecteurs et / ou une recherche full-text. Il ne peut y avoir qu’un seul tableau principal par App Desk.

  • Inspecteurs : les inspecteurs regroupent les éléments meta d’une application (ex : auteurs pour un blog, dossiers pour la médiathèque). Les inspecteurs permettent de filtrer le contenu du tableau principal (ex : voir uniquement les billets d’un auteur précis). Certains inspecteurs permettent aussi de gérer des données (ex : supprimer un dossier).

    • Inspecteur de prévisualisation : l’inspecteur de prévisualisation est un cas particulier. Contrairement aux autres inspecteurs, il n’agit pas sur le tableau principal, c’est le tableau principal qui agit sur lui : quand un item est sélectionné, ses détails sont affichés dans l’inspecteur de prévisualisation (image, propriétés, récapitulatif des actions possibles pour l’item).
  • Actions : dans la vaste majorité des cas, chaque App Desk doit proposer une et une seule action principale, généralement l’ajout d’un nouvel item. Des actions secondaires peuvent aussi être proposées, sous forme de liens : ajout d’un élément meta (ex : un dossier) ou action fréquente (ex : export).

App Desk

L’App Desk offre de nombreuses possibilités de mise en page aux développeurs, comme à l’utilisateur final. Néanmoins, nous recommandons de proposer comme mise en page par défaut une Three-Pane Interface :

Three-Pane Interface

Alternativement, l’inspecteur de prévisualisation peut être placé sous le tableau principal.