portfolio ux sirisom khamsopha

M a v i s i o n e t m o n a p p ro c h e d u d e s i g n d ’ e x p é r i e n c e u t i l i s a t e u rN o v e m b re 2 0 1 5

sir isom.khamsopha@gmail .com06 82 07 18 46

SIRISOMKHAMSOPHA

U X D E S I G N

U X D e s i g n e r C h e f d e p ro j e t U XC o n s u l t a n t e

2

M o n p a r c o u r sM e s e n v i e s

Bonjour ! Mon ambition est de concevoir des produits et services simples et intuitifsafin de procurer une expérience fluide et améliorée aux utilisateurs.

Depuis 2007, j’ai ainsi accompagné grands comptes et startups dans la création d’expé-riences engageantes, en contact avec des milliers d’utilisateurs finaux dans les rôles sui-vants : support fonctionnel et technique, formation, conseil, accompagnement, design de service et gestion de projets. J’ai acquis de cette diversité d’une part, et de mon double cursus d’autre part, une polyvalence me permettant d’agir tant au niveau opérationnel que stratégique. J’ai développé une excellente connaissance des problématiques d’interaction avec clients et utilisateurs finaux. Ceci me permet aujourd’hui de composer systématique-ment avec le facteur humain dans la vision, la conception et la gestion des projets auxquels je participe.

UX designer / Chef de projet UX Master I Chef de Projet Marketing Web et conception de siteau Campus Fonderie de l’image 2014-2015Ergonomie des IHM - CNAM 2014-2015Design graphique , design web et UX en autodidacteSpécialiste clients (France, BENELUX,Suisse, Espagne) - 1 an et demiConsultante et formatrice logiciels Grands comptes - 1 an et demiSupport clients logiciels/ Helpdesk - 2 ansDiplômée de l’ISC Business School Paris en 2005

3

C l i e n t sU t i l i s a t e u r s

Pendant plusieurs années, j’ai été en contact direct et très souvent privilégié avec les DSI et utilisateurs de cultures et de métiers divers. Mon objectif a été de les accompagner et d’optimiser leur utilisation du produit. Ma satisfaction principale est de rendre transparent leur parcours. Dans les projets auxquels j’ai participé, j’ai appris à intégrer les contraintes extérieures à l’utilisateur et à composer continuellement avec le facteur humain.

Prendre en compte les contraintes culturelles pour intéragir et concevoir

Etre conscient que chaque utilisateur a sa propre perception d’un produit

Garder à l’esprit que le souvenir est plus fort que l’expérience

S’immerger dans le métier des utili-sateurs

AllianzAviva InvestorsAxa IMBank Of TokyoBanque de FranceBNP ParibasCapital GroupCCR AMCommerzbankCovea FinanceCPR AMCheuvreuxCrédit agricole CIBCredit Suisse Delta LloydDeutsche Bank

Nous avons travai l lé ensemble

Edmond de RothschildHSBCInvesco JP MorganKBC KeplerLegal & GeneralLFP UFGMizuhoNomuraOddoOFI Asset ManagementQuilvestRaymond James Euro Société GénéraleUnicreditUnion Bancaire Privée

4

M a v i s i o n d e l ’ U XJ’ai évolué au sein de postes qui, sur divers axes, avaient pour but d’améliorer l’expérience que l’utilisateur avait avec les produits de l’entreprise et par extension, avec l’entreprise elle-même. J’ai contribué à résoudre leurs problèmes en collaborant dans des équipes plu-ridisciplinaires. Au fur et à mesure, je me suis orientée vers une démarche proactive plaçant l’utilisateur au centre. L’UX est une vision forte ayant pour but d’optimiser la satisfaction de l’utilisateur et d’atteindre les objectifs commerciaux et stratégiques de l’entreprise.

5

M o n a p p r o c h eMon approche est la combinaision des compétences que j’ai acquises et des intérêts que j’ai developpés au fil des années : réflexion, recherche, analyse, communication, comportements humains, design et création. La réflexion et la recherche tiennent une place importante dans mon processus de travail. J’estime que communiquer avec l’utilisateur et l‘impliquer dans le processus sont également des étapes primordiales pour l’optimisation de l’ expérience.

Quelque soit le projet, j’oublie tous les acquis afin d’atteindre le problème de fond. Et je me retrousse les manches!Puis je ré-itère!

6

MON ROLE ( 5 ans )

2012 CONSULTANTE, SPÉCIALISTE UTILISATEURS 2007 au sein de l’activité édition de logiciels financiers

