application métier – Pierre Lannes https://www.pierre-lannes.fr ergonome conseil Thu, 06 Aug 2026 09:41:05 +0000 fr-FR hourly 1 https://wordpress.org/?v=7.0.4 https://www.pierre-lannes.fr/wp-content/uploads/2025/06/cropped-Pierre-Lannes_LOGO_transparent-32x32.png application métier – Pierre Lannes https://www.pierre-lannes.fr 32 32 Cyberdeck STAMM : un serveur terminal autonome pour la résilience numérique https://www.pierre-lannes.fr/cyberdeck-stamm-resilience-numerique/ https://www.pierre-lannes.fr/cyberdeck-stamm-resilience-numerique/#respond Sun, 24 Aug 2025 13:23:07 +0000 https://www.pierre-lannes.fr/?p=58195 Ce projet s’inscrit pleinement dans la démarche que nous portons avec Géorésilience, qui fédère des expertises complémentaires pour renforcer la résilience des territoires face aux risques majeurs et aux crises systémiques.

En tant que spécialiste chez Géorésilience sur les questions numériques, j’ai à cœur de contribuer à cette dynamique collective et d’explorer des solutions concrètes comme le STAMM, au croisement du numérique, de la gestion de crise et de l’autonomie locale.

Logo Phœnix société de conseil Géorésilience

Société de conseil accompagnant la conception de plans opérationnels de gestion des risques majeurs, diffusion de la culture du risque, implication des populations

Dans un précédent billet consacré aux liens entre risques majeurs et autonomie numérique, j’évoquais la nécessité de développer des solutions concrètes permettant d’assurer la continuité de la communication et de l’accès à l’information, particulièrement dans des situations dégradées.

C’est dans cette perspective que le projet STAMM — Serveur Terminal Autonome Messagerie Mobile a été designé et développé.

Protection d’une partie du projet par les droits de propriété intellectuelle

Dans une logique de protection et de valorisation de cette initiative, j’ai déposé une enveloppe e-Soleau auprès de l’INPI, garantissant l’antériorité et l’originalité du projet STAMM.

Le dépôt e-Soleau atteste seulement de la paternité et date de la spécificité de l’assemblage (concept + plans) et protège l’idée et les plans d’assemblage (coffrage, gabarits, schémas de câblage, etc.)
Tout le reste est libre (logiciel, configurations, doc d’usage) : la documentation sera mise à disposition. sur mon dépôt STAMM sur GitHub, dans lequel sont précisés les licenses utilisées :

CERN OHL-S v2 (hardware)

S’applique aux plans, schémas, fichiers de conception (CAD, PCB, gabarits, assemblage).
Oblige les réutilisateurs à publier les modifications s’ils redistribuent le hardware, et ne s’applique que sur les fichiers mis sous cette licence.

AGPL-3.0 (software) 

Couvre les scripts, configs Docker, automatisations.
Elle oblige à publier les modifs si quelqu’un héberge un service en ligne basé dessus.

License CC BY 4.0 (docs)

Textes et schémas explicatifs sont libres tant que l’attribution est respectée.

STAMM — Serveur Terminal Autonome Messagerie Mobile

STAMM — Dépôt GitHub

Prototype de kit de communication et de services mobiles décentralisés (SIG, wiki, médiathèque, relais radio) pour situations dégradées..

GitHub stars Hardware: CERN OHL-S v2 Software: AGPL-3.0 Docs: CC BY 4.0

Pourquoi un Cyberdeck STAMM ?

Les crises récentes – qu’elles soient sanitaires, sociales, énergétiques, liées à des cyberattaques, des catastrophes naturelles, technologiques (et systémiques, comme les NaTech : Naturelles entrainant des Technologiques, ou inversement) – nous rappellent combien notre dépendance aux réseaux centralisés (électricité, internet, téléphonie mobile) constitue une vulnérabilité majeure.

