SlideShare uma empresa Scribd logo
1 de 42
Baixar para ler offline
Expérience Utilisateur
Novembre 2013

© 2013 Serial
Qui suis-je?

Estelle GRISONI
Ingénieure en Ergonomie et Design

- 2/37 -
Enjeux

L’expérience utilisateur en tant qu’approche pragmatique
pour le succès de tout produit

- 3/37 -
Agenda
Introduction
Pourquoi les solutions ne remportent pas le succès escompté ?

Expérience Utilisateur
IHM réussie : Retour sur investissement
La démarche de conception centrée utilisateur

Retour d’expérience

- 4 /37-
Agenda
Introduction
Pourquoi les solutions ne remportent pas le succès escompté ?

Expérience Utilisateur
IHM réussie : Retour sur investissement
La démarche de conception centrée utilisateur

Retour d’expérience

- 5/37 -
L’Expérience Utilisateur dans le temps ?
«Most people make the mistake of thinking design is what it looks like. People think it’s this veneer – that
the designers are handed this box and told, ‘Make it look good!’ That’s not what we think design is.
It’s not just what it looks like and feels like. Design is how it works»

Steve Jobs

2001

2007

Windows XP

2009

IOS 1 - Iphone

2007

Mac OS X leopard

2012

IOS 3

2008

Android

- 6/37 -

Windows Metro

2010

IOS 3.2 - Ipad

2013

Tablette Linux
- éducation
Qu’est-ce que l’Expérience Utilisateur ?

Il est démontré que l'approche centrée utilisateur est le moyen le plus efficace
de générer le succès et l’engagement.

- 7 /37-
Quels sont les types d’applications concernées ?

Dans les entreprises
Logiciels de gestion

Manipulation de listes
Gestionnaire de droit d’accès

Dans les familles
Applications médicales

Communication
Gestionnaire d’événements

“Design is not just what it looks like and feels like. Design is how it works»
Steve Jobs

- 8/37 -
Agenda
Introduction
Pourquoi les solutions ne remportent pas le succès escompté ?

Expérience Utilisateur
IHM réussie : Retour sur investissement
La démarche de conception centrée utilisateur

Retour d’expérience

- 9/37 -
Pourquoi les solutions ne remportent pas le succès
escompté ?
Statistiques : Projets informatiques

IT : 5% du chiffre d’affaires
IT : 10% pour la finance et télécommunications

- 10/37 -
Pourquoi les solutions ne remportent pas le succès
escompté ?

Projets
abandonnés

Projets qui ne
remportent pas le
succès escompté

Statistiques : Projets informatiques
1 Trilliard de $
5 - 10% du chiffre d’affaires

- 11/37 -

Projets conformes
aux objectifs
Pourquoi les solutions ne remportent pas le succès
escompté ?
Raisons principales d’échecs des projets
Mauvaise définition des objectifs & spécifications
Interfaces peu accessibles et peu navigables

Statistiques : Projets informatiques
1 Trilliard de $
55% des projets «échouent»

- 12/37 -
Pourquoi les solutions ne remportent pas le succès
escompté ?
Raisons principales d’échecs des projets
Mauvaise définition des objectifs & spécifications
Impact des modifications
Interfaces peu crédibles et peu désirables

Statistiques : Projets informatiques
1 Trilliard de $
55% des projets «échouent»

- 13/37 -
Pourquoi les solutions ne remportent pas le succès
escompté ?
Raisons principales d’échecs des projets
Mauvaise définition des objectifs & spécifications
Impact des modifications
Manque d’implication des utilisateurs

Interfaces peu utiles et peu utilisables

Statistiques : Projets informatiques
1 Trilliard de $
55% des projets «échouent»

- 14/37 -
Agenda
Introduction
Pourquoi les solutions ne remportent pas le succès escompté ?

Expérience Utilisateur
IHM réussie : Retour sur investissement
La démarche de conception centrée utilisateur

Retour d’expérience

- 15 /37-
Expérience Utilisateur
Regards sur 6 critères
Utile et utilisable
Accessible et navigable
Crédible et désirable

Les 3 principales raisons d’échecs
Manque de retours utilisateurs
Principales raisons
d’échecs.

- 16/37 -

Mauvaise définition des besoins
Modification des besoins
Agenda
Introduction
Pourquoi les solutions ne remportent pas le succès escompté ?

