SlideShare une entreprise Scribd logo
1  sur  44
Télécharger pour lire hors ligne
15 conseils pour
s’assurer une
expérience utilisateurs
optimale
Johanna Rowe Calvi
Designer d’interactions et d’expériences numériques
@johanna_rowe
1Problématique
Résumer la problématique en une phrase
[ ]
2Recherches
Accumuler un maximum d’informations
[ ]
3Questions
Se poser les questions nécessaires
[ ]
4Réponses
Confronter ses réponses
[ ]
5Storyboard
Raconter l’histoire de l’expérience
utilisateurs imaginée.[ ]
6Atelier
Rassembler et échanger
de manière dynamique et ludique[ ]
7Identification
Analyser les résultats du workshop
[ ]
8Idéation
Trouver des concepts
et creuser les idées[ ]
9Consolidation
Observer son travail
de manière critique
[ ]
10Prototype
Prototypage dans le but d’échanger
[ ]
11Présentation
Rendre palpable votre projet pour vos
prospects, clients et utilisateurs[ ]
Workflow
User
Centered
Design
Qui et comment ?
Soi-même
[ ]
Sous-traiter
[ ]
Embaucher
[ ]
Freelance entre 450€ et 700€/jour
Agence entre 600€ et 1000€/jour
Le designer a toute la
connaissance sur l’UX. Les
livrables doivent-être très clair
et complet pour vous.
Stagiaire gratification minimale 500€/mois
Designer d’interaction junior environs 33K/an
Designer d’interaction sénior environs 50K/an
La solution la moins chère mais la plus risquée et couteuse en temps
Prévoyez plusieurs mois de travail
Si stagiaire alors sélectionnez
des stages de 5ème année pour la
définition de vos UX. Analysez la
méthodologie et la capacité à
l’écoute.
Le DesignPour les ateliers utilisateur, les séances de créativité, l’organisation des brainstorming,
les wireframes, les storyboards. C’est le profil garant de l’expérience utilisateur,
Ces indications tarifaires sont des fourchettes de tarifs observés en France. Pour les salaires il s’agit d’un sondage par Designer Interactif
Illustrator
Photoshop[ ]
Les outils Adobe sont les plus utilisés et connus par les profils créatifs
Créative Cloud (1 personne/ 2 ordinateurs) :
- 1 logiciel 29,99€/mois
- Le pack complet 69,99€/mois
Wireframe
interactifs[ ] Pentotype pour 7€/mois (1 utilisateur)
Balsamiq mockups pour 89$ (1 utilisateur)
Axure pour 289$
Les outils
Le Process
Brief/Point/validation
avec vous
Le Process
1 – Problématique
2 – Recherche
3 – Questions
4 – Réponses (atelier à distance)
5 – Storyboard 1er Livrable
6 – Atelier (en physique)
7 – Identification
8 – Idéation 2ème livrable
9 – Consolidation
10 – Prototypes 3ème livrable
11 – Présentation (atelier en physique)
Les livrables :
- Un story-board retraçant le travail de l’étape 1 à 4 modifié et finalisé en étape 7
- Un wireframe en mode brouillon (peut être fait à la main par exemple) étape 8 et modifié en 10
- Un wireframe interactif étape 10 modifié au besoin après l’étape 11
Brief/Point/validation
avec vous
12Identité mémorable
Reconnaissable, identifiable au premier
Regard avec une vraie signification[ ]
13Charte graphique
Qu’elle soit graphique, d’interaction ou
d’ergonomie, la charte doit être cohérente.[ ]
14Déclinaison
Sur l’ensemble des pages, un véritable gain
De temps pour le reste de l’équipe.[ ]
Qui et comment ?
Soi-même
[ ]
Sous-traiter
[ ]
Embaucher
[ ]
Freelance entre 300€ et 600€/jour
Agence entre 500€ et 800€/jour
Demandez toujours qu’ils travaillent
au forfait : Objectifs et livrables
déterminés par vous. Les livrables doivent-
être très clair et complet pour vous.
Stagiaire gratification minimale 500€/mois
Directeur artistique junior environs 30K/an
Directeur artistique sénior environs 39K/an
La solution la moins chère mais la plus risquée et couteuse en temps
Prévoyez plusieurs mois de travail
Si stagiaire alors sélectionnez des
stages de 5ème année pour la
définition de votre charte. Analysez
le portfolio avec attention.
La direction artistiquePour le logo, charte graphique, style graphique et iconographie de vos projets
Ces indications tarifaires sont des fourchettes de tarifs observés en France. Pour les salaires il s’agit d’un sondage par Designer Interactif
Illustrator
Photoshop[ ]
Les outils Adobe sont les plus utilisés et connus par les profils créatifs
Créative Cloud (1 personne/ 2 ordinateurs) :
- 1 logiciel 29,99€/mois
- Le pack complet 69,99€/mois
Expression
Design 4[ ]
C’est un outil gratuit. Il est facile à prendre en main pour les novices.
Les professionnels habitués à la suite Adobe trouveront rapidement ses
limites.
Il est disponible sur le Download Center de Microsoft.
Les outils
Le Process
Le Process
12 – Identité de marque
13 – Charte graphique
14 – Déclinaison
Les livrables
- Un document de Charte Graphique (Logo/couleurs/typographie/etc.) étape 13
- Des propositions de style graphique sur 1 page (choisie par vous) étape 13
- La déclinaison sur l’ensemble des écrans étape 14
Brief/Point/validation
avec vous
15Communication
La communication est au cœur de la réussite.
Les équipes techniques et créatives doivent
trouver des solutions et compromis ensemble[ ]
@johanna_rowe
design in progress design in progressrowejohanna
johannarowe.com jrowe@expertime.com
johanna rowe calvi
Social

