Contexte

Dans le cadre d’un projet de refonte système de supervision/hypervision des usines de traitement de l’eau, il s’agissait de fournir des principes de design de la nouvelle application, en conformité avec les besoins des différents métiers (opérateurs, ingénieurs…) et avec la norme ISA101 pour les Interfaces homme-machine des applications industrielles.

International Society of Automation

Réalisation

• Analyse de l’activité des opérateurs (travail posté en salle de supervision)
• Itérations avec l’équipe projet
• Réalisation d’une charte graphique et maquettes de futurs écrans

Outil de maquettage utilisé : Figma

• Réalisation de la charte graphique et de l’iconographie reprenant les principes de la norme ISA101
• Maquettage graphique de visualisation des processus applicables aux synoptiques et écrans des postes de travail

Résultat

Rupture avec l’ancienne génération d’applications de supervision fortement chargées visuellement (couleurs, réalisme et complexité des appareils) pour une représentations extrêmement simplifiée des composants du process, un enrichissement de la représentation des mesures, tendances et seuils.

Un mode graphique sombre plus reposant visuellement, diminuant la charge visuelle en permettant de se concentrer sur les informations utiles pour la supervision, dés le 1er niveau de visualisation.

Conformément à la norme ISA101, le premier niveau de visualisation est une représentation globale de la situation Situational Awareness grâce à laquelle un opérateur peut voir l’ensemble du processus à un niveau macroscopique, et peut focaliser par étage jusqu’aux composants et données d’un équipement (cuves, pompes, capteurs, etc.).

Application de maintenance des trains

L’application est utilisée par des techniciens, sur des ordinateurs PC portables, qu’ils connectent sur les armoires techniques des voitures de train RER afin de réaliser des diagnostics d’équipements.

L’application existante était de conception ancienne, difficile à prendre en main et peu performante.

Tout en tenant en compte des contraintes techniques et de budget, le partis pris en terme d’expérience utilisateur a consisté à mettre à disposition des systèmes de visualisations de jauges analogiques, dans un tableau de bord personnalisable via des widgets, tout en laissant à disposition un système d’affichage de logs et de commandes textuelles.

Direction du design de l’eXpérience Utilisateur (sur avant-vente et projet gagné)

• Architecture de l’information
• Maquette statique « file de fer /wireframe » (définition du zoning / emplacement des composants de l’interface utilisateur
• Direction de la création graphique

Back-Office unifié de publication multicanal

Projet 2014. Dans le cadre d’un projet de réunification maximale des back-offices et outils / web applications métier mis à la disposition des utilisateurs finaux des différents Business Units, création de l’interface utilisateur du nouveau back-office, unifiée, performante et proposant une expérience utilisateur améliorée pour les utilisateurs finaux : journalistes, rédacteurs programmateurs, community managers, etc.

Contexte

MyTF1 gère toute la production, la programmation et la distribution de contenus Multicanal en temps réel et différé du groupe TF1 : sites web, applications mobiles, box internet, programmes, vidéos à la demande, animation et informations, etc.

Plusieurs systèmes de back-office ont vu le jour au fur et à mesure que se diversifiaient les modes et les supports de diffusion des contenus, aboutissant à un parc hétérogène en terme d’interfaces utilisateurs, complexe à prendre en main, avec des redondances entre applications, parfois des fonctionnalités lourdes pour la réalisation de certaines tâches par les utilisateurs, un parc applicatif lourd à maintenir.

Réalisations

• Prise de connaissance et analyse des études précédentes sur les expressions de besoin
• Analyse de l’activité des utilisateurs pendant la réalisation des tâches, recueil les besoins utilisateurs, identification des problématiques rencontrées sur les différentes business units avec les outils backoffice existants : journalistes, rédacteurs programmateurs, community managers, etc.
• Rapport d’évaluation ergonomique avec des recommandations d’ergonomie, les points d’attention
• Production d’une maquette dynamique wireframe sans design graphique réalisée sous Axure RP Pro
• Animation des ateliers de conception itérative

Résultats

• Design d’un concept d’IHM backoffice unifié
• Adhésion des utilisateurs
• Gains de productivité et de performance des tâches réalisées avec le nouvel outil
• Amélioration de l’expérience utilisateur

L’atelier toulousain de cette compagnie américaine aérospatiale, automobile et d’ingénierie a pour charge de maintenir, contrôler et réparer des équipements de détection aéronautique.

La gestion de certains matériels nécessitent des process contrôlés, dépendant de formalités douanières.

Les équipements sont sophistiqués, l’atelier fournit des pièces nécessaires pour la réparation.

• Conseil pour la mise en place des 35 heures, aménagement et réduction du temps de travail
• Définition des principes organisationnels associés.
• Analyse de l’activité : observations shadowing, fly-on-the-wall et interviews auprès du personnel back-office, magasiniers, des opérateurs de maintenance…