Expérience Utilisateur
IHM réussie : Retour sur investissement
La démarche de conception centrée utilisateur

Retour d’expérience

- 17/37 -
IHM réussie : Retour sur investissement

Moins de
Formation

Réduction des
Erreurs

Plus
Moins d’appels
Efficace
Help Desk

Satisfaction Image de
Utilisateurs Marque

Réduction des
Coûts de dev.

LES INDICATEURS

Les critères d’une IHM réussie
Utile et utilisable
Principales
raisons
d’échecs.

Accessible et navigable

Critères de
réussite

Crédible et désirable

- 18/37 -
Agenda
Introduction
Pourquoi les solutions ne remportent pas le succès escompté ?

Expérience Utilisateur
IHM réussie : Retour sur investissement
La démarche de conception centrée utilisateur

Retour d’expérience

- 19/37 -
1. La démarche : Définition des objectifs
Recenser les besoins utilisateurs et les objectifs stratégiques.

Utilisateur

Commanditaire

Trouver le meilleur compromis entre utilisateur et commanditaire.
Les critères d’une IHM réussie
Utile et utilisable
Accessible et navigable
Crédible et désirable

- 20/37 -
2. La démarche : Analyse centrée utilisateur

- 21/37 -
2. La démarche : Analyse centrée utilisateur
Recenser les modèles conceptuels

Les critères d’une IHM réussie
Utile et utilisable
Accessible et navigable
Objectifs

Crédible et désirable

- 22/37 -

Look & Feel

Navigation
Cognition

Icones

Lay-out
2. La démarche : Analyse centrée utilisateur

- 23/37 -
2. La démarche : Analyse centrée utilisateur
Analyse de la tâche avec hiérarchisation

Business
Analyst

Utilisateurs

Ergonome
… «se mettre» dans la peau de l’utilisateur

Les critères d’une IHM réussie
Utile et utilisable
Accessible et navigable
Objectifs

Crédible et désirable

- 24/37 -
3. La démarche : Design de l’IHM

- 25/37 -
3. La démarche : Design de l’IHM

Cas d’utilisations
prioritaires
secondaires
tertiaires

- 26/37 -
3. La démarche : Design de l’IHM
Traduction des objectifs et de l’analyse

Les critères d’une IHM réussie
Les critères d’une IHM réussie
Utile et utilisable Utiles et utilisables

Objectifs

Analyse
utilisateurs

Accessible et navigable
Accessibles et navigables
Crédible et désirable
Crédibles et désirables

- 27/37 -
3. La démarche : Design de l’IHM

- 28/37 -
3. La démarche : Design de l’IHM

- 29/37 -
3. La démarche : Design de l’IHM
Maquette Axure et tests utilisateurs

Les critères d’une IHM réussie
Utile et utilisable

Objectifs

Analyse
utilisateurs
Objectifs

Accessible et navigable
Crédible et désirable

- 30/37 -
3. La démarche : Analyse centrée utilisateur

- 31/37 -
3. La démarche : Design de l’IHM
Maquette Axure et tests utilisateurs

Les critères d’une IHM réussie
Utile et utilisable

Objectifs

Analyse
utilisateurs
Objectifs

Accessible et navigable
Crédible et désirable

- 32/37 -
3. La démarche : Analyse centrée utilisateur

- 33/37 -
4. La démarche : Graphisme
Intégration du Look & Feel

Les critères d’une IHM réussie
Les critères d’une IHM réussie
Utiles et utilisables
Utile
utilisable

Objectifs

Analyse
utilisateurs
Objectifs

Accessibles et navigables
Accessible
navigable
Crédibles et désirables
Crédible
désirable

Design IHM

- 34/37 -
4. La démarche : Analyse centrée utilisateur

- 35/37 -
5. La démarche : Réalisation
Développement à partir de la maquette
•

Aide à la visualisation

•

Accélère le développement

•

Permet aux développeurs de se
focaliser sur les problématiques
techniques

Développeur

Les critères d’une IHM réussie
Utile et utilisable

Objectifs

Analyse
utilisateurs
Objectifs

Accessible et navigable
Design IHM

Graphisme

- 36/37 -

Crédible et désirable
5. La démarche : Réalisation
Des technologies actuelles matures

Les critères d’une IHM réussie
Utile et utilisable

Objectifs