Le projet STAMM vise à répondre à cette vulnérabilité : il s’agit d’un kit de communication et de services numériques décentralisés, portable et autonome, pensé pour fonctionner :

  • en cas de panne des réseaux électriques ou télécoms,
  • dans des zones blanches ou isolées,
  • ou encore dans le cadre d’exercices et d’opérations de gestion de crise.

Les « 4 CO »

Dans les situations de crises, la communication est un pilier. Nous en avons besoin pour prévenir les populations, coordonner les secours…

La préparation aux crises est essentielle en amont, la communication l’est pendant la crise, la communication étant entendue et comprise ici dans une double signification :

  • Capacité des individus à se transmettre des informations (tactiques, stratégiques) et de se comprendre
  • Les outils qui la sous-tendent et la permettent, à distance

C’est un pilier de ce que j’appelle les 4CO : sans COnfiance, il n’y a pas de COmmunication. Sans communication, il n’y a pas de COordination. Et sans coordination, c’est la COopération elle-même qui disparaît. 

Pour se coordonner et coopérer nous avons besoins d’outils et de supports : outils de communications, cartes géographiques et topologiques (SIG, Systèmes d’Informations Géographiques), photos, documents, procédures…. Ces contenus et outils sont aujourd’hui essentiellement utilisables et accessibles via les réseaux téléphoniques et internet. Or, en cas de crise, ils peuvent être dégradés voire inopérants, ce qui augmente les risques systémiques et les effets catastrophiques en cascade. Le STAMM a été en grande partie pensé pour répondre à cela.

Équipements et connexions des éléments de STAMM
Équipements et connexions des éléments de STAMM

Ce que contient le STAMM

Le STAMM prend la forme d’une valise étanche et portable qui embarque l’essentiel pour déployer rapidement un terminal/serveur informatique et radio autonome.

Fonctions principales

  • Connexion filaire Ethernet et switch réseau intégré
  • Point d’accès Wifi longue portée
  • Communications Bluetooth et radio HF/VHF/UHF, messagerie LoRa/Meshtastic, voir mes explications
  • Serveur collaboratif : wiki, médiathèque, tutoriels, cartographies d’urgence
  • Serveur d’Informations Géographiques (SIG) pour la gestion opérationnelle des secours et de l’intervention

Énergie et autonomie

  • Panneau solaire portable étanche (10W)
  • Batterie universelle multi-sorties (USB, DC, réglages de 5 à 16 volts)

Matériel intégré

  • Nano-ordinateur Raspberry Pi avec stockage externe SSD 2To
  • Interfaces réseau, antennes et dongles radio, nœud Meshtastic RAK4631
  • Écran tactile 11,6’’ et clavier/trackpad étanche
  • Haut-parleurs et connectiques audio
  • Connectiques électriques et données USB-A/C et DC

Logiciels embarqués

Un outil pour la résilience collective

L’enjeu n’est pas seulement technique : le STAMM est pensé comme un outil de terrain pour la gestion de crise, permettant à des équipes locales de :

  • maintenir un réseau minimal de communication et de coordination,
  • accéder à une base documentaire et cartographique partagée,
  • relayer des informations en autonomie, sans dépendre d’infrastructures centralisées.

Il s’inscrit ainsi dans une démarche de résilience territoriale et numérique, en créant une capacité d’action locale, immédiate, et reproductible.

Et après ?

Le prototype STAMM est désormais assemblé et opérationnel. Les prochaines étapes concerneront :

  • La finalisation matérielle avec la fixation des équipements dans un coffrage en impression 3D
  • Les tests en conditions réelles ; exercices PCS/PICS, simulations de coupures
  • L’optimisation de l’ergonomie ; usage terrain, rapidité de mise en service
  • L’exploration de cas d’usage variés ; acteurs de la sécurité civile, réserve communale de sécurité civile, (RSCV), collectivités, associations, organisations humanitaires, etc.