Mise en place de la stratégie centrée utilisateur : Optimisation de l’expérience et fidélisation

Conception de solutions pour divers profils metiers et accompagnement utilisateurs Support logiciel : fonctionnel, technique et contenu

LA SOCIÉTÉ

Thomson Reuters est une agence de presse canadienne et une société d’édition professionnelle. Elle est l’un des leaders mondiaux de l’information financière.Elle emploie plus de 50 000 personnes, à travers 93 pays dont 2 400 journalistes pour la rédaction.

#ÉDITION DE LOGICIELS#FINANCE#CONSEIL#SUPPORT#FORMATION#GESTION DE PROJET#GRANDS COMPTES

© Thomson Reuters

7

L ’ u t i l i s a t e u r e s t a u c e n t r e

COMPRENDRE LEURS METIERS, LEURS PROFILS - Etude des journées types, créer des profils/personas - Création de fiches «utilisateurs» détaillées - Recherches/formations, s’intéresser aux sujets relatifs aux métiers, s’y former - Se tenir au courant de l’actualité du secteur pour anticiper les besoins - Jeux de rôle: souvent 4 par 4 (un dans la peau de l’utilisateur, un dans le rôle du consul-tant, et deux observateurs)

ANALYSER LES CONTEXTES D’USAGE - Rencontres avec utilisateurs finaux : observation, floorwalk, shadowing sur site, entretien individuel/collectif (5 why’s) - Rencontres avec les responsables SI, technique, décisionnaires, support - Analyse des usages (questionnaire,statistiques, nombres de connexions etc.) - Connaitre comment les utilisateurs interagissent entre eux (comment sont-ils organisés, ce qu’ils utilisent en majorité, pourquoi ? quand?)

ETUDE DE LA CONCURRENCE, BENCHMARKING, VEILLE - Analyser ce qu’ils aiment et préfèrent chez les services concurrents - Se tenir au courant des dernières tendances technologiques et sociologiques - Appliquer les best practices

Placer l’utilisateur au centre de la conception et de la relation est primordial dans la dé-marche UX.Je me suis longtemps exercée à rechercher, étudier et analyser les utilisateurs pour com-prendre leurs besoins et apporter des solutions qui les satisfassent au sein de Thomson Reuters.

8

Concevoir et anticiper dans l’idée de remplir les besoins et ajouter de la valeur.

CREATION DE WORKSPACESET FICHIERS

- Creation de workspaces spécifiques pour différents profils d’utilisateurs et solutions per-sonnalisées - Création de templates et fichiers liés à l’ac-tualité des secteurs et métiers des utilisateurs: anticipation des besoins en information

USER JOURNEY - SCENARII - Ecriture de scenarii pour profils types d’utili-sa- teur sur divers thèmes et produits et enre-gistrements sous forme vidéo ensuite envoyés aux utilisateurs

C o n c e v o i r p o u r a j o u t e r d e l a v a l e u r

© Sirisom Khamsopha

9

U X , G e s t i o n d e p r o j e t & S t r a t é g i e - C a sVoici l’exemple d’un projet auquel j’ai participé. Il montre l’intérêt de la recherche, l’observation et l’implication utilisateur dans le developpement d’un produit. Il illustre également l’impact de la per-ception de l’utilisateur dans son utilisation des produits et dans sa proximité avec l’image de l’entre-prise.

OBJECTIFS

CHALLENGE

Prise en main d’un nouveau compte (une société de gestion): découverte des interlocuteurs tech-niques et utilisateurs finaux, mise en place de la démarche « centrée utilisateur », migration de logiciel d’envergure internationale dans toutes les filiales.

Utilisateurs très exigents et utilisant davantage les produits concurrents. Ayant par le passé été peu habitués aux visites et ayant un point de vue mitigé des logiciels de notre société.

METHODE ET MISE EN PLACE

Recherche et préparation préalables sur le client, ses utilisateursCentraliser sur un fichier les renseignements nécessaires sur le compte: liste d’utilisateurs, détails des métiers, coordonnées utilisateurs ainsi que leur historique d’interactions avec le support ou la formation, liste des produits et services qu’ils utilisent, etc. Identifier les contacts principaux et « power users ».

Prise de contact, visite et entretiens sur sitePrise de contact avec le responsable régional du système d’information pour l’organisation d’une visite et d’une migration sur site, sur deux jours.

Expliquer en quoi consiste la démarche «centrée utilisateur» aux decisionnaires et utilisateurs finauxRéunion chez le client avec le département SI, IT et utilisateurs pour expliquer la nouvelle démarche ainsi que le projet global de migration à effectuer durant les deux jours.