Analyse
utilisateurs
Objectifs

Accessible et navigable
Design IHM

Graphisme

- 37/37 -

Crédible et désirable
6. La démarche : Succès
Mise en production
Développement à partir de la maquette

Commanditaire

Utilisateur
Comment réussirde succès
Les indicateurs ses IHM?
Gain de temps

Objectifs

Analyse
utilisateurs
Objectifs

Gain d’argent
Design IHM

Réalisation

- 38/37 -

Gain de satisfaction
6. La démarche : Succès
«Most people make the mistake of thinking design is what it looks like. People think it’s this veneer – that
the designers are handed this box and told, ‘Make it look good!’ That’s not what we think design is.
It’s not just what it looks like and feels like. Design is how it works»

Steve Jobs

Questionnaire

Objectifs

Organisation
Architecture

Modèles conceptuels

- 39/37 -

Look & Feel
Agenda
Introduction
Pourquoi les solutions ne remportent pas le succès escompté ?

Expérience Utilisateur
IHM réussie : Retour sur investissement
La démarche de conception centrée utilisateur

Retour d’expérience

- 40 /37-
Retour d’expérience : Logiciel de gestion des accès
Cas standard d’une nouvelle demande d’accès

2000 demandes par mois – utilisateurs tout niveau IT – faible connaissance du logiciel

Version sans Expérience Utilisateur
Utilisation moyenne : 30 minutes dont 10 minutes guidées,
400 jours de développement,
Faible satisfaction des utilisateurs.
Modification de l’existant

Utilisation moyenne : 10 minutes,
250 jours de développement,
Satisfaction des utilisateurs.

- 41/37 -
Expérience Utilisateur
Avez-vous des questions ?

© 2012 Serial

Mais conteúdo relacionado

Destaque

Design et société hypothèse ID+
Design et société hypothèse ID+Design et société hypothèse ID+
Design et société hypothèse ID+
dominique78
 
C:\fakepath\conv paul b
C:\fakepath\conv paul bC:\fakepath\conv paul b
C:\fakepath\conv paul b
school
 
Amandine Degand : Le journalisme comme objet de recherche. Relecture de la so...
Amandine Degand : Le journalisme comme objet de recherche. Relecture de la so...Amandine Degand : Le journalisme comme objet de recherche. Relecture de la so...
Amandine Degand : Le journalisme comme objet de recherche. Relecture de la so...
SFSIC Association
 
Jean Philippe D’Erceville : Langages de cartographie pour la construction et ...
Jean Philippe D’Erceville : Langages de cartographie pour la construction et ...Jean Philippe D’Erceville : Langages de cartographie pour la construction et ...
Jean Philippe D’Erceville : Langages de cartographie pour la construction et ...
SFSIC Association
 
Baromètre des préoccupations
Baromètre des préoccupationsBaromètre des préoccupations
Baromètre des préoccupations
melclalex
 
Concurso conoce a israel.cedagro
Concurso conoce a israel.cedagroConcurso conoce a israel.cedagro
Concurso conoce a israel.cedagro
Anthony Nuñez
 
Medios de pago electrónico
Medios de pago electrónicoMedios de pago electrónico
Medios de pago electrónico
hillyco
 
Horizon maj010111
Horizon maj010111Horizon maj010111
Horizon maj010111
cbrehere
 
Publicidad en internet investigacíon 03 semana 08
Publicidad en internet investigacíon  03 semana 08Publicidad en internet investigacíon  03 semana 08
Publicidad en internet investigacíon 03 semana 08
Brendalopedrolo
 
La máquina de turing
La máquina de turingLa máquina de turing
La máquina de turing
Damián
 

Destaque (20)

23nov2008
23nov200823nov2008
23nov2008
 
C:\Fakepath\Fleurs En Musique
C:\Fakepath\Fleurs En Musique C:\Fakepath\Fleurs En Musique
C:\Fakepath\Fleurs En Musique
 
Design et société hypothèse ID+
Design et société hypothèse ID+Design et société hypothèse ID+
Design et société hypothèse ID+
 
Les Mamans
Les MamansLes Mamans
Les Mamans
 
Comercio electronico
Comercio electronicoComercio electronico
Comercio electronico
 
C:\fakepath\conv paul b
C:\fakepath\conv paul bC:\fakepath\conv paul b
C:\fakepath\conv paul b
 
