top of page

UX/UI Design

UX/UI Design

background mes projets

Safran

Recherche utilisateur et conception des interfaces

Accompagnée d’un business analyst et d’une développeuse, j'ai travaillé sur la conception d’une application web de traçage et de contrôle des opérations en usine afin de remplacer un fichier excel historique. J'ai également pu travailler la backlog ainsi que suivre les sprints de développement.

safran-cover.png

Définition des utilisateurs & missions :

Opération, Laboratoire, Qualité & Méthode
 

Observations sur site :

- Compréhension des différents métiers, questions et définition des besoins ;

- Utilisation du logiciel existant par les métiers

Ateliers métiers (sur site & à distance) :

Approfondissement des besoins métiers et fonctionnalités avec les parties prenantes des différents métiers

Atelier1.png

01

Observations métiers & premiers ateliers

Objectifs :

- Identification des utilisateurs

- Compréhension des métiers et problématiques rencontrées

- Prise des besoins

Livrables :

- Compte-rendus d'ateliers

(Utilisateurs > besoins > solutions)

- Cas d'usage

Problématiques rencontrées :

- De nombreux champs non nécessaires selon les cas

- Organisation dans l'application existante
(Hiérarchie de l'information, logique de remplissage, découpage de l'application, accès aux fonctionnalités selon les rôles...)

Solution :

- Automatisation des champs apparents

- Automatisation de remplissage de champs dès que possible

- Révision des rôles et de la structure de l'application

Atelier2.png

Backlog :

- Identification et spécification des fonctionnalités sur Azure Devops

(Epics, Features, User Stories)

- Écriture des User stories

Pré-requis

Scénario (Qui ? Quoi ? Pourquoi ?)

Manipulations utilisateurs (Actions + écrans)

Critères d'acceptance (Gherkin)

Dépendances

item-safran.png

- Évolution de la backlog au fur-et-à-mesure des ateliers

02

Démonstrations et itérations

1ères maquettes :

- Sketch papiers (scénarios sur base de cas d'usage ; sketchs détaillés)

- Arborescence

- Premières maquettes sur figma (middle fidelity, pas de charte graphique) et prototypes

Démonstration :

Ateliers métiers sur base des premières maquettes, présentation des maquettes
 

Prise en compte des retours :

Découverte de nouveaux besoins et cas d'usage ;

Modification des maquettes (ateliers métiers et itérations)

Objectifs :

- Vérification de la viabilité du système

Livrable :

- Maquette et prototype des premières fonctionnalités

proto-safran.png

Problématique rencontrée :

De nombreux cas "exeptionnels" non connus et difficilement identifiables car peu fréquents mais bloquants car empêchent la génération automatique de la pochette et de ses opérations

Solutions :

- Révision des automatisations pour ne garder que les non bloquantes

- Mise-en-place d'une fonctionnalité "création de masque" par un utilisateur admin

écrans1-safran.png
screen.png

03

User interface

User Interface :

Design System

Composants & variants

styles.png

Boutons

ui-buttons.png
ui-buttons-infos.png

Champs

UI-fields.png
UI-fields-scroll.png

Éléments

ui-title.png
ui-counter.png
ui-onglet.png
ui-header.png
ui-icon.png
UI-radiobutton.png
ui-pop-up.png
ui-menu.png
UI-message.png
bottom of page