SlideShare une entreprise Scribd logo
1  sur  42
Télécharger pour lire hors ligne
L’UX au coeur de l’entreprise
Hello!
Antoine Visonneau
UX-Evangelist & Associé
UX-Republic
User Experience| Data visualisation
Nicolas Bourgeois
IT Manager domain finance
Société Générale
DSI de GBIS
Plan
Transformation
&
industrialisation
Préhistoire
Le réveil
L’entreprise
centrée
utilisateur
I - LA PRÉHISTOIRE
Le point de départ
Paysage d’applications legacy
Deux mondes qui s’ignorent
● Une application faite par et pour des informaticiens
● Centré processus plutôt que centré utilisateur
● Utilisent le moins souvent possible les applications
● Pas de contact avec les utilisateurs finaux
● Business et Informatique sont deux mondes qui s’ignorent
Un écosystème qui change
● Évolution du niveau d’exigence des users (iPad, iPhone, etc…)
● Prise de conscience globale de la valeur UX - Capitaine train...
● Département en pleine transformation agile / continuous delivery
● Volonté de s’inspirer des géants du web & Fintech
La décision…
… qui allait tout changer !
Lancer une expérimentation
● Comment rendre la validation de crédits plus rapide ?
● Comment apporter de la valeur à l’application Credit
workflow ?
○ Mobilité / tablette
○ Valeur ajoutée du Design pour la simplicité
● C’est de la R&D exploratoire au travers d’un POC
Faire intervenir une entreprise externe
● Apport savoir faire UX design
se rapprochant des App que les utilisateurs
utilisent habituellement
● Découverte d’UX-Republic
○ ses métiers
○ ses méthodes
○ ses outils
● Légitimité auprès des clients
pour accéder aux utilisateurs finaux
II - LE REVEIL
Découverte des métiers de l’UX
UX-Activist
DIRECTEUR ARTISTIQUE.
Roi de l’idée
et prince de l’image.
Spécialiste de l’ergonomie
et de l’Expérience Utilisateur.
Curieux – Créatif.
Foisonne d’idées innovantes.
UX-Scientist
DEV FRONT OFFICE.
Roi de l’HTML5 et prince du JS.
Rompu aux méthodologies agiles.
Expert « Front-End » responsive/adaptive
webdesign.
Geek - Rationnel - Pragmatique.
UX-Evangelist
CONCEPTEUR.
Roi de l’écran
et prince du wireframe.
Scrum Master
& Design Thinking addict.
Architecte de l’information
Spécialiste des KPIs.
Rationnel – Pragmatique - Enthousiaste.
Découverte des démarches UX Design
Les idées Sketch Wireframe Direction Artistique Prototypage HTML5
XebiConFr 15 : Société Générale / UX Republic : La User eXperience au centre de l'entreprise
Le temps d’accomplissement
des taches est en moyenne
divisé par trois car les
process sont fluidifiés,
simplifiés et intuitifs.
CHAQUE GESTE A UN SENS
Résultats
I am very excited to use CWF Mobile on my iPad, whenever
and wherever I am travelling. It looks as if the application had
been downloaded from the Apple Store, intuitive and user
friendly. Congratulations to all involved. Given the number of
applications in use within the bank, that could benefit from
such enhancement; you have work for the foreseeable
future! Keep going”
It is an excellent tool. I am very satisfied with it. It’s rare that
a new tool gets it right from the first shot. It is pragmatic and
easy to use. It adds comfort and pleasure to our work.
Thanks to Mobile Credit Workflow we have continuity of
business.
I have used it from France and the UK and expect 10 to 20%
of future deals to be processed through this channel.”
“
“
Résultats
● Très bon accueil
● Démontré qu’on pouvait être en rupture
● Récompensé par des prix internes prestigieux
● Visibilité Top Management
Edouard SousakDaniel Sitbon
Prise de conscience
● Valeur ajoutée du design
● Impossible à faire sans designer
● ROI Business : fait gagner du temps au métier
III - INDUSTRIALISATION
L’User experience au sein de la DSI GBIS
Diffusion informelle de la culture UX au sein de la DSI DE GBIS
● Approche validée : le POC a “fait des petits”
● Événements internes (FAIR)
● Intégration des méthodes UX sur plusieurs nouvelles
applications (TOMCAT, LSO, POPS, BCM TOOLS...)
Mais…
● Manque d’unité graphique…
● Réinventer la roue à chaque fois
● Manque de méthode et consolidation
Le programme Flux
Passer du ‘one-shot’ à une méthodologie durable
Harmoniser l'expérience utilisateur des applications
Réduire les coûts et les risques
Augmenter la performance & la productivité User
Déployer à grande échelle
Flux : Framework Lean UX
UX MATERIALS CHANGE MANAGEMENT PROCESS
Diffuser l’approche « User-Centric » à grande échelle
UX Materials
Concevoir les outils de l’industrialisation
Fiches méthodes et templates
Change management
Impliquer tous les acteurs pour garantir l’appropriation
Changement management - RETEX
+80Collaborateurs
ont suivi la formation
“UX Awareness”
On fait
On forme
On coach
Intégrer avec nos clients une démarche conception centrée utilisateur
1
2
3
Process
Une approche de l’UX alignée avec les méthodes Agiles
Process - Retex
AVANT APRÈS
Lean UX / Continuous improvementTraditionnal UX
IV - L’ENTREPRISE CENTRÉE
UTILISATEUR
Mise sur orbite
avec le programme Financing platform
Les moments clés de l’UX
Étude de cadrage
● 3 mois plutôt que 6 mois
● La forme avant le fond : interfaces & interactions plutôt que
règles métier
● Output VISUEL : un film à partager avec le business pour
■ développer une vision commune, se projeter
■ vendre le concept aux utilisateurs
Pendant la réalisation
● L’UX doit toujours avoir 1 à 2 sprints d’avance pour cadrer les
prochaines étapes
● Valider les écrans produits
L’UX dans les features teams
Developper
Feature team 1
UX Evangelist
Feature team 2 Feature team 3 Feature team 4
Chapter UX
Developper
Developper
Lead Developper
Team Leader
PO
QA
BA
Developper
Placer l’utilisateur au centre
BA
PO
UX
Evangelist
Utilisateur
Être 100% utilisateur
“J’ai fait 5 shadowings et personne ne
connaissait ni n’utilisait cette fonction”
“cette fonction est très importante il faut la
remettre dans la nouvelle interface”
#croyances #réalité
Responsable métier Un UX-Evangelist
Démarche Lean UX
MAKE
CHECK
THINK
Think : Atelier 6 to 1 THINK MAKE CHECK
Make : Prototypage Axure THINK MAKE CHECK
Check : User testing THINK MAKE CHECK
Partenaires
métiers
Partenaires
métiers
Partenaires
métiers
Partenaires
métiers
V - CONCLUSION
Conclusion
IT au service du business/métier : Partenariat plus proche avec le
business (plus impliqué en amont ex : shadowing)
Mode de travail plus visuel, démarche de co-construction
Boucle de feedback plus rapide (user testing avant développement)
Plus de satisfaction des utilisateurs (Users = ambassadeurs)
Plus de satisfaction des équipes IT (dynamique/innovants)
Aligné avec la transformation numérique de la banque
Et...
Merci !
Antoine Visonneau
Antoine.visonneau@ux-republic.com
Nicolas Bourgeois
Nicolas.bourgeois@sgcib.com