10

Passer du temps en face à face avec chaque utilisateur et lui donner la paroleQuestionner, Observer: matière pour analyser les usagesRecueil des informartions nécessaires à la migration et des besoins spécifiques.Connaitre les interactions entre les utilisateurs d’un meme produit/service.Accompagner chacun dans la migration

Recueil et discussion des feedbacks avec les équipes de product et content managementCollaboration pour l’amélioration d’outils (search) et contenus

Communiquer tout au long du projetAvec les équipes des deux partiesRetours fréquents des avancées aux utilisateurs

RESULTATS

Etablissement d’une proximité avec les utilisateurs, migration accomplie et changements de com-portements significatifs se traduisant par:- un intérêt nouveau pour les produits et fonctionnalités à venir- une volonté des utilisateurs de s’impliquer dans le processus- un nouveau climat de relation basé sur l’échange et l’implication mutuelle

Par la suite, j’ai eu de nombreuses suggestions d’améliorations produit et contenu.A partir des entretiens et feedbacks utilisateurs nous avons contibué à l’amélioration de certaines fonctionnalités et concepts (ex: navigation et outils de recherche)

CONCLUSION

La stratégie UX est un enjeu important :

- Aller au-delà des attentes de l’utilisateur les surprend et provoque une émotion mémorable et positive- Elle permet d’impliquer et d’investir les utilisateurs: ils sont concernés; cela a un lien direct avec leur perception de l’entreprise- Pour remplir les objectifs business et marketing: fidéliser, garder des parts de marché, convertir mais également établir une proximité et renforcer la stratégie d’image de la société

11

MON ROLE

Simulation de startup en travail collaboratif: - Business model - Stratégie marketing - Plan de communication - Planning et budgets

En charge de l’UX : Application des méthodologies et conception - Recherche en amont - Ateliers et design sprints - Prototypage

LE PROJET D’APPLICATION

Au Campus Fonderie de L’image, nous avons développé en équipe un projet de simulation destartup visant la création et le lancement d’une application mobile : Obeewan.Obeewan est une application mobile communautaire qui, à travers un parcours ludique de découvertes, permet de mettre en relation des individus, afin qu’ils concrétisent leurs passions, même les plus spécifiques. Elle favorise ainsi, par serendipité, les affinités entre les différents individus.

#SIMULATION DE STARTUP#APPLICATION MOBILE#SECTEUR CULTUREL#SECTEUR LOISIRS#UX#UI

#STRATEGIE MARKETING

12

É l a b o r e r s a s t r a t é g i e d ec r o i s s a n c eChercher la croissance à travers les différents leviers : marketing, référence-ment, design...

Nous avons cherché à faire de l’expérience de l’application un élément diffé-renciateur et avons accordé une place de première importance à la mise en place des méthodologies UX dans la conception de notre offre.

4 SPRINTS DE 5 JOURS

Le travail en équipe est pour moi source d’inspiration et de performance. Les ateliers créatifs et collaboratifs sont essentiels dans l’élaboration et la conduite d’un projet.Les sprints nous ont permis de produire de nombreuses idées en collabora-tion sur de courtes périodes de 5 jours.

STRATÉGIE MARKETING ET PROPOSITION DE VALEUR

- Étude de marché et détermination des cibles primaires et secondaires - Benchmarking d’applications - Étude des best practices - Préconisations - Travail sur la proposition de valeur - Business Model

13

USAGES

- Recherche approfondie sur les cibles et utilisateurs : questionnaire en ligne - Debrief collectif des persona et modélisation des parcours utilisateurs

SKETCHING

- Croquis d’interactions rapide

TRAVAIL COLLABORATIF ET ATELIERS CREATIFS : «DESIGN SPRINT»

- Sessions de brainstorming - Sketching papier / tableau - Itérations

14

SKETCHING, ZONING, WIREFRAMING, PROTOTYPAGE

- Zoning et Wireframing papier et sur moqups / balsamiq - Prototypage de l’application à partir des mockups PSD sur Justinmind

15

CHARTE ERGONOMIQUE EXPÉRIENCE UTILISATEUR

PERSUASIVE DESIGN

16

MON ROLE

2015 UX DESIGNER / CHEF DE PROJET UX Optimisation de l’expérience utilisateur et refonte de l’interface afin de créer l’engagement et la fidélisation

- Stratégie produit- Amélioration des taux de conversion (taux d’activation, remplissage profil)- Recherche et étude des besoins des professionnels de la culture- Création et conduite d’ateliers d’idéation/créatifs- Refonte UX/UI