Amandine Degand : Le journalisme comme objet de recherche. Relecture de la so...
Amandine Degand : Le journalisme comme objet de recherche. Relecture de la so...Amandine Degand : Le journalisme comme objet de recherche. Relecture de la so...
Amandine Degand : Le journalisme comme objet de recherche. Relecture de la so...
 
Le Portugal
Le PortugalLe Portugal
Le Portugal
 
Jean Philippe D’Erceville : Langages de cartographie pour la construction et ...
Jean Philippe D’Erceville : Langages de cartographie pour la construction et ...Jean Philippe D’Erceville : Langages de cartographie pour la construction et ...
Jean Philippe D’Erceville : Langages de cartographie pour la construction et ...
 
Baromètre des préoccupations
Baromètre des préoccupationsBaromètre des préoccupations
Baromètre des préoccupations
 
Concurso conoce a israel.cedagro
Concurso conoce a israel.cedagroConcurso conoce a israel.cedagro
Concurso conoce a israel.cedagro
 
Inventario comercio 2010
Inventario comercio 2010Inventario comercio 2010
Inventario comercio 2010
 
Accessoires agro-alimentaire - Food industry accessories - FG INOX
Accessoires agro-alimentaire - Food industry accessories - FG INOXAccessoires agro-alimentaire - Food industry accessories - FG INOX
Accessoires agro-alimentaire - Food industry accessories - FG INOX
 
Medios de pago electrónico
Medios de pago electrónicoMedios de pago electrónico
Medios de pago electrónico
 
J'emaile avec GMAIL
J'emaile avec GMAILJ'emaile avec GMAIL
J'emaile avec GMAIL
 
Horizon maj010111
Horizon maj010111Horizon maj010111
Horizon maj010111
 
Publicidad en internet investigacíon 03 semana 08
Publicidad en internet investigacíon  03 semana 08Publicidad en internet investigacíon  03 semana 08
Publicidad en internet investigacíon 03 semana 08
 
080622 Olpc France PréSentation Hsf
080622 Olpc France PréSentation Hsf080622 Olpc France PréSentation Hsf
080622 Olpc France PréSentation Hsf
 
La máquina de turing
La máquina de turingLa máquina de turing
La máquina de turing
 
motos
motos motos
motos
 

Semelhante a L'expérience utilisateur

Formation M2i - Placer l'ux au coeur de sa stratégie
Formation M2i - Placer l'ux au coeur de sa stratégieFormation M2i - Placer l'ux au coeur de sa stratégie
Formation M2i - Placer l'ux au coeur de sa stratégie
M2i Formation
 

Semelhante a L'expérience utilisateur (20)

2UNL - PARISWEB 2010
2UNL - PARISWEB 20102UNL - PARISWEB 2010
2UNL - PARISWEB 2010
 
Méthodes agiles: Scrum et XP
Méthodes agiles: Scrum et XPMéthodes agiles: Scrum et XP
Méthodes agiles: Scrum et XP
 
ppt sur la Méthode Agile (adaptative).pdf
ppt sur la Méthode Agile (adaptative).pdfppt sur la Méthode Agile (adaptative).pdf
ppt sur la Méthode Agile (adaptative).pdf
 
Formation M2i - Placer l'ux au coeur de sa stratégie
Formation M2i - Placer l'ux au coeur de sa stratégieFormation M2i - Placer l'ux au coeur de sa stratégie
Formation M2i - Placer l'ux au coeur de sa stratégie
 
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
 
Cours ergonomie des IHM web - Chapitre 1 - contexte
Cours ergonomie des IHM web - Chapitre 1 - contexteCours ergonomie des IHM web - Chapitre 1 - contexte
Cours ergonomie des IHM web - Chapitre 1 - contexte
 
Atelier comment choisir et déployer un erp - CCI Bordeaux et Prodware - 07 ...
Atelier   comment choisir et déployer un erp - CCI Bordeaux et Prodware - 07 ...Atelier   comment choisir et déployer un erp - CCI Bordeaux et Prodware - 07 ...
Atelier comment choisir et déployer un erp - CCI Bordeaux et Prodware - 07 ...
 
Web-Formation "flash" au Lean 6 Sigma
Web-Formation "flash" au Lean 6 SigmaWeb-Formation "flash" au Lean 6 Sigma
Web-Formation "flash" au Lean 6 Sigma
 
