/ Retour à l’accueil

Création de l’app mobile tablette Odice Remplissage Cerfa

Cet UI design est un complément à celui fait pour la gestion des bouteilles.
L’idée était donc de créer une application qui permet de suivre et de gérer plus facilement le remplissage du document Officiel Cerfa permettant de contrôler de nombreux paramètres sur les bouteilles de gaz.

Story board et études

Réflexion sur l’expérience utilisateur

Le contexte d’utilisation de l’application est finalement le même que pour l’application de la gestion des bouteilles de gaz. Nous nous sommes donc basés sur la même expérience utilisateur.
Ci dessous le story telling de l’usage de l’application. Accompagnés d’une réflexion poussée sur l’usage grâce à différentes techniques nous avons une vision globale des contraintes auxquelles nous aurons à répondre.

Ux design

Zonning et wireframe

Après le contexte, rentrons dans le vif du sujet. Ci dessous le zoning/wireframe, nous permettant d’agencer habillement les blocs sans perdre trop de temps sur le design.
Ici et comme sur l’application complémentaire Odice Remplissage de bouteilles je me suis penché sur le côté rébarbatif à remplir un formulaire. La question est : comment remplir facilement et de manière ludique un document à la base long et compliqué?

UI design

Design de l’interface utilisateur

Sur le même principe que l’application remplissage de bouteilles, tout le travail d’expérience utilisateur a aboutit sur un design simple et sobre.
En lien constant avec les développeurs, nous avons collaboré pour aboutir à une application moderne tant par ses couleurs que par ses formes mais également dans une construction simple et dynamique.

Ui design

Connexion et choix clients

Le postulat est le suivant, il est très dur de contrôler la gestion du gaz dans les bouteilles chez les transporteurs.
L’idée était donc de créer une application qui permet de suivre et de gérer plus facilement le remplissage du document Officiel Cerfa permettant de contrôler de nombreux paramètres sur les bouteilles de gaz.

Ux et Ui design

Trouver un ancien Cerfa

Après une utilisation sur plusieurs mois, voire années, la base de données sera bien remplie en documents Cerfa.
J’ai donc travaillé l’UI Design ainsi que l’ergonomie pour rendre l’accès le plus rapide possible à tous les anciens cerfa. La problématique était de rendre l’accès rapide sans avoir un effet chargé. Pour que ce soit propre j’ai utilisé un double tableau sur 2 colonnes ainsi qu’une barre de recherche bien visible.

Ux et Ui design

Remplissage du nouveau Cerfa

C’est la partie la plus longue et certainement la plus importante de cette UI.
Sachant que les techniciens en remplissent plusieurs dizaines par jour, il fallait trouver un moyen de rendre cette partie beaucoup plus rapide car le temps accumulé sera considérable à la fin de la journée. Pour réaliser cette partie nous avons choisi de bien dissocier chaque partie, d’ajouter une barre d’évolution en haut ainsi que des boutons simples et facilement trouvables.

Ux et Ui design

Design de l’application en version mobile

Même si l’UI est simple de part son design, il n’est pas facile de rentrer autant de fonctionnalité dans un petit écran et de les rendre toutes autant visibles que sur tablette.
Le choix que nous avons adopté ici est de superposer les fonctionnalités et d’enlever la partie drag and drop au profit de menus déroulants bien plus faciles à utiliser sur petit écran.

Merci d’avoir regardé !

Mes autres créations

Y’a plus qu’à 📨