LA SOCIÉTÉ

Movinmotion est la startup de l’embauche des intermittents 2.0.A travers une plateforme web collaborative permettant la dématérialisation, le stockage et la signature électronique des documents administratifs d’embauche, Movinmotion simplifie les démarches entre employés et employeurs du spectacle vivant et enregistré.

#ÉDITION DE LOGICIELS#SECTEUR CULTUREL#STARTUP#UX#UI#STRATÉGIE PRODUIT#REFONTE

#GESTION DE PROJET

17

S u s c i t e r l ’ e n g a g e m e n t e t l a f i d é l i t éMA MISSION : DÉFINIR ET METTRE EN PLACE UNE EXPÉRIENCE ENGA-GEANTE POUR LES UTILISATEURS «SALARIÉS»

Optimisation de l’expérience utilisateur afin de créer l’engagement et la fidéli-sation à travers les objectifs métriques (taux de conversion) suivants :

- Augmenter le taux d’activation des profils «salariés» invités par mail - Augmenter le taux de remplissage des profils «salariés»

PRÉCONISATIONS STRATÉGIQUES

- Audit de l’existant - Etude du secteur, des usages et des cibles du spectacle vivant et enregistré - Etude des besoins des utilisateurs - Stratégie produit à court, moyen et long terme

- Mise en avant de la proposition de valeur à travers : La refonte des mails d’invitation / d’inscription sur la plateforme L’ Onboarding La Refonte des pages (contenu, interactions)

IDÉATION

- Benchmarking, Veille - Création et animation d’ ateliers utilisateurs - Parcours utilisateurs

18

M e t t r e e n a v a n t l a p r o -p o s i t i o n d e v a l e u r

REFONTE DES MAILS D’INVITATION - User stories - Adaptation et mise en valeur de la proposition et du contenu selon les cas - Refonte graphique - Spécifications

RECHERCHE ET ETUDE DES BESOINS DES CIBLES

- Étude du secteur du spectacle vivant et enregistrés, des usages - Création et analyse de questionnaires secteur/utilisateurs - Entretiens utilisateurs (téléphoniques et face à face, évènements) - Parcours utilisateurs

19

DESIGN ET PROTOTYPAGE DE L’ ONBOARDING - Mise en place d’un accompagnement de l’utilisateur lors de la découverte de la plateforme et au fil de l’eau - Wireframing des différents écrans et états - Interactions, Spécifications

REFONTE DE LA PAGE D’ACCUEIL - Création du «tableau de bord» : Détermination des contenus à partir des parcours dégagés - Wireframing, interactions, spécifications

20

DESIGN VISUEL DE LA PAGE D’ACCUEIL

21

DESIGN ET PROTOTYPAGE DU PROFIL ET MODULES ASSOCIÉS - Refonte et Création de nouveaux modules de profil spécifiques aux métiers (environ 15) - Wireframing des différents écrans et états , rédaction des spécifications

22

I n d é R e c o r d s

INDE RECORDS

Site internet d’un label de musique indépendant (Projet fictif) - Étude des besoins - Benchmarking - Préconisations - Architecture, UX et design graphique

23

MOBILE - RESPONSIVE DESIGN

Maquettes de la version mobile - Home - Catégorie - Produit

24

B o d y & B l u e s : e - c o m m e r c eSTRATEGIE BUSINESS

Projet fictif Site e-commerce spécialiste vinyles musique noire américaine

- Étude du marché, secteur - Benchmarking - Préconisations - Stratégie commerciale, positionnement marketing , référencement, Social Media

ARCHITECTURE, WIREFRAMING- Arborescence (mindmeister)- Wireframes (Moqups)

25

DESIGN GRAPHIQUE

- Moodboard - Logotype - Charte graphique - Maquettes graphiques photoshop

NEWSLETTER

26

DESIGN VISUEL DE LA PAGE D’ACCUEIL

27

PAGE CATÉGORIE

PAGE PRODUIT

28

D i s c u t o n s , é c h a n g e o n sTr a v a i l l o n s e n s e m b l e !Partageons autour de vos objectifs et des besoins de vos utilisateurs. Optimisons leur expérience et vos objectifs ensemble !

Pour plus d’informations, n’hésitez pas à me contacter,Je serai ravie de connaître vos projets!

S I R I S O M K H A M S O P H A

0 6 8 2 0 7 1 8 4 6

s i r i s o m . k h a m s o p h a @ g m a i l . c o m

i s s u u . c o m / s i r i s o m