Contenu connexe

En vedette

BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...Carine Lallemand
 
L’audace au féminin dans l'univers professionnel
L’audace au féminin dans l'univers professionnelL’audace au féminin dans l'univers professionnel
L’audace au féminin dans l'univers professionnelLinkedIn
 
Want to Sell UX? Stop Talking UX!
Want to Sell UX? Stop Talking UX!Want to Sell UX? Stop Talking UX!
Want to Sell UX? Stop Talking UX!Lis Hubert
 
De l'éditorial dans ma stratégie en ligne
De l'éditorial dans ma stratégie en ligneDe l'éditorial dans ma stratégie en ligne
De l'éditorial dans ma stratégie en ligneDournaux Christophe
 
Belllissima nature s-best_photography
Belllissima  nature s-best_photographyBelllissima  nature s-best_photography
Belllissima nature s-best_photographyMaria Grazia
 
Criterios de evaluacion y promocion
Criterios de evaluacion y promocionCriterios de evaluacion y promocion
Criterios de evaluacion y promocionIsidorogg
 
À la découverte du Wed 2.0
À la découverte du Wed 2.0À la découverte du Wed 2.0
À la découverte du Wed 2.0Danis Michaud
 
Cartographie des institutions du Libre
Cartographie des institutions du LibreCartographie des institutions du Libre
Cartographie des institutions du Libreperrick
 
