Comment intégrer au plus tôt l’utilisateur dans le développement d’une application?

PowerPoint Presentation

Comment intgrer au plus tt lutilisateur dans le dveloppement dune application?

07 fvrier 2017All right reserved

1

IntroductionCest quoi intgrer lutilisateur?Cas pratiquePauseSuite cas pratiqueConclusionQuestionsPlanning de cette aprs-midi

Workshop PaperJam Business Club 07 fvrier 2017 All right reserved

Annabelle BUFFART (AB) - A finaliserNicolas VardavasChief Designer Officer@SwipeIntroductionAnnabelle BuffartResponsable Communication@Agile Partner


Prsentation Nico & SwipePrsentation Anna & APA propos des questions3

A vous de jouer!

Intgration de lutilisateur = ?Cest quoi intgrer lutilisateur ?


5 min chacun sur post-itMise en commun sur le tableau avec les post-its et catgorie4

Intgrer lutilisateur, cest impliquer celui-ci dans toutes les tapes de conception dune application afin de comprendre ses besoins, avoir son feedback Cest quoi intgrer lutilisateur ?


Notre dfinitionRetrouver les post-its dans la dfinition5

Important pour le businessLutilisateur = client1er lment BMCMais cest quoi le BMC? Business Model CanvaMettre a plat un plan business pour en dcouler une stratgie dentrepriseCest quoi intgrer lutilisateur ?


Trs important, lutilisateur est intgr ds le dbut dune ide/concept/businessExemple avec le BMCLutilisateur = client, base de lentrepreneur / startup6

Business Model CanvaCest quoi intgrer lutilisateur ?


On y voit limportance de lutilisateur. Cest le 1er lment qui est ajout dans le canva. Pourquoi votre avis? 7

2 questionsPourquoi intgrer lutilisateur?Comment intgrer lutilisateur? Cest quoi intgrer lutilisateur ?


2min de post-its pour rpondre au POURQUOI et au COMMENT5min en commun

Trier et rpartir les rponses pour les confrontes ce quon prsente8

Dveloppement dune application home banking

Cas pratique


Pratiquer les diffrentes tapes avec des cas pratiquesCe sont NOS conceptions, il y en a dautres bien sre9

Dfinir QUI et quel GROUPE lutilisateur appartient:Segmentation (Market Segmentation): groupe de personne cible avec le service market-comPersona: fiche descriptive dun utilisateur rel grce des interviewsPrnomAgePhotoJobBesoin(s)Problme(s)Utilisation des nouvelles technologie1. Segmentation & persona


10

1. Segmentation & persona


11

Market Segmentation1. Cas pratique: segmentation


10minQui? Grand public ou pro?Quel pays?

12

Annabelle BUFFART (AB) - Ici il nous faut qu'1 seul market segmentation... donc est-ce utile de le faire en groupe?Cration dune fiche persona par groupeA vous!Nom, prnomFonctionAgeIntroductionNiveau numriqueBesoins(s)Problme(s)Segmentation1. Cas pratique: persona


10min en groupe15min rsultats13

Annabelle BUFFART (AB [3]) - Faire template videQuelles sont les bnfices selon vous?1. Segmentation & persona: bnfices


5min oralement14

SegmentationSe concentrer sur un groupe de personne fonctionnalitsOrienter le designPersonaIde des utilisateurs typesGarder les fiches pour tout le projetConnatre les besoins, ce que les utilisateurs veulent, aiment, naiment pas1. Segmentation & persona: bnfices


15

Dfinition dun cas dutilisation (fonctionnalit)Est ncessaire au personaEn tant que A, je veux faire/jai besoin de B, dans le but de CUser Story Story Technique2. User Story


16

A vous!3 User Stories en groupe2. Cas pratique: User Story


Distribution d1 persona / groupe (diffrent de celui cr)7min pour 3 US10min de mise en commun

Avec post-its17

Quelles sont les bnfices selon vous?2. User Story: bnfices


5min oralement18

Avoir des cas dutilisation rels / des besoins concretsPouvoir catgoriserMettre des prioritsDfinir des Stories Technique2. User Story: bnfices


CF cycle agile et sprint pour slection US et pondration19

Dessiner de manire sommaire le squelette de lapplicationRpondre aux User StoriesPapier/crayonOutils: Sketch, UXPin, Balsamiq, PhotoshopDfinir les parcours utilisateursFonctionnel et non design3. Wireframe


Sketch prototype direct Lean UX: avoir des maquettes HTML/CSS bootstrap like pour faire des prototypes20

A vous!Dessiner 3 User Stories en groupe

3. Cas pratique: wireframe


En groupe durant 10min sur les fiches avec des US des autresRsultat en commun et prsentation des dessins: 15min21

Quelles sont les bnfices selon vous?3. Wireframe: bnfices


5min oralement22

Se focaliser sur les fonctionnalitesStructurer linterface et les principales zones de contenus3. Wireframe: bnfices


23

Maquette avec des outils Invision, HTML/CSS, Sketch, UXPinStatiqueImplmentation des interactionsDfinition charte graphique4. Prototype


24

InVisionLien: https://goo.gl/6a66pz

4. Prototype: dmonstration & test


25

Quelles sont les bnfices selon vous?4. Prototype: bnfices


5min oralement26

Avoir une utilisation effectiveDmonstrationTester avant le dveloppement1er retour utilisateur possibleDonner les informations de chartes graphiques aux devsItration avec feedbacks BesoinsUtilisations4. Prototype: bnfices


1er retour utilisateur avant la mise en place du MVP

Nico montrer info invision charte graphique27

Minimum Viable Product produit finiDveloppement de la 1er itrationTester avec les utilisateursRponse rapide du marchVersion betaValidation du concept 2 sprints davance sur le dveloppement et itration5. MVP


Permet danticiper les besoins du march et avoir une rponse rapidement de celui-ciSavoir si cest la bonne direction

/!\ Le MVP nest pas le produit fini!

Les designers doivent avoir 2 sprints davance sur les devs28

5. MVP


http://www.colissimo.fr/particuliers/page_site_beta.jsp29

Aprs le MVP2 types de tests: Outils: vischeck, navigateur vocauxUtilisateurs: guerilla testing, test A/BPermet davoir des retoursScenario, observation et parole Retour des utilisateurs & analyses6. Tests


Avoir le retour des utilisateurs sous diffrentes formes et analyser ceux-ciDes participants reprsentatif de notre segmentationAvoir des cas de test, avoir des objectifsMettre des scenario en place, observer et inciter lutilisateur parler, dire ce quil fait30

2 sprints davance sur les devsEn parallle: Implmentation de nouvelles User StoriesAmlioration continue avec les feedbacks & adaptation Retour ltape 2 / 3 ou 4 de la prsentation selon les feedbacks

Et aprs?


31

Un travail en amont qui prend plus de tempsMais gain de temps par la suiteGain de temps = gain dargentPas de complication de dveloppementMieux preparer lutilisateur au changementLutilisateur se sent concernContinuous improvement & agile!Conclusion


32

Merci!Questions?


33

Technology

Comment intégrer au plus tôt l’utilisateur dans le développement d’une application?