Sprint UI

Déclinaison graphique des interfaces

Avant de procéder à la déclinaison des maquettes, nos designers font un point relais afin d'assurer la meilleure passation possible, expliquer les choix qui ont été faits, présenter les wireframes, souligner les points de vigilance, etc. Une fois ce relais effectué, nous déclinons l'ensemble des écrans en les adaptant à la direction artistique validée. Cette partie peut se faire entre 3 à 6 jours, en fonction de la quantité d'écrans ainsi que la complexité du projet. Nous en profitons également pour compléter et structurer le design system.

Itération avec l’équipe projet

Une fois l'ensemble des éléments finalisés, nous itérons avec les parties prenantes du projet afin de présenter l’ensemble des écrans. Cette étape permet de centraliser tous les potentiels retours et interrogations. Cependant, ces derniers se font uniquement sur un aspect DA / UI et non pas sur des éléments UX, tels que la structure, etc. Quand cela est possible, nous intégrons les développeurs dès cette itération. Cela leur permet d’anticiper de potentiels besoins mais également qu’ils puissent faire leurs retours sur la faisabilité des composants. Intégrer les développeurs en amont permet de gagner du temps sur la phase d’intégration, mais aussi de les mettre en contact avec les équipes design (et ainsi anticiper leurs potentielles questions).

Consolidation des déclinaisons graphiques

Avant-dernière étape de notre sprint : la consolidation. Nous prenons l’ensemble des retours évoqués en itération et modifions chaque écran et élément qui le nécessitent. Cette étape est importante, car elle représente une vérification globale de notre travail. Lorsque le temps le permet, nous mettons en place un prototype, qui servira à la fois aux développeurs et aux clients pour de potentiels tests utilisateurs. Quand cela est nécessaire, nous itérons une seconde fois; pour s’assurer que tous les retours ont bien été pris en compte et que tout est clair du côté des clients.

Livraison des maquettes

Pour cette dernière phase, nous préparons les écrans pour les développeurs. Nous nettoyons le fichier de potentiels éléments inutiles, nous vérifions que les écrans sont bien nommés et bien groupés, etc. Nous préparons les composants qui doivent être exportables (icônes, images, illustrations, etc.). Généralement nous livrons ensuite le design system et les écrans sur Zeplin. Mais nous nous adaptons aux besoins des développeurs et sommes parfois amenés à livrer le projet sous XD