Prototype STAMM
Prototype en test, non assemblé

En résumé

Le Cyberdeck STAMM est un projet expérimental mais ancré dans une conviction : nous devons penser la résilience numérique comme une composante essentielle de la gestion des risques majeurs.

En combinant low-tech, open source et portabilité, il ouvre une piste concrète pour reprendre la main sur nos infrastructures numériques lorsque celles-ci font défaut.

]]> https://www.pierre-lannes.fr/cyberdeck-stamm-resilience-numerique/feed/ 0 Design application de gestion des catastrophes https://www.pierre-lannes.fr/design-application-de-gestion-des-catastrophes/ https://www.pierre-lannes.fr/design-application-de-gestion-des-catastrophes/#respond Fri, 17 Jan 2025 08:15:05 +0000 https://www.pierre-lannes.fr/?post_type=portfolio_page&p=56293 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

]]> https://www.pierre-lannes.fr/design-application-de-gestion-des-catastrophes/feed/ 0 impacts nouveaux outils de gestion des temps https://www.pierre-lannes.fr/expertise-impacts-outils-de-gestion-des-temps-sur-conditions-de-travail/ https://www.pierre-lannes.fr/expertise-impacts-outils-de-gestion-des-temps-sur-conditions-de-travail/#respond Thu, 08 Feb 2024 07:55:56 +0000 https://www.pierre-lannes.fr/?post_type=portfolio_page&p=54172 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

]]> https://www.pierre-lannes.fr/expertise-impacts-outils-de-gestion-des-temps-sur-conditions-de-travail/feed/ 0 Design application de supervision traitement de l’eau https://www.pierre-lannes.fr/design-application-supervision-traitement-de-eau/ https://www.pierre-lannes.fr/design-application-supervision-traitement-de-eau/#respond Wed, 07 Sep 2022 12:01:17 +0000 https://www.pierre-lannes.fr/?post_type=portfolio_page&p=45612 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.).

]]> https://www.pierre-lannes.fr/design-application-supervision-traitement-de-eau/feed/ 0 Design UX/UI applications B2C grand public multi-canales, mobiles et embarquées https://www.pierre-lannes.fr/design-ux-ui-ergonomie-applications-multi-canales/ https://www.pierre-lannes.fr/design-ux-ui-ergonomie-applications-multi-canales/#respond Mon, 14 Mar 2016 15:56:00 +0000 http://www.pierre-lannes.fr/?post_type=portfolio_page&p=17009 historique et Cadre d’intervention sur ces missions

J’ai réalisé ses missions sur une dizaine d’années à partir de 2009, leur lancée correspondant à la généralisation des smartphones, insufflée par la sortie de l’iPhone en 2007, et avec elle la multiplication de services numériques multi-canal (applications mobiles, web), aussi bien pour des usages grands publics que professionnels.

J’ai réalisé ces missions soit directement en prestation freelance à mon compte, soit en tant que consultant et directeur de projet dans des agences (UX Design, conseil, web).

Types d’applications et appareils

Applications web responsive, applications natives pour smartphones iOS, Android, Windows Phone, BlackBerry, tablettes iOS, Android, Windows, embarquées Carplay

Méthodologies utilisées

  • Recherche utilisateur
  • Observations ethnographiques et ateliers utilisateur
  • Personas et cartographie de l’expérience (UX Maps, eXperience Map)
  • Benchmark de solutions
  • Idéation
  • Design Sprints, démarches de conception itérative, en équipe pluridisciplinaire, au plus près des développeurs
  • Test utilisateurs individuels en mode « Friends and Family », « Guérilla » et sur panels de recrutements de testeurs.
  • Architecture de l’information, design d’interaction, conception ergonomique
  • Storyboards, wireframes
  • Prototypage UI sous Figma, Sketch, Axure RP Pro, Illustrator.
  • Spécifications, chartes ergonomiques / UX et Design System
  • Direction de la création visuelle et interactive

