Étiquette : application métier

Design application de gestion des catastrophes

Posted on by Pierre

Source image : post LinkedIN de l’Entente Valabre, centre de prévention et de lutte face aux risques naturels

2025 2024 avec mon partenaire Ergogenèse pour le Groupe TDS expert conseil en développement et la gestion des risques en zones réputées difficiles d’accès

Accompagnement en ergonomie

Design d’une application de gestion des catastrophes, sur la première brique fonctionnelle concernant la prévention et la gestion des risques d’inondations

Les fonctionnalités générales attendues

Cette application est à destination de centres de commandement, postes de commandement mobiles et véhicules d’interventions de la sécurité civile dans plusieurs pays afin de planifier les actions avant (préventions, simulation, formation), pendant (coordination) et après (RETEX) les phases d’alertes catastrophes. C’est un Système d’Information Géographique (SIG) intégrant des fonctions d’agrégation et de collectes de données (météorologiques, terrains, infrastructures, moyens…), de simulations, de planification, d’aide à la décision et de coordination des équipes de commandement stratégique, tactique et opérationnel, et les équipes d’intervention.

Contexte

Ce projet fait partie du programme européen PPRD Med – Prévention, Préparation et Réponse aux catastrophes (Disasters) naturelles et d’origine humaine dans les pays partenaires dans le sud et l’est Méditerranée. Il vise à fournir des solutions et accompagner les pays afin d’améliorer la prévention et la gestion des catastrophes.

Utilisateurs finaux

Opérationnels de la sécurité civile, opérateurs humains des centres de commandements, jusqu’aux pompiers, dans les pays de l’Union Européenne, de la Méditerranée et du Moyen-Orient

Réalisation

  • Accompagnement d’experts métiers dans l’identification des besoins des utilisateurs
  • Design Sprint de 3 jours en atelier
  • Personas des différentes typologie d’utilisateurs
  • Design de scénarios d’utilisation sous forme de storymap, afin d’identifier les fonctionnalités et les interactions entre les utilisateurs et l’application
  • Constitution d’une matrice de fonctionnalités
  • Roadmap : priorisation et groupement des fonctionnalités en fonction des exigences fonctionnelles, de développement, sur le contenu des futures montées de version
  • État de l’art des applications existantes
  • Proposition de principes de design et maquettage (Figma) d’écrans types

Inspiration

https://fuselabcreative.com/our-projects/flood-damage

Dashboard Flood Damage

Expertise impacts nouveaux outils de gestion des temps

Posted on by Pierre

2023 projet confidentiel en partenariat avec un grand cabinet d’expertise CSE (Comité social et économique) et SSCT (Commission Santé Sécurité Condition de Travail) pour une entreprise de services du numérique française (ESN).

Contexte

Dans le cadre de la mise en place d’une nouvelle application métier pour la déclaration des activités des salariés consultants et la gestion et déclaration des temps de travail et des absences, il s’agissait d’anticiper les impacts sur l’organisation et les conditions de travail et aider les représentants des salariés, dans le cadre de leur discussion et arbitrages avec la direction du groupe, à disposer d’un avis éclairé sur les risques projet et points de vigilance sur la mise en place de ce nouvel applicatif concernant tous les salariés

Réalisation

Revue documentaire (accords, convention relatives au temps de travail, etc), prise de connaissance des injonctions de l’inspection du travail concernant les systèmes et process en vigueur dans l’entreprise en matière de déclaration des temps de travail et des absences

Interviews avec des membres de la direction de l’entreprise, de la direction des ressources humaines et les personnes en charge du projet de mise en place de la nouvelle application, le personnel en charge du traitement des déclaration des temps de travail, de la gestion des absences et des congés

Réunions avec les représentants du personnel et la direction

Conception et analyse des réponses à un questionnaire auprès de tous les salariés de l’entreprise sur les perceptions et usages des outils et des projets relatifs à la déclaration des activités projets et de gestion et déclaration des temps et des absences

Réalisation, rédaction et présentation du rapport d’expertise

Design application de supervision du traitement de l’eau

Posted on by Pierre

2022 projet confidentiel pour une société en charge du captage, du traitement et de la distribution de l’eau d’une grande métropole française.

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

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.).

Design UI Mobile et webapps responsive Assurance Banque

Posted on by Pierre

2016 – Plusieurs projets confidentiels de refonte et de design d’applications mobiles (tablettes et smartphone) et webapp responsive pour des usages métiers et grand public en secteur Banque Finance Assurance  :

  • Refonte de l’application CRM portable (sur tablette Windows) des conseillers commerciaux (France)
  • Conception d’une application (mobile native iOS/Android et desktop web responsive) de déclaration rapide de sinistre pour les assurés et les télé-experts (France)
  • Refonte d’applications boursières (mobile native iOS/Android et desktop web responsive) pour usagers grand public (marché Europe)

Dans le cadre des études et refonte d’applications métier j’ai eu recours à la méthode de l’analyse du travail (observations et et entretiens ethnographiques) en m’immergeant en situation réelle d’usage. Par exemple en accompagnant des experts en assurances durant leur journée travail, en déplacement dans son véhicule, en expertise de sinistre chez les assurés, au bureau.

Pour les services et applications grand public, je réalise la phase de design le plus souvent via une conception itérative (ateliers de conceptions, échanges sur les fonctionnalités et maquettes) avec des experts métiers, en lançant des questionnaires et des tests utilisateurs individuels auprès du grand public.

Outil de prototypage: Sketch app

Sur ces anciens projets, pour le design d’interfaces utilisateur (maquettage, prototypage) j’utilisais le plus souvent l’application Sketch. Grâce au plugin Craft, les éléments d’interfaces pouvaient être dynamisés et mis en ligne sous forme de prototype web.