Modèle de brief UX, par *designers interactifs*
Modèle de brief UX, par *designers interactifs*Modèle de brief UX, par *designers interactifs*
Modèle de brief UX, par *designers interactifs*
 
7 regles d'or pour réussir et rentabiliser un projet CRM
7 regles d'or pour réussir et rentabiliser un projet CRM7 regles d'or pour réussir et rentabiliser un projet CRM
7 regles d'or pour réussir et rentabiliser un projet CRM
 
7 règles d’Or pour réussir un Projet CRM – Témoignage du LEM
7 règles d’Or pour réussir un Projet CRM – Témoignage du LEM7 règles d’Or pour réussir un Projet CRM – Témoignage du LEM
7 règles d’Or pour réussir un Projet CRM – Témoignage du LEM
 
Pannel Retour d'expérience BAFS 2015 Genève : Orange
Pannel Retour d'expérience BAFS 2015 Genève : OrangePannel Retour d'expérience BAFS 2015 Genève : Orange
Pannel Retour d'expérience BAFS 2015 Genève : Orange
 
Comment concilier agilité et conception centrée utilisateurs dans un projet d...
Comment concilier agilité et conception centrée utilisateurs dans un projet d...Comment concilier agilité et conception centrée utilisateurs dans un projet d...
Comment concilier agilité et conception centrée utilisateurs dans un projet d...
 
Lean-UX : histoire, concepts et application - Meetup Margo du 29 mai 2018
Lean-UX : histoire, concepts et application - Meetup Margo du 29 mai 2018Lean-UX : histoire, concepts et application - Meetup Margo du 29 mai 2018
Lean-UX : histoire, concepts et application - Meetup Margo du 29 mai 2018
 
Formation conduite de projet - Philippe Dornbusch
Formation conduite de projet - Philippe DornbuschFormation conduite de projet - Philippe Dornbusch
Formation conduite de projet - Philippe Dornbusch
 
La Business Analyse au coeur des projets
La Business Analyse au coeur des projetsLa Business Analyse au coeur des projets
La Business Analyse au coeur des projets
 
Methode Agile
Methode Agile Methode Agile
Methode Agile
 
Offre studio digital juillet 2017
Offre studio digital juillet 2017Offre studio digital juillet 2017
Offre studio digital juillet 2017
 
Digital UX Designer.
Digital UX Designer.Digital UX Designer.
Digital UX Designer.
 
La gestion de projet et le SEO - Petit déjeuner du 23 mai 2017 - Paris
La gestion de projet et le SEO - Petit déjeuner du 23 mai 2017 - ParisLa gestion de projet et le SEO - Petit déjeuner du 23 mai 2017 - Paris
La gestion de projet et le SEO - Petit déjeuner du 23 mai 2017 - Paris
 

Mais de Digicomp Academy Suisse Romande SA

Digicomp Citrix Day 2015 : Keynote
Digicomp Citrix Day 2015 : KeynoteDigicomp Citrix Day 2015 : Keynote
Digicomp Citrix Day 2015 : Keynote
Digicomp Academy Suisse Romande SA
 

Mais de Digicomp Academy Suisse Romande SA (20)

Innovation et gestion de projet
Innovation et gestion de projetInnovation et gestion de projet
Innovation et gestion de projet
 
VMware vSphere 6 & Horizon View 6.1 – What's New ?
VMware vSphere 6 & Horizon View 6.1 – What's New ?VMware vSphere 6 & Horizon View 6.1 – What's New ?
VMware vSphere 6 & Horizon View 6.1 – What's New ?
 
What's new in Windows 10 ?
What's new in Windows 10 ?What's new in Windows 10 ?
What's new in Windows 10 ?
 
Customer Case : Citrix et Nutanix
Customer Case : Citrix et NutanixCustomer Case : Citrix et Nutanix
Customer Case : Citrix et Nutanix
 
Citrix Day 2015 Net Scaler Release 10.5 Update v10
Citrix Day 2015 Net Scaler Release 10.5 Update v10Citrix Day 2015 Net Scaler Release 10.5 Update v10
Citrix Day 2015 Net Scaler Release 10.5 Update v10
 
Citrix Day 2015 Cloud Bridge 7.3 and WSA v10
Citrix Day 2015 Cloud Bridge 7.3 and WSA v10Citrix Day 2015 Cloud Bridge 7.3 and WSA v10
Citrix Day 2015 Cloud Bridge 7.3 and WSA v10
 