Presentación blog
Presentación blogPresentación blog
Presentación blogjennyrr16
 
20 idées pour le futur "café carrefour"
20 idées pour le futur "café carrefour"20 idées pour le futur "café carrefour"
20 idées pour le futur "café carrefour"Fing
 
Perfiles de opinión - Asamblea Nacional - Junio de 2013
Perfiles de opinión - Asamblea Nacional - Junio de 2013Perfiles de opinión - Asamblea Nacional - Junio de 2013
Perfiles de opinión - Asamblea Nacional - Junio de 2013Asamblea Nacional
 
Dublin Core Metadata Initiative - Exemples d'applications
Dublin Core Metadata Initiative - Exemples d'applications Dublin Core Metadata Initiative - Exemples d'applications
Dublin Core Metadata Initiative - Exemples d'applications chessmu
 
Revuepresse08.06
Revuepresse08.06Revuepresse08.06
Revuepresse08.06ramondiaz
 

En vedette (19)

BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
 
L’audace au féminin dans l'univers professionnel
L’audace au féminin dans l'univers professionnelL’audace au féminin dans l'univers professionnel
L’audace au féminin dans l'univers professionnel
 
Want to Sell UX? Stop Talking UX!
Want to Sell UX? Stop Talking UX!Want to Sell UX? Stop Talking UX!
Want to Sell UX? Stop Talking UX!
 
Ternay 2008
Ternay 2008Ternay 2008
Ternay 2008
 
De l'éditorial dans ma stratégie en ligne
De l'éditorial dans ma stratégie en ligneDe l'éditorial dans ma stratégie en ligne
De l'éditorial dans ma stratégie en ligne
 
Belllissima nature s-best_photography
Belllissima  nature s-best_photographyBelllissima  nature s-best_photography
Belllissima nature s-best_photography
 
Monterey
MontereyMonterey
Monterey
 
Criterios de evaluacion y promocion
Criterios de evaluacion y promocionCriterios de evaluacion y promocion
Criterios de evaluacion y promocion
 
À la découverte du Wed 2.0
À la découverte du Wed 2.0À la découverte du Wed 2.0
À la découverte du Wed 2.0
 
Cartographie des institutions du Libre
Cartographie des institutions du LibreCartographie des institutions du Libre
Cartographie des institutions du Libre
 
Vendre plus sur le web
Vendre plus sur le webVendre plus sur le web
Vendre plus sur le web
 
Présentation du BEP CSS
Présentation du BEP CSSPrésentation du BEP CSS
Présentation du BEP CSS
 
Analyse de Fiches Voyages
Analyse de Fiches VoyagesAnalyse de Fiches Voyages
Analyse de Fiches Voyages
 
Presentación blog
Presentación blogPresentación blog
Presentación blog
 
20 idées pour le futur "café carrefour"
20 idées pour le futur "café carrefour"20 idées pour le futur "café carrefour"
20 idées pour le futur "café carrefour"
 
Perfiles de opinión - Asamblea Nacional - Junio de 2013
Perfiles de opinión - Asamblea Nacional - Junio de 2013Perfiles de opinión - Asamblea Nacional - Junio de 2013
Perfiles de opinión - Asamblea Nacional - Junio de 2013
 
