web-ux / agile avec ux
TRANSCRIPT
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
Merci !
Emmanuel Levi-ValensiDirecteur associé[email protected]
Philippe ChaurandIngénieur [email protected]
Yoan [email protected]
Plus d’informations sur PIAwww.pia-conseil.comblog.pia-conseil.com
@pia_conseil
!"#$!"#