OutilS de prototypage: Figma, Sketch app

Sur les anciens projets décrits ci-dessous 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, qui est devenu mon principal outil pour l’UI Design et et les Design Systems ces dernières années.

prototype robot conversationnel Facebook Messenger pour l’aide à la géolocalisation de services bancaires à l’étranger, 2016

UI Logical Chart ChatBot app

Définition des logiques d’interactions conversationnelles, parcours et définition des contenus : message, cartographie et iconographie.

Le projet a été mené en mode agile sur un sprint de 3 semaines.

L’équipe est composé d’un product owner, de 2 développeurs (front et back) et moi en tant qu’UX Designer.

Ce projet s’inscrit dans le cadre d’une cellule innovation en mesure de tester rapidement des concepts sous forme de preuve de concept POC (de l’anglais : proof of concept)

Pour ma partie j’ai réalisé :

  • L’architecture de l’information avec XMind
  • Le design et maquettage UI avec le logiciel Sketch

Conception UX/UI service connecté et app embarquée (CarPlay) et débarquée (iOS) pour automobile

DS Automobile application débarquée iOS et embarquée Carplay

2018 pour DS Automobiles

  • Design d’un service connecté à usage automobile
  • Méthodologie Agile / Scrum itérative et incrémentale.
  • Prise en compte des personas existants et des Brand Experience Attributes
  • Benchmark d’applications cibles

Phase d’émergence

Atelier d’émergence pour identifier les insights usager via des cartes d’empathie, idéation et ébauche de 3 scénarios d’usage

Phase de convergence

Atelier de convergence : détailler les scénarios ébauchés en phase d’émergence, préciser les idées sur les contenus et fonctions du service, scorer les idées en fonction de leur valeur perçue, de leur complexité de mise en oeuvre, faisabilité technique, maturité technologique

Utilisation de supports de storymapping enrichis : contexte, déroulé chronologique du scénario, tâches, sous-tâches, interactions utilisateur et interface service, push système…

UI Design, conception itérative maquette application

Production dans Sketch d’une maquette graphique illustrant le scénario d’usage le plus riche, en détaillant les enchaînements des affichages en alternance entre la version débarquée sur iPhone (système iOS) et la version embarquée sur l’affichage du véhicule (iOS Carplay)

Le maquettage graphique était statique et le plus réaliste possible en se référant aux Guidelines iOS et Carplay et la charte graphique de la marque

Atelier de conception itérative avec les équipes métier, les UX Designers et les Directeurs de création

iDTGV Max iPhone iOS et Android apps, 2015, SNCF

iDTGVMAX app iOS Android UI

Applications iPhone iOS et Android, et du site web desktop et mobile (responsive).

Parcours utilisateur client : recherche, réservation, check, modification de voyage, gestion du compte client et du profil MAXtrotter

Réalisations

  • Exploitation de « Personas » utilisateur à partir des études marketings iDTGV et d’ateliers d’itération
  • Réalisation de prototypes HTML dynamique avec le progiciel Axure RP Pro
  • Direction de la création visuelle et du design graphique des applications

Résultats

Applications simples et efficaces

iDTGV Windows app PC Tablette et smartphone, 2013, SNCF

Captures écran application iDTGV pour Windows Store
Version Windows Phone 8.0
capture écran d'une page de sélection d'un trajet dans l'application iDTGV Windows 8
Version tablette Windows Surface

Contexte : Conception de 2 applications

  • Première application Windows 8 sur la nouvelle interface ModernUI pour PC et tablettes
  • Nouvelle version de l’application pour Smartphone Windows Phone
  • Parcours e-commerce et m-commerce complets : recherche, commandes, réservation, achat et paiement, choix des places, billet

Réalisations

  • Construction de « Personas » utilisateur à partir des études marketings iDTGV et d’ateliers d’itération
  • Réalisation de prototypes HTML dynamique avec le progiciel Axure RP Pro
  • Direction de la création visuelle et du design graphique des applications

