Web-UX / Agile avec UX

Download Web-UX / Agile avec UX

Post on 13-Apr-2017

1.649 views

Category:

Technology

4 download

Embed Size (px)

TRANSCRIPT

  • Agile avec UXgrce la mthodologie PIA

    Emmanuel Levi-Valensi. Directeur AssociPhilippe Chaurand. Ingnieur 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

  • Prsentation de PIA

  • PIA est un cabinet de conseil en systme d'information,

    spcialiste de l'exprience utilisateur et des usages innovants.

    Nous ralisons des dveloppements sur mesure et accompagnons nos clients dans toutes les phases de leurs projets web et mobile.

  • Nos principales rfrencesFrance

    International

    Partenaires

  • Agile avec UX

  • Le manifeste agile

  • Les 4 valeurs de lagile

    Linteraction avec les personnes plus que les processus et les outils.

    Un produit oprationnelplus qu'une documentation plthorique.

    La ractivit face au changementplus que le suivi d'un plan.

    La collaboration avec le clientplus que la ngociation de contrat.

  • Scrum

  • Encore plus loin

    avec le lean

  • Le lean est une dmarche qui vise :

    Source : Processus et Entreprise 2.0 - Yves Caseau

    une meilleure satisfaction des clients

    tout en rduisant lutilisation des ressources

    au moyen de processus amliors 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

    Samliorer continuellement par la mesure

    Livrer des lots de taille rduite

    // LUX40%/(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

    Amlio

    ration

    continu

    e

  • Mise en oeuvre sur un cas pratique

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

    Cas pratique

    Un groupe htelier souhaite amliorer la qualit dans ses tablissements rpartis 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%%?@;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&% '&%()"*+(%,

    Critres de succs

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

    Doubler le taux de rtention

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

    Retours

    Mise en place dun processuspour recueillir et analyser les avis client

    Actions

  • 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, ingnieur IHM

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

    Je monte bord

    Les enjeux

    Inciter les clients donner leur avis

    Grce une interface innovante

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

    Une runion de co-design

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

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

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

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

    Architecture de linformation

    CinmatiquesZoningsPatterns

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

    Des prototypes papier

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

    Jen discute avec dautres

    #-(?$@,.+$

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

    Rsultat : 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 dor

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

    Propal 2 quizz

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

    Propal 3 visite interactive

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

    Propal 1livre dor

    Laquelle prfrez-vous ?

    Propal 2quizz

    Propal 3visite intractive

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

    Analyse desrsultats 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

    Utilisab

    ilit

    Ides Ides

    Itration

    Ractivit

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

    prototyper, cest ...

    ! donner une vision du futur produit

    ! en tester la valeur et lutilisabilit

    ! et partager cette vision !

    moindre cot ...

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

    Mettre au propre

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

    Analyser les

    rsultats

    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&% '&%()"*+(%,

    Quapporte le Design Visuel ?

    La reconnaissance des valeurs de lhtel

    Lenvie dutiliser lapplication

    Le confort dutilisation

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

    Valeurs, Etude cible et Planches de tendances

    Esthtique intelligente

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

    Analyse et tude des couleursEsthtique intelligente

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

    Prototype haute-fidlit

    Esthtique intelligente

    Planches de tendances

    Etude Valeurs / Cible

    Charte chromatique

    Etude des contrastes

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

    Proposition 02Visite interactive

    Proposition 01Livre dOr

    Prototype haute-fidlit

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

    Proposition 02Visite interactive

    Proposition 01Livre dOr

    Prototype haute-fidlit

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

    On va avoir besoin de vous.

    Vous tes de potentiels futurs utilisateurs

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

    On vote pourcon!rmer la prise de dcision

    Proposition 01Livre dOr

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

    On vote pourcon!rmer la prise de dcision

    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

    Ides

    Ides

    Ides

    Et ensuite ?

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

    Proposition lueLivre dor

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

    Analyser les rsultats

    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 rtention

    R;

    M0 M0+12 M0+24

  • Inspirons-nous de lagile et du lean.

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

    7&%,.!4#&%

    8.3-3-$93"%

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

    '&%*,6#(%!-&,.%

  • 01$8421,41$3,42$26488&amp