Dublin Core Metadata Initiative - Exemples d'applications
Dublin Core Metadata Initiative - Exemples d'applications Dublin Core Metadata Initiative - Exemples d'applications
Dublin Core Metadata Initiative - Exemples d'applications
 
Stage
StageStage
Stage
 
Revuepresse08.06
Revuepresse08.06Revuepresse08.06
Revuepresse08.06
 

Plus de Publicis Sapient Engineering

XebiCon'18 - L'algorithme de reconnaissance de formes par le cerveau humain
XebiCon'18 - L'algorithme de reconnaissance de formes par le cerveau humainXebiCon'18 - L'algorithme de reconnaissance de formes par le cerveau humain
XebiCon'18 - L'algorithme de reconnaissance de formes par le cerveau humainPublicis Sapient Engineering
 
Xebicon'18 - Spark in jail : conteneurisez vos traitements data sans serveur
Xebicon'18 - Spark in jail : conteneurisez vos traitements data sans serveurXebicon'18 - Spark in jail : conteneurisez vos traitements data sans serveur
Xebicon'18 - Spark in jail : conteneurisez vos traitements data sans serveurPublicis Sapient Engineering
 
XebiCon'18 - La Web App d'aujourd'hui et de demain : état de l'art et bleedin...
XebiCon'18 - La Web App d'aujourd'hui et de demain : état de l'art et bleedin...XebiCon'18 - La Web App d'aujourd'hui et de demain : état de l'art et bleedin...
XebiCon'18 - La Web App d'aujourd'hui et de demain : état de l'art et bleedin...Publicis Sapient Engineering
 
XebiCon'18 - Des notebook pour le monitoring avec Zeppelin
XebiCon'18 - Des notebook pour le monitoring avec Zeppelin XebiCon'18 - Des notebook pour le monitoring avec Zeppelin
XebiCon'18 - Des notebook pour le monitoring avec Zeppelin Publicis Sapient Engineering
 
XebiCon'18 - Event Sourcing et RGPD, incompatibles ?
XebiCon'18 - Event Sourcing et RGPD, incompatibles ?XebiCon'18 - Event Sourcing et RGPD, incompatibles ?
XebiCon'18 - Event Sourcing et RGPD, incompatibles ?Publicis Sapient Engineering
 
XebiCon'18 - Deno, le nouveau NodeJS qui inverse la tendance ?
XebiCon'18 - Deno, le nouveau NodeJS qui inverse la tendance ?XebiCon'18 - Deno, le nouveau NodeJS qui inverse la tendance ?
XebiCon'18 - Deno, le nouveau NodeJS qui inverse la tendance ?Publicis Sapient Engineering
 
XebiCon'18 - Boostez vos modèles avec du Deep Learning distribué
XebiCon'18 - Boostez vos modèles avec du Deep Learning distribuéXebiCon'18 - Boostez vos modèles avec du Deep Learning distribué
XebiCon'18 - Boostez vos modèles avec du Deep Learning distribuéPublicis Sapient Engineering
 
XebiCon'18 - Comment j'ai développé un jeu vidéo avec des outils de développe...
XebiCon'18 - Comment j'ai développé un jeu vidéo avec des outils de développe...XebiCon'18 - Comment j'ai développé un jeu vidéo avec des outils de développe...
XebiCon'18 - Comment j'ai développé un jeu vidéo avec des outils de développe...Publicis Sapient Engineering
 
XebiCon'18 - Les utilisateurs finaux, les oubliés de nos produits !
XebiCon'18 - Les utilisateurs finaux, les oubliés de nos produits !XebiCon'18 - Les utilisateurs finaux, les oubliés de nos produits !
XebiCon'18 - Les utilisateurs finaux, les oubliés de nos produits !Publicis Sapient Engineering
 