Google Analytics pour l'innovation entrepreneuriale
Google Analytics pour l'innovation entrepreneurialeGoogle Analytics pour l'innovation entrepreneuriale
Google Analytics pour l'innovation entrepreneuriale
 
L'impression 3D et ses nouvelles perspectives métiers
L'impression 3D et ses nouvelles perspectives métiersL'impression 3D et ses nouvelles perspectives métiers
L'impression 3D et ses nouvelles perspectives métiers
 
Digicomp Citrix Day 2015 : Upate
Digicomp Citrix Day 2015 : UpateDigicomp Citrix Day 2015 : Upate
Digicomp Citrix Day 2015 : Upate
 
Digicomp Citrix Day 2015 : Mobility
Digicomp Citrix Day 2015 : MobilityDigicomp Citrix Day 2015 : Mobility
Digicomp Citrix Day 2015 : Mobility
 
Digicomp citrix day 2015 : Introduction
Digicomp citrix day 2015 : IntroductionDigicomp citrix day 2015 : Introduction
Digicomp citrix day 2015 : Introduction
 
Digicomp Citrix Day 2015 : Keynote
Digicomp Citrix Day 2015 : KeynoteDigicomp Citrix Day 2015 : Keynote
Digicomp Citrix Day 2015 : Keynote
 
MS Project VS ProjectLibre
MS Project VS ProjectLibreMS Project VS ProjectLibre
MS Project VS ProjectLibre
 
Heat Map and Automatic Data Optimization with Oracle Database 12c
Heat Map and Automatic Data Optimization with Oracle Database 12cHeat Map and Automatic Data Optimization with Oracle Database 12c
Heat Map and Automatic Data Optimization with Oracle Database 12c
 
Maximize Availability With Oracle Database 12c
Maximize Availability With Oracle Database 12cMaximize Availability With Oracle Database 12c
Maximize Availability With Oracle Database 12c
 
Oracle Database 12c : Multitenant
Oracle Database 12c : MultitenantOracle Database 12c : Multitenant
Oracle Database 12c : Multitenant
 
Augmenter la satisfaction de l'utilisateur
Augmenter la satisfaction de l'utilisateurAugmenter la satisfaction de l'utilisateur
Augmenter la satisfaction de l'utilisateur
 
Plan de continuité des activités: le vrai enjeu stratégique
Plan de continuité des activités: le vrai enjeu stratégiquePlan de continuité des activités: le vrai enjeu stratégique
Plan de continuité des activités: le vrai enjeu stratégique
 
Les nouveautés de Cobit 5
Les nouveautés de Cobit 5Les nouveautés de Cobit 5
Les nouveautés de Cobit 5
 
Introduction à Microsoft Project 2010
Introduction à Microsoft Project 2010Introduction à Microsoft Project 2010
Introduction à Microsoft Project 2010
 

