web-ux / agile avec ux

Agile avec UXgrâce à la méthodologie PIA

Emmanuel Levi-Valensi. Directeur AssociéPhilippe Chaurand. Ingénieur IHMYoan Maman. Designer

Emmanuel Levi-Valensi

0+12(32(+(42 #%&'(

)* "++,-./,+

!"#$!"#

@PIA_Emmanuel

!"#$%&'()*%+,-"#.)()%-"//*01%

!"#$% &!'()*"!$% +,-.%/0!$%!"'*1%2*"31$$#$%0)&+1 %+*%-"0-*21("0%*1%+,.*3"22*/*01

Notre objectif

Présentation de PIA

PIA est un cabinet de conseil en système d'information,

spécialiste de l'expérience utilisateur et des usages innovants.

Nous réalisons des développements sur mesure et accompagnons nos clients dans toutes les phases de leurs projets web et mobile.

Nos principales référencesFrance

International

Partenaires

Agile avec UX

Le manifeste agile

Les 4 valeurs de l’agile

Lʼinteraction avec les personnes plus que les processus et les outils.

Un produit opérationnelplus qu'une documentation pléthorique.

La réactivité face au changementplus que le suivi d'un plan.

La collaboration avec le clientplus que la négociation de contrat.

Scrum

Encore plus loin

avec le lean

Le lean est une démarche qui vise :

Source : «Processus et Entreprise 2.0» - Yves Caseau

une meilleure satisfaction des clients

tout en réduisant lʼutilisation des ressources

au moyen de processus améliorés et surtout de collaborateurs qui travaillent mieux

« Plus avec moins, tous ensemble »

Le lean

Le lean

Se concentrer sur la valeur pour le client

Allez sur le terrain

Sʼaméliorer continuellement par la mesure

Livrer des lots de taille réduite

// L’UX40%/(50*361%31!'*(1%$#*%

+,#7+&$0'1#*8%+,&52"*'0!31%/#%3"!'1!#

4,"9$1*:07"!8%+1$%'1$'$%#7+&$0'1#*$

41$%$'0'$%;198%<=>%'1$7!)

?"3@1'%$#*)1*A%50/1%10$AB

Le cercle vertueux

Améliorati

on continue

Mise en oeuvre sur un cas pratique

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Cas pratique

Un groupe hôtelier souhaite améliorer la qualité dans ses établissements répartis dans toute la France.

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Les 5 pourquoi ?

4"#$%."#+)("0$%'/,3(")*)%3'%

5#'3(1,%+*%0"$%671*3$8

C"#*D#"&%E9')-*%5#*%$*#3*/*01%:;%+*%0"$%

-3(*01$%)*.(*00*018%<'%/"=8%3"-'3*%

*$1%>%?@;8C"#*D#"&%E9')-*%5#A(3$%0*%$"01%2'$%$'B$&'(1$

C"#*D#"&%E9')-*%5#*%0"#$%0*%2)*0"0$%2'$%*0%

-"/21*%3*#)$%)*/')5#*$

C"#*D#"&%E9')-*%5#*%0"#$%0*%3*$%

-"00'($$"0$%2'$ C"#*D#"&%E

9')-*%5#*%0"#$%0*%3*#)%

+*/'0+"0$%2'$

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Critères de succès

:; ?C;1!%FG%5"&$

Doubler le taux de rétention

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Retours

Mise en place d’un processuspour recueillir et analyser les avis client

Actions

<'%3(1*)(*%*$1%*D-*33*01*

<'%-3(/A%,1'(1%-'$$,*

<'%1,3,%0*%/')-6'(1%2'$

567.22,+8$+,12($9$32,:(1$;$<

E0'3=$* F*$(G0%+*$%(01*)&'-*$ !($#'3%F*$(G0 F*.

E0'3=$*)%3*$%

),$#31'1$

L*-#*(33()%3*%

&**+K'-M

E%&'()* H0%-"#)$ E%&'()* H0%-"#)$ E%&'()* H0%-"#)$

I($*%*0%23'-*%+#%J'0K'0

E%&'()*

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Analyse / Recueillir du feedback

E0'3=$* F*$(G0%+*$%(01*)&'-*$ !($#'3%F*$(G0 F*.

E%&'()* H0%-"#)$ E%&'()* H0%-"#)$ E%&'()* H0%-"#)$ E%&'()*

L*-#*(33()%3*%

&**+K'-M

E0'3=$*)%3*$%

),$#31'1$

N#(.(%$#)%3*%J'0K'0

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

@anomes

!"#$!"#

Design des interfacesPhilippe Chaurand, ingénieur IHM

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Je monte à bord

Les enjeux

Inciter les clients à donner leur avis

Grâce à une interface innovante

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Une réunion de co-design

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

:($12.-.&''($842=(8$32,1,1>3(8

),#0("0%+*%-"O+*$(G0

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Architecture de l’information

CinématiquesZoningsPatterns

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Des prototypes papier

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

J’en discute avec d’autres

#-(?$@,.+$<#-(?$'($?'&(+1$<

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Résultat : 3 propositions

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

0"#$%1*$1"0$%3*$%2)"2"$(B"0$

:($12.-.&''($842=(8$32,1,1>3(8

),#0("0%+*%-"O+*$(G0

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Testons les propositions ...

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Propal 1 livre d’or

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Propal 2 quizz

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Propal 3 visite interactive

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Propal 1livre d’or

Laquelle préférez-vous ?

Propal 2quizz

Propal 3visite intéractive

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Analyse desrésultats en direct

?P ?Q P? PQ Q? QP

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

AB

C4&DD

:&$&'1%&!'1*037:1

+&:*1%/,"*

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

0"#$%1*$1"0$%3*$%2)"2"$(B"0$

Valeur

:($12.-.&''($842=(8$32,1,1>3(8

),#0("0%+*%-"O+*$(G0

Utilisabil

ité

Idées Idées

Itération

Réactivité

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

prototyper, c’est ...

! donner une vision du futur produit

! en tester la valeur et l’utilisabilité

! et partager cette vision !

à moindre coût ...

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Mettre au propre

E0'3=$* F*$(G0%+*$%(01*)&'-*$ !($#'3%F*$(G0 F*.

Analyser les

résultats

E%&'()* H0%-"#)$ E%&'()* H0%-"#)$ E%&'()* H0%-"#)$

%N#(.(%$#)%3*%J'0K'0

E%&'()*

Recueillir le feedback

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Yoan MAMAN

Design Visuel

@yoanmaman

Designer Interactif

Avant de commencer

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Qu’apporte le Design Visuel ?

La reconnaissance des valeurs de l’hôtel

L’envie d’utiliser l’application

Le confort d’utilisation

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Valeurs, Etude cible et Planches de tendances

Esthétique intelligente

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Analyse et étude des couleursEsthétique intelligente

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Prototype haute-fidélité

Esthétique intelligente

Planches de tendances

Etude Valeurs / Cible

Charte chromatique

Etude des contrastes

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Proposition 02Visite interactive

Proposition 01Livre d’Or

Prototype haute-fidélité

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Proposition 02Visite interactive

Proposition 01Livre d’Or

Prototype haute-fidélité

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

On va avoir besoin de vous.

Vous êtes de potentiels futurs utilisateurs

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

On vote pourcon!rmer la prise de décision

Proposition 01Livre d’Or

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

On vote pourcon!rmer la prise de décision

Proposition 02Visite interactive

:($12.-.&''($842$=(832,1,1>3(8$F.41(GH=6'&16

3(.)'K3*$%2),'3'K3*$

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

0"#$%1*$1"0$%3*$%2)"2"$(B"0$

Valeurs

Confort

Envie

Idées

Idées

Idées

Et ensuite ?

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

Proposition élueLivre d’or

E0'3=$* F*$(G0%+*$%(01*)&'-*$ !($#'3%F*$(G0 F*.

Analyser les résultats

E%&'()* H0%-"#)$ E%&'()* H0%-"#)$ E%&'()* H0%-"#)$

N#(.(%$#)%3*%J'0K'0

E%&'()*

Recueillir le feedback

!"!#$%& '&%()"*'&%*("-&./!0&% '&%()"*+(%,&#

12 MOIS PLUS TARD

:;

?C;

Doubler le taux de rétention

R;

M0 M0+12 M0+24

Inspirons-nous de l’agile et du lean.

1(23"%*'&%*345&06/%*0#!(.%*&-*

7&%,.!4#&%

8.3-3-$93"%

:&%-3"%*"3%*%3#,63"%*!,9.;%*

'&%*,6#(%!-&,.% <(+.3"%*/.=>,&77&"-*'&%*#3-%*

'&*-!(##&*.=',(-&

?&%,.3"%*"3-.&*&@0!0(-=

A#(7("3"%*#&%*)!%9(##!)&%*

(",6#&%

01$8421,41$3,42$26488&2$4+$32,:(1III

La clé du succès est

dans la collaboration entre

Expert métier DéveloppeurErgonome Designer

B(4#(3).!9C(&

CD9EFFGGGH("%6-,-I!)(#&H/.F

Merci !

Emmanuel Levi-ValensiDirecteur associéelv@pia-conseil.com

Philippe ChaurandIngénieur IHMpch@pia-conseil.com

Yoan MamanDesigneryma@pia-conseil.com

Plus d’informations sur PIAwww.pia-conseil.comblog.pia-conseil.com

@pia_conseil

!"#$!"#