portfolio ux sirisom khamsopha

28
Ma vision et mon approche du design d’expérience utilisateur Novembre 2015 [email protected] 06 82 07 18 46 SIRISOM KHAMSOPHA UX DESIGN UX Designer Chef de projet UX Consultante

Upload: sirisom-khamsopha

Post on 24-Jul-2016

222 views

Category:

Documents


1 download

DESCRIPTION

Ma vision et mon approche du design d'expérience utilisateur. Novembre 2015

TRANSCRIPT

Page 1: 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

Page 2: Portfolio UX Sirisom Khamsopha

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

Page 3: Portfolio UX Sirisom Khamsopha

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

Page 4: Portfolio UX Sirisom Khamsopha

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.

Page 5: Portfolio UX Sirisom Khamsopha

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!

Page 6: Portfolio UX Sirisom Khamsopha

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

Page 7: Portfolio UX Sirisom Khamsopha

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.

Page 8: Portfolio UX Sirisom Khamsopha

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

Page 9: Portfolio UX 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.

Page 10: Portfolio UX Sirisom Khamsopha

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é

Page 11: Portfolio UX Sirisom Khamsopha

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

Page 12: Portfolio UX Sirisom Khamsopha

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

Page 13: Portfolio UX Sirisom Khamsopha

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

Page 14: Portfolio UX Sirisom Khamsopha

14

SKETCHING, ZONING, WIREFRAMING, PROTOTYPAGE

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

Page 15: Portfolio UX Sirisom Khamsopha

15

CHARTE ERGONOMIQUE EXPÉRIENCE UTILISATEUR

PERSUASIVE DESIGN

Page 16: Portfolio UX Sirisom Khamsopha

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

Page 17: Portfolio UX Sirisom Khamsopha

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

Page 18: Portfolio UX Sirisom Khamsopha

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

Page 19: Portfolio UX Sirisom Khamsopha

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

Page 20: Portfolio UX Sirisom Khamsopha

20

DESIGN VISUEL DE LA PAGE D’ACCUEIL

Page 21: Portfolio UX Sirisom Khamsopha

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

Page 22: Portfolio UX Sirisom Khamsopha

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

Page 23: Portfolio UX Sirisom Khamsopha

23

MOBILE - RESPONSIVE DESIGN

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

Page 24: Portfolio UX Sirisom Khamsopha

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)

Page 25: Portfolio UX Sirisom Khamsopha

25

DESIGN GRAPHIQUE

- Moodboard - Logotype - Charte graphique - Maquettes graphiques photoshop

NEWSLETTER

Page 26: Portfolio UX Sirisom Khamsopha

26

DESIGN VISUEL DE LA PAGE D’ACCUEIL

Page 27: Portfolio UX Sirisom Khamsopha

27

PAGE CATÉGORIE

PAGE PRODUIT

Page 28: Portfolio UX Sirisom Khamsopha

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