Résultats

  • Une seule itération avec le client sur la conception
  • Très bonne notation dans les magasins / stores d’applications mobiles

Domaine e-banking Assurance Banque 2016 à 2017

Représentation virtuelle d'écrans représentants des interactions de personnes et de données

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.

Exemple : Nouvelle UX portail web e-banking, 2012

Contexte

Pour une startup à la recherche de principes pour une nouvelle eXperience Utilisateur sur les produits portail e-Banking

Design d’une nouvelle eXperience Utilisateur sur les produits portail e-Banking. Conseil et conception en innovation ergonomique et design d’expérience utilisateur

Réalisations

  • Animation d’ateliers de créativité
  • Design d’eXpérience Utilisateur, Wireframe et storyboard réalisés sous Apple Keynote
  • Direction de la création visuelle et graphique

Résultats

Adhésion du client aux nouveaux concepts propos

]]> https://www.pierre-lannes.fr/design-ux-ui-ergonomie-applications-multi-canales/feed/ 0 Conception UX/UI applications métier techno web https://www.pierre-lannes.fr/conception-design-ux-ui-applications-metier-technologie-web/ https://www.pierre-lannes.fr/conception-design-ux-ui-applications-metier-technologie-web/#respond Thu, 23 Jan 2014 08:33:32 +0000 http://www.pierre-lannes.fr/?post_type=portfolio_page&p=18270 2014 – Design d’interface utilisateur (UI), prototypage avec l’application Axure RP Pro

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

MyTF1 portail Backoffice prototype UI Axure
Prototype interactif (sans charte graphique) sous Axure RP Pro

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
]]> https://www.pierre-lannes.fr/conception-design-ux-ui-applications-metier-technologie-web/feed/ 0 Design UX/UI contrôle sûreté biométrique https://www.pierre-lannes.fr/ux-ui-controle-surete-biometrique/ https://www.pierre-lannes.fr/ux-ui-controle-surete-biometrique/#respond Fri, 21 Jun 2013 06:08:14 +0000 http://www.pierre-lannes.fr/?post_type=portfolio_page&p=16951 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
]]> https://www.pierre-lannes.fr/ux-ui-controle-surete-biometrique/feed/ 0 Amélioration prise en charge demandeurs d’emploi https://www.pierre-lannes.fr/amelioration-des-outils-de-prise-en-charge-des-demandeurs-demploi/ https://www.pierre-lannes.fr/amelioration-des-outils-de-prise-en-charge-des-demandeurs-demploi/#respond Wed, 02 May 2012 16:40:34 +0000 https://www.pierre-lannes.fr/?post_type=portfolio_page&p=32618 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.

]]> https://www.pierre-lannes.fr/amelioration-des-outils-de-prise-en-charge-des-demandeurs-demploi/feed/ 0 UX/UI Monolithe interactif d’orientation passagers https://www.pierre-lannes.fr/ux-ui-monolithe-interactif-orientation-passagers/ https://www.pierre-lannes.fr/ux-ui-monolithe-interactif-orientation-passagers/#respond Thu, 10 Feb 2011 07:16:54 +0000 http://www.pierre-lannes.fr/?post_type=portfolio_page&p=16958 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

]]> https://www.pierre-lannes.fr/ux-ui-monolithe-interactif-orientation-passagers/feed/ 0 Design intranets collaboratifs https://www.pierre-lannes.fr/accompagnement-conception-intranets-collaboratifs/ https://www.pierre-lannes.fr/accompagnement-conception-intranets-collaboratifs/#respond Fri, 14 Mar 2008 17:10:54 +0000 http://www.pierre-lannes.fr/?post_type=portfolio_page&p=17020 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
]]> https://www.pierre-lannes.fr/accompagnement-conception-intranets-collaboratifs/feed/ 0