XebiCon'18 - Comment fausser l'interprétation de vos résultats avec des dataviz
XebiCon'18 - Comment fausser l'interprétation de vos résultats avec des datavizXebiCon'18 - Comment fausser l'interprétation de vos résultats avec des dataviz
XebiCon'18 - Comment fausser l'interprétation de vos résultats avec des datavizPublicis Sapient Engineering
 
XebiCon'18 - Architecturer son application mobile pour la durabilité
XebiCon'18 - Architecturer son application mobile pour la durabilitéXebiCon'18 - Architecturer son application mobile pour la durabilité
XebiCon'18 - Architecturer son application mobile pour la durabilitéPublicis Sapient Engineering
 
XebiCon'18 - Sécuriser son API avec OpenID Connect
XebiCon'18 - Sécuriser son API avec OpenID ConnectXebiCon'18 - Sécuriser son API avec OpenID Connect
XebiCon'18 - Sécuriser son API avec OpenID ConnectPublicis Sapient Engineering
 
XebiCon'18 - Structuration du Temps et Dynamique de Groupes, Théorie organisa...
XebiCon'18 - Structuration du Temps et Dynamique de Groupes, Théorie organisa...XebiCon'18 - Structuration du Temps et Dynamique de Groupes, Théorie organisa...
XebiCon'18 - Structuration du Temps et Dynamique de Groupes, Théorie organisa...Publicis Sapient Engineering
 
XebiCon'18 - La sécurité, douce illusion même en 2018
XebiCon'18 - La sécurité, douce illusion même en 2018XebiCon'18 - La sécurité, douce illusion même en 2018
XebiCon'18 - La sécurité, douce illusion même en 2018Publicis Sapient Engineering
 
XebiCon'18 - Utiliser Hyperledger Fabric pour la création d'une blockchain pr...
XebiCon'18 - Utiliser Hyperledger Fabric pour la création d'une blockchain pr...XebiCon'18 - Utiliser Hyperledger Fabric pour la création d'une blockchain pr...
XebiCon'18 - Utiliser Hyperledger Fabric pour la création d'une blockchain pr...Publicis Sapient Engineering
 
XebiCon'18 - Ce que l'histoire du métro Parisien m'a enseigné sur la création...
XebiCon'18 - Ce que l'histoire du métro Parisien m'a enseigné sur la création...XebiCon'18 - Ce que l'histoire du métro Parisien m'a enseigné sur la création...
XebiCon'18 - Ce que l'histoire du métro Parisien m'a enseigné sur la création...Publicis Sapient Engineering
 

Plus de Publicis Sapient Engineering (20)

XebiCon'18 - L'algorithme de reconnaissance de formes par le cerveau humain
XebiCon'18 - L'algorithme de reconnaissance de formes par le cerveau humainXebiCon'18 - L'algorithme de reconnaissance de formes par le cerveau humain
XebiCon'18 - L'algorithme de reconnaissance de formes par le cerveau humain
 
Xebicon'18 - IoT: From Edge to Cloud
Xebicon'18 - IoT: From Edge to CloudXebicon'18 - IoT: From Edge to Cloud
Xebicon'18 - IoT: From Edge to Cloud
 
Xebicon'18 - Spark in jail : conteneurisez vos traitements data sans serveur
Xebicon'18 - Spark in jail : conteneurisez vos traitements data sans serveurXebicon'18 - Spark in jail : conteneurisez vos traitements data sans serveur
Xebicon'18 - Spark in jail : conteneurisez vos traitements data sans serveur
 
XebiCon'18 - Modern Infrastructure
XebiCon'18 - Modern InfrastructureXebiCon'18 - Modern Infrastructure
XebiCon'18 - Modern Infrastructure
 
XebiCon'18 - La Web App d'aujourd'hui et de demain : état de l'art et bleedin...
XebiCon'18 - La Web App d'aujourd'hui et de demain : état de l'art et bleedin...XebiCon'18 - La Web App d'aujourd'hui et de demain : état de l'art et bleedin...
XebiCon'18 - La Web App d'aujourd'hui et de demain : état de l'art et bleedin...
 