Contenu connexe

En vedette

Présentation de la Process Communication
Présentation de la Process CommunicationPrésentation de la Process Communication
Présentation de la Process CommunicationBertrand Huck
 
PROCESS COMMUNICATION
PROCESS COMMUNICATIONPROCESS COMMUNICATION
PROCESS COMMUNICATIONLITTLE FISH
 
Process Communication: Travailler et Communiquer avec Toutes les Personnalités
Process Communication: Travailler et Communiquer avec Toutes les PersonnalitésProcess Communication: Travailler et Communiquer avec Toutes les Personnalités
Process Communication: Travailler et Communiquer avec Toutes les PersonnalitésLITTLE FISH
 
Plaquette process com certifiés
Plaquette process com certifiésPlaquette process com certifiés
Plaquette process com certifiésjeanpierrelemaitre
 
La Process Communication : un management sur mesure
La Process Communication : un management sur mesureLa Process Communication : un management sur mesure
La Process Communication : un management sur mesureShake Your Mind
 

En vedette (6)

Présentation de la Process Communication
Présentation de la Process CommunicationPrésentation de la Process Communication
Présentation de la Process Communication
 
PROCESS COMMUNICATION
PROCESS COMMUNICATIONPROCESS COMMUNICATION
PROCESS COMMUNICATION
 
Process Communication: Travailler et Communiquer avec Toutes les Personnalités
Process Communication: Travailler et Communiquer avec Toutes les PersonnalitésProcess Communication: Travailler et Communiquer avec Toutes les Personnalités
Process Communication: Travailler et Communiquer avec Toutes les Personnalités
 
Formation process com
Formation process com Formation process com
Formation process com
 
Plaquette process com certifiés
Plaquette process com certifiésPlaquette process com certifiés
Plaquette process com certifiés
 
La Process Communication : un management sur mesure
La Process Communication : un management sur mesureLa Process Communication : un management sur mesure
La Process Communication : un management sur mesure
 

Similaire à 15 conseils pour s'assurer une expérience utilisateur optimale

Le Rapid Prototyping, ça marche !
Le Rapid Prototyping, ça marche !Le Rapid Prototyping, ça marche !
Le Rapid Prototyping, ça marche !Catherine Verfaillie
 
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...Flupa
 
Réussir la réalisation de son MVP ou son PoC
Réussir la réalisation de son MVP ou son PoCRéussir la réalisation de son MVP ou son PoC
Réussir la réalisation de son MVP ou son PoCOwlie
 
Good Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXGood Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXNewflux UX/UI News
 
Patterns Agiles avec Visual Studio 2012 et TFS 2012
Patterns Agiles avec Visual Studio 2012 et TFS 2012Patterns Agiles avec Visual Studio 2012 et TFS 2012
Patterns Agiles avec Visual Studio 2012 et TFS 2012Microsoft
 
Construire et prototyper rapidement un concept d’application mobile
 Construire et prototyper rapidement un concept d’application mobile Construire et prototyper rapidement un concept d’application mobile
Construire et prototyper rapidement un concept d’application mobileStrasWeb
 
Afterworkshop #4 : Appréhender son premier design sprint
Afterworkshop #4 : Appréhender son premier design sprintAfterworkshop #4 : Appréhender son premier design sprint
Afterworkshop #4 : Appréhender son premier design sprintNewflux UX/UI News
 
7. Du Design UX au Design de la collaboration
7. Du Design UX au Design de la collaboration7. Du Design UX au Design de la collaboration
7. Du Design UX au Design de la collaborationLaurent Barbat
 
Platform freelance ASP .NET / C#
Platform freelance ASP .NET / C# Platform freelance ASP .NET / C#
Platform freelance ASP .NET / C# Saâd Zerhouni
 
