Interface VDoc 2012

Interface finale : écrans issus du kit graphique.

Le lab : recherche d’une nouvelle interface.

Lors de cette étape, nous avons travaillé à l’évolution de l’interface en modifiant les éléments très marqués de l’ancienne version tels que les boutons, les éléments de sélection et le zoning. C’était également l’occasion d’évoluer vers un design plus simple et des couleurs plus neutres en conservant malgré tout les rouges et gris, références de l’identité VDoc. J’ai testé différentes interfaces au travers d’une série de maquettes.

Extrait du lab VDoc 2012

Extraits de la phase de recherche pour l’interface VDoc 2012.

Durant ce travail de simplification, la modification du marquage des zones (suppression de filets et volumes) a permis d’alléger l’interface. Un travail particulier a été réalisé sur les éléments d’interaction tels que les boutons, les listes déroulantes et certains éléments dynamiques. Pour les améliorer j’ai modifié les formes, adouci les volumes (pour induire les actions de clic) et travaillé sur les couleurs. Le principe d’association couleur/action a été conservé.

Déclinaisons et préparation d’un kit graphique

À l’issue de l’étape de recherche et la sélection de l’interface de référence, j’ai travaillé sur les déclinaisons et le kit graphique. VDoc a atteint sa maturité depuis déjà plusieurs années et les éléments d’interface sont assez bien « synthétisés ». Cependant, l’application est riche de solutions offertes rendant le travail de catalogage et de déclinaison assez conséquent.

Ecrans VDoc 2012

Principaux écrans réalisés lors des déclinaisons.

Icônes d’application

La plateforme VDoc est composée de plusieurs briques applicatives basées sur une librairie d’icônes communes et sur plusieurs sets d’icônes spécifiques. Une partie des existants est restée en l’état pour ne pas paralyser l’évolution du produit. Une partie des nouvelles icônes sont issues de kits en licences Creative Commons, les autres ont été réalisées lors de cette évolution 2012. Comme à mon habitude, j’ai travaillé ces éléments de façon classique en proposant une planche de recherche à base des dessins. La sélection a été vectorisée pour ensuite être travaillée aux tailles définitives en bitmap. Si l’objectif était de transformer en image des concepts abstraits, j’ai dû travailler dans un soucis de cohérence graphique avec la librairie existante. Attention : Les icônes présentées ci-dessous ne sont pas libres d’utilisation et de droits.

icônes VDOC 2012

Planche de recherche et icônes vectorisés puis déclinés.

Si vous êtes une entreprise intéressée par les applications métiers VDoc, vous trouverez des informations complètes sur le site VDoc Software.