XebiCon'18 - Des notebook pour le monitoring avec Zeppelin
XebiCon'18 - Des notebook pour le monitoring avec Zeppelin XebiCon'18 - Des notebook pour le monitoring avec Zeppelin
XebiCon'18 - Des notebook pour le monitoring avec Zeppelin
 
XebiCon'18 - Event Sourcing et RGPD, incompatibles ?
XebiCon'18 - Event Sourcing et RGPD, incompatibles ?XebiCon'18 - Event Sourcing et RGPD, incompatibles ?
XebiCon'18 - Event Sourcing et RGPD, incompatibles ?
 
XebiCon'18 - Deno, le nouveau NodeJS qui inverse la tendance ?
XebiCon'18 - Deno, le nouveau NodeJS qui inverse la tendance ?XebiCon'18 - Deno, le nouveau NodeJS qui inverse la tendance ?
XebiCon'18 - Deno, le nouveau NodeJS qui inverse la tendance ?
 
XebiCon'18 - Boostez vos modèles avec du Deep Learning distribué
XebiCon'18 - Boostez vos modèles avec du Deep Learning distribuéXebiCon'18 - Boostez vos modèles avec du Deep Learning distribué
XebiCon'18 - Boostez vos modèles avec du Deep Learning distribué
 
XebiCon'18 - Comment j'ai développé un jeu vidéo avec des outils de développe...
XebiCon'18 - Comment j'ai développé un jeu vidéo avec des outils de développe...XebiCon'18 - Comment j'ai développé un jeu vidéo avec des outils de développe...
XebiCon'18 - Comment j'ai développé un jeu vidéo avec des outils de développe...
 
XebiCon'18 - Les utilisateurs finaux, les oubliés de nos produits !
XebiCon'18 - Les utilisateurs finaux, les oubliés de nos produits !XebiCon'18 - Les utilisateurs finaux, les oubliés de nos produits !
XebiCon'18 - Les utilisateurs finaux, les oubliés de nos produits !
 
XebiCon'18 - Comment fausser l'interprétation de vos résultats avec des dataviz
XebiCon'18 - Comment fausser l'interprétation de vos résultats avec des datavizXebiCon'18 - Comment fausser l'interprétation de vos résultats avec des dataviz
XebiCon'18 - Comment fausser l'interprétation de vos résultats avec des dataviz
 
XebiCon'18 - Le développeur dans la Pop Culture
XebiCon'18 - Le développeur dans la Pop Culture XebiCon'18 - Le développeur dans la Pop Culture
XebiCon'18 - Le développeur dans la Pop Culture
 
XebiCon'18 - Architecturer son application mobile pour la durabilité
XebiCon'18 - Architecturer son application mobile pour la durabilitéXebiCon'18 - Architecturer son application mobile pour la durabilité
XebiCon'18 - Architecturer son application mobile pour la durabilité
 
XebiCon'18 - Sécuriser son API avec OpenID Connect
XebiCon'18 - Sécuriser son API avec OpenID ConnectXebiCon'18 - Sécuriser son API avec OpenID Connect
XebiCon'18 - Sécuriser son API avec OpenID Connect
 
XebiCon'18 - Structuration du Temps et Dynamique de Groupes, Théorie organisa...
XebiCon'18 - Structuration du Temps et Dynamique de Groupes, Théorie organisa...XebiCon'18 - Structuration du Temps et Dynamique de Groupes, Théorie organisa...
XebiCon'18 - Structuration du Temps et Dynamique de Groupes, Théorie organisa...
 
XebiCon'18 - Spark NLP, un an après
XebiCon'18 - Spark NLP, un an aprèsXebiCon'18 - Spark NLP, un an après
XebiCon'18 - Spark NLP, un an après
 
XebiCon'18 - La sécurité, douce illusion même en 2018
XebiCon'18 - La sécurité, douce illusion même en 2018XebiCon'18 - La sécurité, douce illusion même en 2018
XebiCon'18 - La sécurité, douce illusion même en 2018
 