L'expérience utilisateur

  • 2. Qui suis-je? Estelle GRISONI Ingénieure en Ergonomie et Design - 2/37 -
  • 3. Enjeux L’expérience utilisateur en tant qu’approche pragmatique pour le succès de tout produit - 3/37 -
  • 4. Agenda Introduction Pourquoi les solutions ne remportent pas le succès escompté ? Expérience Utilisateur IHM réussie : Retour sur investissement La démarche de conception centrée utilisateur Retour d’expérience - 4 /37-
  • 5. Agenda Introduction Pourquoi les solutions ne remportent pas le succès escompté ? Expérience Utilisateur IHM réussie : Retour sur investissement La démarche de conception centrée utilisateur Retour d’expérience - 5/37 -
  • 6. L’Expérience Utilisateur dans le temps ? «Most people make the mistake of thinking design is what it looks like. People think it’s this veneer – that the designers are handed this box and told, ‘Make it look good!’ That’s not what we think design is. It’s not just what it looks like and feels like. Design is how it works» Steve Jobs 2001 2007 Windows XP 2009 IOS 1 - Iphone 2007 Mac OS X leopard 2012 IOS 3 2008 Android - 6/37 - Windows Metro 2010 IOS 3.2 - Ipad 2013 Tablette Linux - éducation
  • 7. Qu’est-ce que l’Expérience Utilisateur ? Il est démontré que l'approche centrée utilisateur est le moyen le plus efficace de générer le succès et l’engagement. - 7 /37-
  • 8. Quels sont les types d’applications concernées ? Dans les entreprises Logiciels de gestion Manipulation de listes Gestionnaire de droit d’accès Dans les familles Applications médicales Communication Gestionnaire d’événements “Design is not just what it looks like and feels like. Design is how it works» Steve Jobs - 8/37 -
  • 9. Agenda Introduction Pourquoi les solutions ne remportent pas le succès escompté ? Expérience Utilisateur IHM réussie : Retour sur investissement La démarche de conception centrée utilisateur Retour d’expérience - 9/37 -
  • 10. Pourquoi les solutions ne remportent pas le succès escompté ? Statistiques : Projets informatiques IT : 5% du chiffre d’affaires IT : 10% pour la finance et télécommunications - 10/37 -
  • 11. Pourquoi les solutions ne remportent pas le succès escompté ? Projets abandonnés Projets qui ne remportent pas le succès escompté Statistiques : Projets informatiques 1 Trilliard de $ 5 - 10% du chiffre d’affaires - 11/37 - Projets conformes aux objectifs
  • 12. Pourquoi les solutions ne remportent pas le succès escompté ? Raisons principales d’échecs des projets Mauvaise définition des objectifs & spécifications Interfaces peu accessibles et peu navigables Statistiques : Projets informatiques 1 Trilliard de $ 55% des projets «échouent» - 12/37 -
  • 13. Pourquoi les solutions ne remportent pas le succès escompté ? Raisons principales d’échecs des projets Mauvaise définition des objectifs & spécifications Impact des modifications Interfaces peu crédibles et peu désirables Statistiques : Projets informatiques 1 Trilliard de $ 55% des projets «échouent» - 13/37 -
  • 14. Pourquoi les solutions ne remportent pas le succès escompté ? Raisons principales d’échecs des projets Mauvaise définition des objectifs & spécifications Impact des modifications Manque d’implication des utilisateurs Interfaces peu utiles et peu utilisables Statistiques : Projets informatiques 1 Trilliard de $ 55% des projets «échouent» - 14/37 -
  • 15. Agenda Introduction Pourquoi les solutions ne remportent pas le succès escompté ? Expérience Utilisateur IHM réussie : Retour sur investissement La démarche de conception centrée utilisateur Retour d’expérience - 15 /37-
  • 16. Expérience Utilisateur Regards sur 6 critères Utile et utilisable Accessible et navigable Crédible et désirable Les 3 principales raisons d’échecs Manque de retours utilisateurs Principales raisons d’échecs. - 16/37 - Mauvaise définition des besoins Modification des besoins
  • 17. Agenda Introduction Pourquoi les solutions ne remportent pas le succès escompté ? Expérience Utilisateur IHM réussie : Retour sur investissement La démarche de conception centrée utilisateur Retour d’expérience - 17/37 -
  • 18. IHM réussie : Retour sur investissement Moins de Formation Réduction des Erreurs Plus Moins d’appels Efficace Help Desk Satisfaction Image de Utilisateurs Marque Réduction des Coûts de dev. LES INDICATEURS Les critères d’une IHM réussie Utile et utilisable Principales raisons d’échecs. Accessible et navigable Critères de réussite Crédible et désirable - 18/37 -
  • 19. Agenda Introduction Pourquoi les solutions ne remportent pas le succès escompté ? Expérience Utilisateur IHM réussie : Retour sur investissement La démarche de conception centrée utilisateur Retour d’expérience - 19/37 -
  • 20. 1. La démarche : Définition des objectifs Recenser les besoins utilisateurs et les objectifs stratégiques. Utilisateur Commanditaire Trouver le meilleur compromis entre utilisateur et commanditaire. Les critères d’une IHM réussie Utile et utilisable Accessible et navigable Crédible et désirable - 20/37 -
  • 21. 2. La démarche : Analyse centrée utilisateur - 21/37 -
  • 22. 2. La démarche : Analyse centrée utilisateur Recenser les modèles conceptuels Les critères d’une IHM réussie Utile et utilisable Accessible et navigable Objectifs Crédible et désirable - 22/37 - Look & Feel Navigation Cognition Icones Lay-out
  • 23. 2. La démarche : Analyse centrée utilisateur - 23/37 -
  • 24. 2. La démarche : Analyse centrée utilisateur Analyse de la tâche avec hiérarchisation Business Analyst Utilisateurs Ergonome … «se mettre» dans la peau de l’utilisateur Les critères d’une IHM réussie Utile et utilisable Accessible et navigable Objectifs Crédible et désirable - 24/37 -
  • 25. 3. La démarche : Design de l’IHM - 25/37 -
  • 26. 3. La démarche : Design de l’IHM Cas d’utilisations prioritaires secondaires tertiaires - 26/37 -
  • 27. 3. La démarche : Design de l’IHM Traduction des objectifs et de l’analyse Les critères d’une IHM réussie Les critères d’une IHM réussie Utile et utilisable Utiles et utilisables Objectifs Analyse utilisateurs Accessible et navigable Accessibles et navigables Crédible et désirable Crédibles et désirables - 27/37 -
  • 28. 3. La démarche : Design de l’IHM - 28/37 -
  • 29. 3. La démarche : Design de l’IHM - 29/37 -
  • 30. 3. La démarche : Design de l’IHM Maquette Axure et tests utilisateurs Les critères d’une IHM réussie Utile et utilisable Objectifs Analyse utilisateurs Objectifs Accessible et navigable Crédible et désirable - 30/37 -
  • 31. 3. La démarche : Analyse centrée utilisateur - 31/37 -
  • 32. 3. La démarche : Design de l’IHM Maquette Axure et tests utilisateurs Les critères d’une IHM réussie Utile et utilisable Objectifs Analyse utilisateurs Objectifs Accessible et navigable Crédible et désirable - 32/37 -
  • 33. 3. La démarche : Analyse centrée utilisateur - 33/37 -
  • 34. 4. La démarche : Graphisme Intégration du Look & Feel Les critères d’une IHM réussie Les critères d’une IHM réussie Utiles et utilisables Utile utilisable Objectifs Analyse utilisateurs Objectifs Accessibles et navigables Accessible navigable Crédibles et désirables Crédible désirable Design IHM - 34/37 -
  • 35. 4. La démarche : Analyse centrée utilisateur - 35/37 -
  • 36. 5. La démarche : Réalisation Développement à partir de la maquette • Aide à la visualisation • Accélère le développement • Permet aux développeurs de se focaliser sur les problématiques techniques Développeur Les critères d’une IHM réussie Utile et utilisable Objectifs Analyse utilisateurs Objectifs Accessible et navigable Design IHM Graphisme - 36/37 - Crédible et désirable
  • 37. 5. La démarche : Réalisation Des technologies actuelles matures Les critères d’une IHM réussie Utile et utilisable Objectifs Analyse utilisateurs Objectifs Accessible et navigable Design IHM Graphisme - 37/37 - Crédible et désirable
  • 38. 6. La démarche : Succès Mise en production Développement à partir de la maquette Commanditaire Utilisateur Comment réussirde succès Les indicateurs ses IHM? Gain de temps Objectifs Analyse utilisateurs Objectifs Gain d’argent Design IHM Réalisation - 38/37 - Gain de satisfaction
  • 39. 6. La démarche : Succès «Most people make the mistake of thinking design is what it looks like. People think it’s this veneer – that the designers are handed this box and told, ‘Make it look good!’ That’s not what we think design is. It’s not just what it looks like and feels like. Design is how it works» Steve Jobs Questionnaire Objectifs Organisation Architecture Modèles conceptuels - 39/37 - Look & Feel
  • 40. Agenda Introduction Pourquoi les solutions ne remportent pas le succès escompté ? Expérience Utilisateur IHM réussie : Retour sur investissement La démarche de conception centrée utilisateur Retour d’expérience - 40 /37-
  • 41. Retour d’expérience : Logiciel de gestion des accès Cas standard d’une nouvelle demande d’accès 2000 demandes par mois – utilisateurs tout niveau IT – faible connaissance du logiciel Version sans Expérience Utilisateur Utilisation moyenne : 30 minutes dont 10 minutes guidées, 400 jours de développement, Faible satisfaction des utilisateurs. Modification de l’existant Utilisation moyenne : 10 minutes, 250 jours de développement, Satisfaction des utilisateurs. - 41/37 -
  • 42. Expérience Utilisateur Avez-vous des questions ? © 2012 Serial