L’application Sketch à beaucoup évolué depuis, et d’autres outils ont émergé, comme Figma.

Conception UX/UI Back-Office unifié de publication multicanal

Posted on by Pierre

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

Conception UI app de maintenance des trains

Posted on by Pierre

2014 – Design de l’interface utilisateur (UI) d’une application métier

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
  • Prototypage avec l’application Axure RP Pro
  • Direction de la création graphique

UX/UI contrôle sûreté biométrique

Posted on by Pierre

2013 Design UX des interfaces utilisateur des applications métier et display usagers d’un checkpoint sécurité biométrique aéroportuaire,

Prototype présenté au Salon du Bourget

Utilisateurs finaux

  • Opérateurs métiers des contrôles sécurité disposant de nouveaux équipements de contrôle des passagers et de leurs effets personnels : applications sur écrans tactiles
  • Usagers PAX passagers, personnel navigant et autres métiers des contrôles de sécurité (accompagnement, guidage, identification…) avec de nouveaux dispositifs d’identification biométrique : reconnaissance faciale, rétinienne, empreintes digitales

Méthode et réalisations

  • Etude de l’existant (utilisateurs, produit), benchmark de solutions
  • Idéation (brainstorming, ateliers d’idéation) et définition de l’architecture de l’information, design d’interfaces utilisateurs et d’ interactions
  • Prototypage des applications en HTML via le progiciel Axure RP Pro
  • Direction de la production visuelle et graphique (design graphique, intégration CSS/HTML)
  • Itérations utilisateur : tests utilisateurs individuels, ateliers utilisateur
  • Réalisation et rédaction de la charte ergonomique et graphique des interfaces utilisateur, contenant les maquettes graphiques et les spécifications ergonomiques générales
Prototype du checkpoint lors du Salon du Bourget 2013

Amélioration de la prise en charge des demandeurs d’emploi

Posted on by Pierre

2012 Pôle Emploi

Accompagnement du pôle ergonomie de la Direction Générale de Pôle emploi sur plusieurs projets dans le cadre de la transformation digitale : dématérialisation, inscription des demandeurs d’emploi, services en agence…

Dans un contexte où les technologies et les usages numériques se développent, la direction des systèmes d’information de Pôle emploi opère, entre autre, une digitalisation de l’accompagnement des demandeurs d’emploi.

Cette transformation présente des avantages notamment en termes de temps libéré pour l’accompagnement des demandeurs d’emploi les plus en difficulté, mais aussi au niveau de l’adaptation de ces nouveaux outils au public cible de Pôle emploi.

Méthodes utilisées

  • Observations et interviews auprès des demandeurs d’emploi et des conseillers en agence Pôle Emploi, au niveau des espaces d’accueil, lors d’entretiens des conseillers avec des candidats
  • Recommandations sur l’organisation et sur les applications utilisées par les conseillers et les services mis à disposition des usagers demandeurs d’emploi.

UX/UI Monolithe interactif d’orientation passagers

Posted on by Pierre

2010/2011 – ADP Aéroport de Paris – Innovation

Direction eXpérience Utilisateur UX, direction de projet et accompagnement AMOA (assistance à maîtrise d’ouvrage)

Contexte

Projet de design d’un dispositif digital interactif innovant pour l’orientation des passagers et usagers de l’aéroport

Réalisations

  • Direction de projet
  • Direction de l’équipe UX : un Designer UX, une experte interfaces naturelles, une directrice artistique
  • Recherche utilisateur
  • Capitalisation sur les études marketing utilisateur existantes
  • Observations fly-on-the-wall en aéroport
  • Jeux de rôle parcours usagers en aéroport
  • Inventaire et analyse de l’information passagers existante : signalétiques, affichages, annonces, agents, bornes….
  • Exploitation des données d’études utilisateur, personas, cartographies de l’expérience (eXperience Maps), diagrammes d’alignement (utilisateurs/services)
  • Idéations
  • Benchmark et État de l’art
  • Ateliers d’idéations
  • Réalisations de croquis et maquettes graphiques (sous Illustrator, sans design graphique).
  • Préconisations sur l’implantation géographique indoor du réseau de « bornes »

Assistance à Maîtrise d’Ouvrage

Rédaction du cahier des charges et spécifications fonctionnelles détaillées

Résultats

Concept d’un monolithe / glace transparente interactive et tactile, utilisation de la réalité augmentée

Accompagnement conception intranets collaboratifs

Posted on by Pierre

De 2008 à 2010, plusieurs projets : Armée de l’Air, Association Française de développement, Autoroutes du Sud de la France, Conseil Supérieur du Notariat, Icade…

Accompagnement dans la refonte d’intranets traditionnels vers des intranets avec des fonctionnalités collaboratives / 2.0 : espaces de travail collaboratifs, agendas, gestion électronique de documents, réseaux sociaux, etc.

Les intranets sont souvent des contenus avec des hiérarchies complexes, souvent le reflet de la hiérarchie de l’entreprise / concurrence et jeux de pouvoir et de concurrence entre directions et service,  nécessitant un travail en profondeur sur l’architecture de l’information. Les ateliers de tri par carte (Card Sorting) sont souvent utiles pour démêler la complexité, les blocages et les divergences, accompagner et faciliter le changement.

  • Recherche utilisateur
  • Focus Groups
  • Recueil des besoins métiers
  • AMOA Assistance à Maîtrise d’ouvrage
  • Architecture de l’Information
  • Ateliers d’idéation et d’itérations
  • Test utilisateurs individuels
  • Conception ergonomique, wireframes
  • Spécifications et chartes ergonomiques / UX