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

07 février 2017
All right reserved
Comment intégrer au plus
tôt l’utilisateur dans le
développement d’une
application?

Workshop PaperJam Business Club – 07 février 2017 – All right reserved
1. Introduction
2. C’est quoi intégrer l’utilisateur?
3. Cas pratique
4. Pause
5. Suite cas pratique
6. Conclusion
7. Questions
Planning de cette après-midi

Nicolas Vardavas
Chief Designer Officer
@Swipe
Introduction
Annabelle Buffart
Responsable
Communication
@Agile Partner

A vous de jouer!
Intégration de l’utilisateur = ?
C’est quoi intégrer l’utilisateur ?

Intégrer l’utilisateur, c’est impliquer celui-ci dans toutes les
étapes de conception d’une application afin de
• comprendre ses besoins,
• avoir son feedback

• Important pour le business
• L’utilisateur = client
• 1er élément BMC
Mais c’est quoi le BMC? Business Model Canva
• Mettre a plat un plan business pour en découler une
stratégie d’entreprise

Business Model Canva

• 2 questions
• Pourquoi intégrer l’utilisateur?
• Comment intégrer l’utilisateur?

Développement d’une application home banking
Cas pratique

• Définir QUI et à quel GROUPE l’utilisateur appartient:
1. Segmentation (Market Segmentation): groupe de personne
cible avec le service market-com
2. Persona: fiche descriptive d’un utilisateur réel grâce à des
interviews
a) Prénom
b) Age
c) Photo
d) Job
e) Besoin(s)
f) Problème(s)
g) Utilisation des nouvelles technologie
1. Segmentation & persona

1. Segmentation & persona

Market Segmentation
1. Cas pratique: segmentation

Création d’une fiche persona par groupe
A vous!
Nom, prénom
Fonction
Age
Introduction
Niveau numérique
Besoins(s)
Problème(s)
Segmentation
1. Cas pratique: persona

Quelles sont les bénéfices selon vous?
1. Segmentation & persona: bénéfices

• Segmentation
• Se concentrer sur un groupe de personne  fonctionnalités
• Orienter le design
• Persona
• Idée des utilisateurs types
• Garder les fiches pour tout le projet
• Connaître les besoins, ce que les utilisateurs veulent, aiment,
n’aiment pas
1. Segmentation & persona: bénéfices

• Définition d’un cas
d’utilisation
(fonctionnalité)
• Est nécessaire au
persona
« En tant que A, je veux
faire/j’ai besoin de B, dans
le but de C »
• User Story ≠ Story
Technique
2. User Story

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

2. User Story: bénéfices

• Avoir des cas d’utilisation réels / des besoins concrets
• Pouvoir catégoriser
• Mettre des priorités
• Définir des Stories Technique
2. User Story: bénéfices

• Dessiner de manière
sommaire le squelette de
l’application
• Répondre aux User Stories
• Papier/crayon
• Outils: Sketch, UXPin,
Balsamiq, Photoshop…
• Définir les parcours
utilisateurs
• Fonctionnel et non design
3. Wireframe

A vous!
Dessiner 3 User Stories en groupe
3. Cas pratique: wireframe

3. Wireframe: bénéfices

• Se focaliser sur les fonctionnalitées
• Structurer l’interface et les principales zones de
contenus
3. Wireframe: bénéfices

• Maquette avec des outils Invision, HTML/CSS, Sketch,
UXPin
• Statique
• Implémentation des interactions
• Définition charte graphique
4. Prototype

• InVision
Lien: https://goo.gl/6a66pz
4. Prototype: démonstration & test

4. Prototype: bénéfices

• Avoir une utilisation effective
• Démonstration
• Tester avant le développement
• 1er retour utilisateur possible
• Donner les informations de chartes graphiques aux devs
Itération avec feedbacks
• Besoins
• Utilisations
4. Prototype: bénéfices

• Minimum Viable Product ≠ produit fini
• Développement de la 1er itération
• Tester avec les utilisateurs
• Réponse rapide du marché
• Version « beta »
• Validation du concept
 2 sprints d’avance sur le développement et itération
5. MVP

5. MVP

• Après le MVP
• 2 types de tests:
• Outils: vischeck, navigateur vocaux…
• Utilisateurs: guerilla testing, test A/B…
• Permet d’avoir des retours
• Scenario, observation et parole
 Retour des utilisateurs & analyses
6. Tests

• 2 sprints d’avance sur les devs
• En parallèle:
• Implémentation de nouvelles User Stories
• Amélioration continue avec les feedbacks & adaptation 
Retour à l’étape 2 / 3 ou 4 de la présentation selon les
feedbacks
Et après?

• Un travail en amont qui prend plus de temps
• Mais gain de temps par la suite
• Gain de temps = gain d’argent
• Pas de complication de développement
• Mieux preparer l’utilisateur au changement
• L’utilisateur se sent concerné
• Continuous improvement & agile!
Conclusion

Merci!
Questions?

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

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (7)

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

Similaire à Comment intégrer au plus tôt l’utilisateur dans le développement d’une application? (20)

Plus de Agile Partner S.A.

Plus de Agile Partner S.A. (20)

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

Notes de l'éditeur