conception et réalisation plateforme collaboratif basant sur la methode agile...
conception et réalisation plateforme collaboratif basant sur la methode agile...conception et réalisation plateforme collaboratif basant sur la methode agile...
conception et réalisation plateforme collaboratif basant sur la methode agile...Sid Ahmed Benkraoua
 
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Benoit Drouillat
 
Quelques outils pour le porteur de projet
Quelques outils pour le porteur de projetQuelques outils pour le porteur de projet
Quelques outils pour le porteur de projetLamine Niang
 
Minke training sessions
Minke training sessionsMinke training sessions
Minke training sessionsMinke
 
Traou arvorig-methodologie-design-textile
Traou arvorig-methodologie-design-textileTraou arvorig-methodologie-design-textile
Traou arvorig-methodologie-design-textileTraou Arvorig
 
Formation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et webFormation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et webNovUp
 
templates.iafactory, guide de prise en main
templates.iafactory, guide de prise en maintemplates.iafactory, guide de prise en main
templates.iafactory, guide de prise en mainiafactory
 

Similaire à 15 conseils pour s'assurer une expérience utilisateur optimale (20)

Le Rapid Prototyping, ça marche !
Le Rapid Prototyping, ça marche !Le Rapid Prototyping, ça marche !
Le Rapid Prototyping, ça marche !
 
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
 
Réussir la réalisation de son MVP ou son PoC
Réussir la réalisation de son MVP ou son PoCRéussir la réalisation de son MVP ou son PoC
Réussir la réalisation de son MVP ou son PoC
 
Good Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXGood Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UX
 
Patterns Agiles avec Visual Studio 2012 et TFS 2012
Patterns Agiles avec Visual Studio 2012 et TFS 2012Patterns Agiles avec Visual Studio 2012 et TFS 2012
Patterns Agiles avec Visual Studio 2012 et TFS 2012
 
Construire et prototyper rapidement un concept d’application mobile
 Construire et prototyper rapidement un concept d’application mobile Construire et prototyper rapidement un concept d’application mobile
Construire et prototyper rapidement un concept d’application mobile
 
Afterworkshop #4 : Appréhender son premier design sprint
Afterworkshop #4 : Appréhender son premier design sprintAfterworkshop #4 : Appréhender son premier design sprint
Afterworkshop #4 : Appréhender son premier design sprint
 
7. Du Design UX au Design de la collaboration
7. Du Design UX au Design de la collaboration7. Du Design UX au Design de la collaboration
7. Du Design UX au Design de la collaboration
 
Design
DesignDesign
Design
 
Platform freelance ASP .NET / C#
Platform freelance ASP .NET / C# Platform freelance ASP .NET / C#
Platform freelance ASP .NET / C#
 
conception et réalisation plateforme collaboratif basant sur la methode agile...
conception et réalisation plateforme collaboratif basant sur la methode agile...conception et réalisation plateforme collaboratif basant sur la methode agile...
conception et réalisation plateforme collaboratif basant sur la methode agile...
 
Agile Tour 2016 @ Lille
Agile Tour 2016 @ LilleAgile Tour 2016 @ Lille
Agile Tour 2016 @ Lille
 
Digital way - Innovation - @Objectif
Digital way  - Innovation - @ObjectifDigital way  - Innovation - @Objectif
Digital way - Innovation - @Objectif
 
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
 
Quelques outils pour le porteur de projet
Quelques outils pour le porteur de projetQuelques outils pour le porteur de projet
Quelques outils pour le porteur de projet
 
MS Project VS ProjectLibre
MS Project VS ProjectLibreMS Project VS ProjectLibre
MS Project VS ProjectLibre
 
Minke training sessions
Minke training sessionsMinke training sessions
Minke training sessions
 
Traou arvorig-methodologie-design-textile
Traou arvorig-methodologie-design-textileTraou arvorig-methodologie-design-textile
Traou arvorig-methodologie-design-textile
 
Formation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et webFormation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et web
 
templates.iafactory, guide de prise en main
templates.iafactory, guide de prise en maintemplates.iafactory, guide de prise en main
templates.iafactory, guide de prise en main
 

