Piloter sa comptabilité plus simplement et plus agréablement

Piloter sa comptabilité plus simplement et plus agréablement 

Brief client

La Compagnie Fiduciaire souhaite faire évoluer son outil de gestion d'activité comptable en temps réel. Un accompagnement aussi bien UX que UI dans la modernisation de cet outil à destination des clients et des comptables.

Année

2019

Expertise
  • Design
Disciplines
  • Direction artistique
  • UI design
  • UX design
Outils
  • Ateliers collaboratifs
  • Checklist critères ergonomiques
  • Protocole de tests utilisateurs
  • Sprint graphique

01

Analyse de l’existant

A l’issue de cet audit, nous proposons des solutions adaptées pour améliorer l’interface.

L’utilisateur a besoin d’un temps d’apprentissage important avant de pouvoir utiliser correctement l’interface. Le manque de fluidité des parcours, la mauvaise compréhension de l’utilisateur et la difficulté à trouver une information sont autant de points bloquants.

Vue globale de l'audit
Extraits de l’audit ergonomique
02

Rencontre avec les usagers

Tests avec les équipes et ateliers de co-conception

Des tests utilisateurs sont réalisés en groupe de huit personnes.

Les retours permettent d’identifier les points bloquants :

– manque d’informations

– vocabulaire trop technique et peu accessible

– hiérarchie de l’information à revoir

Les utilisateurs se sentent perdus dans l’interface, ce qui empêche une navigation fluide

Atelier de co-conception avec des usagers
Atelier de co-conception
03

Conception des wireframes

La plateforme prend peu à peu vie

Sur la base de l’audit et des tests réalisés, et en collaboration avec l’équipe projet, des maquettes basse fidélité (wireframes) sont réalisées.

Wireframes desktop
Vue d’ensemble des wireframes
04

Nouvelle idendité

Une nouvelle identité graphique est imaginée pour la plateforme

Une étude de la concurrence et des nouvelles tendances est réalisée afin de définir une direction artistique claire et adaptée aux utilisateurs.

Afin de répondre à la demande de mutualisation de l’interface pour les deux plateformes ça compte pour moi et izzy,  nous avons conçu une solution modulable avec seulement un changement de couleur et de logo.

Mockup de la DA
Vue rapprochée d’un écran
Vue des écrans desktop
Vue d’ensemble de nos écrans DA
05

Déclinaisons des écrans

Dernière phase du projet : UI Design

En parallèle de l’interface desktop, nous avons travaillé sur l’adaptation du design au format mobile et la déclinaison de l’ensemble des écrans.

Mocku-up desktop
Vue du coffre-fort
Homepage desktop
Traitement des opérations
Vue du coffre-fort
Traitement des opérations
Écrans mobile
Déclinaisons mobiles
Tableau de bord de l'interface
Tableau de bord
Déclinaison ipad
Vue sur ipad
Tableau de bord
Vue sur ipad
Voir un autre projet