XebiCon'18 - Utiliser Hyperledger Fabric pour la création d'une blockchain pr...
XebiCon'18 - Utiliser Hyperledger Fabric pour la création d'une blockchain pr...XebiCon'18 - Utiliser Hyperledger Fabric pour la création d'une blockchain pr...
XebiCon'18 - Utiliser Hyperledger Fabric pour la création d'une blockchain pr...
 
XebiCon'18 - Ce que l'histoire du métro Parisien m'a enseigné sur la création...
XebiCon'18 - Ce que l'histoire du métro Parisien m'a enseigné sur la création...XebiCon'18 - Ce que l'histoire du métro Parisien m'a enseigné sur la création...
XebiCon'18 - Ce que l'histoire du métro Parisien m'a enseigné sur la création...
 

XebiConFr 15 : Société Générale / UX Republic : La User eXperience au centre de l'entreprise

  • 1. L’UX au coeur de l’entreprise
  • 2. Hello! Antoine Visonneau UX-Evangelist & Associé UX-Republic User Experience| Data visualisation Nicolas Bourgeois IT Manager domain finance Société Générale DSI de GBIS
  • 4. I - LA PRÉHISTOIRE
  • 5. Le point de départ Paysage d’applications legacy
  • 6. Deux mondes qui s’ignorent ● Une application faite par et pour des informaticiens ● Centré processus plutôt que centré utilisateur ● Utilisent le moins souvent possible les applications ● Pas de contact avec les utilisateurs finaux ● Business et Informatique sont deux mondes qui s’ignorent
  • 7. Un écosystème qui change ● Évolution du niveau d’exigence des users (iPad, iPhone, etc…) ● Prise de conscience globale de la valeur UX - Capitaine train... ● Département en pleine transformation agile / continuous delivery ● Volonté de s’inspirer des géants du web & Fintech
  • 8. La décision… … qui allait tout changer !
  • 9. Lancer une expérimentation ● Comment rendre la validation de crédits plus rapide ? ● Comment apporter de la valeur à l’application Credit workflow ? ○ Mobilité / tablette ○ Valeur ajoutée du Design pour la simplicité ● C’est de la R&D exploratoire au travers d’un POC
  • 10. Faire intervenir une entreprise externe ● Apport savoir faire UX design se rapprochant des App que les utilisateurs utilisent habituellement ● Découverte d’UX-Republic ○ ses métiers ○ ses méthodes ○ ses outils ● Légitimité auprès des clients pour accéder aux utilisateurs finaux
  • 11. II - LE REVEIL
  • 12. Découverte des métiers de l’UX UX-Activist DIRECTEUR ARTISTIQUE. Roi de l’idée et prince de l’image. Spécialiste de l’ergonomie et de l’Expérience Utilisateur. Curieux – Créatif. Foisonne d’idées innovantes. UX-Scientist DEV FRONT OFFICE. Roi de l’HTML5 et prince du JS. Rompu aux méthodologies agiles. Expert « Front-End » responsive/adaptive webdesign. Geek - Rationnel - Pragmatique. UX-Evangelist CONCEPTEUR. Roi de l’écran et prince du wireframe. Scrum Master & Design Thinking addict. Architecte de l’information Spécialiste des KPIs. Rationnel – Pragmatique - Enthousiaste.
  • 13. Découverte des démarches UX Design Les idées Sketch Wireframe Direction Artistique Prototypage HTML5
  • 15. Le temps d’accomplissement des taches est en moyenne divisé par trois car les process sont fluidifiés, simplifiés et intuitifs. CHAQUE GESTE A UN SENS
  • 16. Résultats I am very excited to use CWF Mobile on my iPad, whenever and wherever I am travelling. It looks as if the application had been downloaded from the Apple Store, intuitive and user friendly. Congratulations to all involved. Given the number of applications in use within the bank, that could benefit from such enhancement; you have work for the foreseeable future! Keep going” It is an excellent tool. I am very satisfied with it. It’s rare that a new tool gets it right from the first shot. It is pragmatic and easy to use. It adds comfort and pleasure to our work. Thanks to Mobile Credit Workflow we have continuity of business. I have used it from France and the UK and expect 10 to 20% of future deals to be processed through this channel.” “ “
  • 17. Résultats ● Très bon accueil ● Démontré qu’on pouvait être en rupture ● Récompensé par des prix internes prestigieux ● Visibilité Top Management Edouard SousakDaniel Sitbon
  • 18. Prise de conscience ● Valeur ajoutée du design ● Impossible à faire sans designer ● ROI Business : fait gagner du temps au métier
  • 20. L’User experience au sein de la DSI GBIS Diffusion informelle de la culture UX au sein de la DSI DE GBIS ● Approche validée : le POC a “fait des petits” ● Événements internes (FAIR) ● Intégration des méthodes UX sur plusieurs nouvelles applications (TOMCAT, LSO, POPS, BCM TOOLS...) Mais… ● Manque d’unité graphique… ● Réinventer la roue à chaque fois ● Manque de méthode et consolidation
  • 21. Le programme Flux Passer du ‘one-shot’ à une méthodologie durable Harmoniser l'expérience utilisateur des applications Réduire les coûts et les risques Augmenter la performance & la productivité User Déployer à grande échelle
  • 22. Flux : Framework Lean UX UX MATERIALS CHANGE MANAGEMENT PROCESS Diffuser l’approche « User-Centric » à grande échelle
  • 23. UX Materials Concevoir les outils de l’industrialisation
  • 24. Fiches méthodes et templates
  • 25. Change management Impliquer tous les acteurs pour garantir l’appropriation
  • 26. Changement management - RETEX +80Collaborateurs ont suivi la formation “UX Awareness”
  • 27. On fait On forme On coach Intégrer avec nos clients une démarche conception centrée utilisateur 1 2 3
  • 28. Process Une approche de l’UX alignée avec les méthodes Agiles
  • 29. Process - Retex AVANT APRÈS Lean UX / Continuous improvementTraditionnal UX
  • 30. IV - L’ENTREPRISE CENTRÉE UTILISATEUR
  • 31. Mise sur orbite avec le programme Financing platform
  • 32. Les moments clés de l’UX Étude de cadrage ● 3 mois plutôt que 6 mois ● La forme avant le fond : interfaces & interactions plutôt que règles métier ● Output VISUEL : un film à partager avec le business pour ■ développer une vision commune, se projeter ■ vendre le concept aux utilisateurs Pendant la réalisation ● L’UX doit toujours avoir 1 à 2 sprints d’avance pour cadrer les prochaines étapes ● Valider les écrans produits
  • 33. L’UX dans les features teams Developper Feature team 1 UX Evangelist Feature team 2 Feature team 3 Feature team 4 Chapter UX Developper Developper Lead Developper Team Leader PO QA BA Developper
  • 34. Placer l’utilisateur au centre BA PO UX Evangelist Utilisateur
  • 35. Être 100% utilisateur “J’ai fait 5 shadowings et personne ne connaissait ni n’utilisait cette fonction” “cette fonction est très importante il faut la remettre dans la nouvelle interface” #croyances #réalité Responsable métier Un UX-Evangelist
  • 37. Think : Atelier 6 to 1 THINK MAKE CHECK
  • 38. Make : Prototypage Axure THINK MAKE CHECK
  • 39. Check : User testing THINK MAKE CHECK Partenaires métiers Partenaires métiers Partenaires métiers Partenaires métiers
  • 41. Conclusion IT au service du business/métier : Partenariat plus proche avec le business (plus impliqué en amont ex : shadowing) Mode de travail plus visuel, démarche de co-construction Boucle de feedback plus rapide (user testing avant développement) Plus de satisfaction des utilisateurs (Users = ambassadeurs) Plus de satisfaction des équipes IT (dynamique/innovants) Aligné avec la transformation numérique de la banque