15 conseils pour s'assurer une expérience utilisateur optimale

  • 1. 15 conseils pour s’assurer une expérience utilisateurs optimale Johanna Rowe Calvi Designer d’interactions et d’expériences numériques @johanna_rowe
  • 3. Résumer la problématique en une phrase [ ]
  • 5. Accumuler un maximum d’informations [ ]
  • 7. Se poser les questions nécessaires [ ]
  • 11. Raconter l’histoire de l’expérience utilisateurs imaginée.[ ]
  • 13. Rassembler et échanger de manière dynamique et ludique[ ]
  • 15. Analyser les résultats du workshop [ ]
  • 17. Trouver des concepts et creuser les idées[ ]
  • 19. Observer son travail de manière critique [ ]
  • 21. Prototypage dans le but d’échanger [ ]
  • 23. Rendre palpable votre projet pour vos prospects, clients et utilisateurs[ ]
  • 27. Soi-même [ ] Sous-traiter [ ] Embaucher [ ] Freelance entre 450€ et 700€/jour Agence entre 600€ et 1000€/jour Le designer a toute la connaissance sur l’UX. Les livrables doivent-être très clair et complet pour vous. Stagiaire gratification minimale 500€/mois Designer d’interaction junior environs 33K/an Designer d’interaction sénior environs 50K/an La solution la moins chère mais la plus risquée et couteuse en temps Prévoyez plusieurs mois de travail Si stagiaire alors sélectionnez des stages de 5ème année pour la définition de vos UX. Analysez la méthodologie et la capacité à l’écoute. Le DesignPour les ateliers utilisateur, les séances de créativité, l’organisation des brainstorming, les wireframes, les storyboards. C’est le profil garant de l’expérience utilisateur, Ces indications tarifaires sont des fourchettes de tarifs observés en France. Pour les salaires il s’agit d’un sondage par Designer Interactif
  • 28. Illustrator Photoshop[ ] Les outils Adobe sont les plus utilisés et connus par les profils créatifs Créative Cloud (1 personne/ 2 ordinateurs) : - 1 logiciel 29,99€/mois - Le pack complet 69,99€/mois Wireframe interactifs[ ] Pentotype pour 7€/mois (1 utilisateur) Balsamiq mockups pour 89$ (1 utilisateur) Axure pour 289$ Les outils
  • 30. Le Process 1 – Problématique 2 – Recherche 3 – Questions 4 – Réponses (atelier à distance) 5 – Storyboard 1er Livrable 6 – Atelier (en physique) 7 – Identification 8 – Idéation 2ème livrable 9 – Consolidation 10 – Prototypes 3ème livrable 11 – Présentation (atelier en physique) Les livrables : - Un story-board retraçant le travail de l’étape 1 à 4 modifié et finalisé en étape 7 - Un wireframe en mode brouillon (peut être fait à la main par exemple) étape 8 et modifié en 10 - Un wireframe interactif étape 10 modifié au besoin après l’étape 11 Brief/Point/validation avec vous
  • 32. Reconnaissable, identifiable au premier Regard avec une vraie signification[ ]
  • 34. Qu’elle soit graphique, d’interaction ou d’ergonomie, la charte doit être cohérente.[ ]
  • 36. Sur l’ensemble des pages, un véritable gain De temps pour le reste de l’équipe.[ ]
  • 38. Soi-même [ ] Sous-traiter [ ] Embaucher [ ] Freelance entre 300€ et 600€/jour Agence entre 500€ et 800€/jour Demandez toujours qu’ils travaillent au forfait : Objectifs et livrables déterminés par vous. Les livrables doivent- être très clair et complet pour vous. Stagiaire gratification minimale 500€/mois Directeur artistique junior environs 30K/an Directeur artistique sénior environs 39K/an La solution la moins chère mais la plus risquée et couteuse en temps Prévoyez plusieurs mois de travail Si stagiaire alors sélectionnez des stages de 5ème année pour la définition de votre charte. Analysez le portfolio avec attention. La direction artistiquePour le logo, charte graphique, style graphique et iconographie de vos projets Ces indications tarifaires sont des fourchettes de tarifs observés en France. Pour les salaires il s’agit d’un sondage par Designer Interactif
  • 39. Illustrator Photoshop[ ] Les outils Adobe sont les plus utilisés et connus par les profils créatifs Créative Cloud (1 personne/ 2 ordinateurs) : - 1 logiciel 29,99€/mois - Le pack complet 69,99€/mois Expression Design 4[ ] C’est un outil gratuit. Il est facile à prendre en main pour les novices. Les professionnels habitués à la suite Adobe trouveront rapidement ses limites. Il est disponible sur le Download Center de Microsoft. Les outils
  • 41. Le Process 12 – Identité de marque 13 – Charte graphique 14 – Déclinaison Les livrables - Un document de Charte Graphique (Logo/couleurs/typographie/etc.) étape 13 - Des propositions de style graphique sur 1 page (choisie par vous) étape 13 - La déclinaison sur l’ensemble des écrans étape 14 Brief/Point/validation avec vous
  • 43. La communication est au cœur de la réussite. Les équipes techniques et créatives doivent trouver des solutions et compromis ensemble[ ]
  • 44. @johanna_rowe design in progress design in progressrowejohanna johannarowe.com jrowe@expertime.com johanna rowe calvi Social