SlideShare une entreprise Scribd logo
1  sur  27
L'utilisabilité a-t-elle toujours la cote?   Midi Express API 22 Novembre 2006, Québec 23 Novembre 2006, Montréal Camille Grange  &  Sandrine Prom Tep
Plan de la  présentation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],0 0 1 2 3 4
Mise en contexte Comment définir l’utilisabilité 1 0 1 2 3 4 © Sandrine Prom Tep
Mise en contexte Comment définir l’utilisabilité ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],1 0 1 2 3 4
Mise en contexte Les 3 composantes majeures -Baby-boomers / Enfants? -Travailleurs / particuliers?  -Limites cognitives ? -Quelle langue parlent-ils? -Quelle niveau d’éducation? … La   tâche -S’informer -S’abonner? -Passer des commandes? -Télécharger des documents? … -Effectuer une recherche Le contexte -Au bureau? -À la maison? -En déplacement? -Pressé? -En état de stress? … 1 Champ d’action de l’ergonome / spécialiste en utilisabilité 0 1 2 3 4 L’utilisateur
Étude de cas au Cirque du Soleil Mise en situation ,[object Object],[object Object],[object Object],[object Object],2 Allier diagnostic et résolution de problème 0 1 2 3 4 Être orienté utilisateur  Approche préconisée
Étude de cas au Cirque du Soleil Illustration du processus de diagnostic / résolution de problèmes Besoins de l’utilisateur    Ne manquer aucun show du CDS    Être informés des déplacements du CDS Réponses du CDS    Devenir manque du Club Cirque    Aller consulter le « tour plan » Décalage entre  besoins  et  réponses   R1 : Structurer la page du Tour Plan pour qu'on puisse chercher par lieu géographique en plus de par spectacle   Questions types Recommandations 2 3 2 4 0 1 2 3 4 Q1 : “ Est-ce que le Cirque va venir dans MA ville? Dans MA région ? ” 1
Étude de cas au Cirque du Soleil Illustration du processus de diagnostic / résolution de problèmes Besoins de l’utilisateur    Ne manquer aucun show du CDS    Être informé des déplacements du CDS dans SA ville Réponses du CDS    Devenir manque du Club Cirque    Aller consulter le « tour plan » Décalage entre  besoins  et  réponses   R1 : Structurer la page du Tour Plan pour qu'on puisse chercher par lieu géographique en plus de par spectacle   Questions types Recommandations 2 3 2 4 0 1 2 3 4 Q1 : “ Est-ce que le Cirque va venir dans MA ville? Dans MA région ?” 1
Étude de cas au Cirque du Soleil Illustration du processus de diagnostic / résolution de problèmes Besoins de l’utilisateur    Ne manquer aucun show du CDS    Être informé des déplacements du CDS dans SA ville Réponses du CDS    Devenir membre du Club Cirque    Aller consulter le plan de tournée (plan organisé par spectacles) Décalage entre  besoins  et  réponses   Q1 : “ Est-ce que le Cirque va VENIR DANS ma ville/région ? ” R1 : Structurer la page du Tour Plan pour qu'on puisse chercher par lieu géographique en plus de par spectacle   Questions types Recommandations 2 3 2 1 4 0 1 2 3 4
Étude de cas au Cirque du Soleil Illustration du processus de diagnostic / résolution de problèmes Besoins de l’utilisateur    Ne manquer aucun show du CDS    Être informé des déplacements du CDS Réponses du CDS    Devenir membre du Club Cirque    Aller consulter le plan de tournée (plan organisé par spectacles) Décalage entre  besoins  et  réponses   R1 : Structurer la page du Tour Plan pour qu'on puisse chercher par lieu géographique en plus de par spectacle   Questions types Recommandations 2 3 2 4 Psychologique Terminologique S tructurel 0 1 2 3 4 Q1 : “ Est-ce que le Cirque va VENIR DANS ma ville/région ? ” 1
Étude de cas au Cirque du Soleil   Illustration du processus de diagnostic / résolution de problèmes Besoins de l’utilisateur    Ne manquer aucun show du CDS    Être informé des déplacements du CDS dans SA ville Réponses du CDS    Devenir membre du Club Cirque    Aller consulter le plan de tournée (plan organisé par spectacles) Décalage entre  besoins  et  réponses   R1 : Structurer la page du plan de tournée pour qu'on puisse chercher  par lieu géographique  en plus  de par spectacle   Questions types Recommandations 2 2 4 3 5 0 1 2 3 4 Psychologique Terminologique S tructurel Q1 : “ Est-ce que le Cirque va VENIR DANS ma ville/région ? ” 1 © Sandrine Prom Tep Implantation en page d’accueil Réduction du volume appels et courriels de plus de 50%
Étude de cas au Cirque du Soleil Conclusions ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2 0 1 2 3 4
Le contexte gagnant de l’ergonomie Cadre   général Intervenants spécialisés principaux Outils et méthodes Design centré utilisateur Documentation Réflexion Dimensionsde la conception Cycles de développement 3 Réflexion stratégique Analyse et conception des processus et SI Production et évaluation Pour quoi Pour qui Quoi Comment Faire : production, évaluation, lancement Objectifs du site Analyse des besoins Définition des contenus    Architecture d’information Spécifications fonctionnelles   Design de l’interaction    Pré-maquettes conceptuelles      Maquettes graphiques     Intégration     Dévpt/ Programmation  Design de l’information (Sémantique et sémiotique) Design navigationnel (menus, raccourcis,…) Design d’interface (éléments I/O) Design graphique (visuel, look-and-feel) Veille concurrentielle Évaluation heuristique Analyse de tâches Classement de cartes Tests Usagers Sondages Cartes cognitives, etc. Tests fonctionnels Tests d’utilisabilité Management Responsable contenu Ergonome des interfaces Ressources techniques Responsable contenu Ergonome des interfaces Infographiste Directeur Artistique Infographiste Développeurs Intégrateurs Ergonome des interfaces … TOUS en équipe! 0 1 2 3 4 © Sandrine Prom Tep
Le contexte gagnant de l’ergonomie Phase de réflexion stratégique Intervenants spécialisés principaux Outils et méthodes Design centré utilisateur Documentation Réflexion Cycle de développement de SI 3 Réflexion stratégique Analyse et conception des processus et SI Production et évaluation Pour quoi Pour qui Quoi Comment Faire : production, évaluation, lancement Objectifs du site Analyse des besoins Définition des contenus    Architecture d’information Spécifications fonctionnelles   Design de l’interaction    Pré-maquettes conceptuelles      Maquettes graphiques     Intégration     Développement et    programmation  Définition des contenus    Architecture d’information Spécifications fonctionnelles   Design de l’interaction Veille concurrentielle Évaluation heuristique Analyse de tâches Classement de cartes Tests Usagers Sondages Cartes cognitives, etc. Tests fonctionnels Tests d’utilisabilité Management Responsable contenu Ergonome des  interfaces Ressources techniques Responsable contenu Ergonome des interfaces Infographiste Directeur Artistique Infographiste Développeurs Intégrateurs Ergonome des interfaces Et TOUS en équipe! Dimension de la conception 0 1 2 3 4
Le contexte gagnant de l’ergonomie Phase d’analyse et de conception Intervenants spécialisés principaux Outils et méthodes Design centré utilisateur Documentation Réflexion Cycle de développement de SI 3 Réflexion stratégique Analyse et conception des processus et SI Production et évaluation Pour quoi Pour qui Quoi Comment Faire : production, évaluation, lancement Objectifs du site Analyse des besoins Définition des contenus    Architecture d’information Spécifications fonctionnelles   Design de l’interaction    Pré-maquettes conceptuelles      Maquettes graphiques     Intégration     Développement et    programmation  Veille concurrentielle Évaluation heuristique Analyse de tâches Classement de cartes Tests Usagers Sondages Cartes cognitives, etc. Tests fonctionnels Tests d’utilisabilité Management Responsable contenu Ergonome des interfaces Ressources techniques Responsable contenu Ergonome des interfaces Infographiste Directeur Artistique Infographiste Développeurs Intégrateurs Ergonome des interfaces Et TOUS en équipe! Dimension de la conception Design de l’information (Sémantique et sémiotique) Design navigationnel (menus, raccourcis,…) Design d’interface (éléments I/O) Design graphique (visuel, look-and-feel) 0 1 2 3 4
Le contexte gagnant de l’ergonomie  Phase de mise en production et évaluation Intervenants spécialisés principaux Outils et méthodes Design centré utilisateur Documentation Réflexion Cycle de développement de SI 3 Réflexion stratégique Analyse et conception des processus et SI Production et évaluation Pour quoi Pour qui Quoi Comment Faire : production, évaluation, lancement Objectifs du site Analyse des besoins Définition des contenus    Architecture d’information Spécifications fonctionnelles   Design de l’interaction    Pré-maquettes conceptuelles      Maquettes graphiques     Intégration     Développement et    programmation  Définition des contenus    Architecture d’information Spécifications fonctionnelles   Design de l’interaction Veille concurrentielle Évaluation heuristique Analyse de tâches Classement de cartes Tests Usagers Sondages Cartes cognitives, etc. Tests fonctionnels Tests d’utilisabilité Management Responsable contenu Ergonome des interfaces Ressources techniques Responsable contenu Ergonome des interfaces Infographiste Directeur Artistique Infographiste Développeurs Intégrateurs Ergonome des interfaces Et TOUS en équipe! Dimension de la conception 0 1 2 3 4
Nouvelles tendances Évolutions  méthodologiques ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],4 0 1 2 3 4
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Nouvelles tendances É volutions des comportements usagers 4 0 1 2 3 4
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Nouvelles tendances Evolutions   technologiques 4 0 1 2 3 4
Alors ? ,[object Object],[object Object],[object Object],Oui, l'utilisabilité a toujours la cote!
Fin de la présentation ,[object Object],[object Object],[object Object]
Annexes ,[object Object],[object Object]
Nouvelles tendances Evolutions   comportementales  -  Exemples http://www.linkedin.com http://www.myspace.com/cassius15again A1
Nouvelles tendances Evolutions   comportementales  -  Exemples http://www.digg.com A1 http://www.agentsolo.com
Nouvelles tendances Évolutions technologiques -  Exemples http://www.rememberthemilk.com/signup/ A2
Nouvelles tendances Évolutions technologiques -  Exemples http://netvibes.com A2
Nouvelles tendances Évolutions technologiques -  Exemples http://www.mgmgrand.com/ A2

Contenu connexe

En vedette

Négociation internationale, ou l'entretien de vente B to B dans le monde
Négociation internationale, ou l'entretien de vente B to B dans le mondeNégociation internationale, ou l'entretien de vente B to B dans le monde
Négociation internationale, ou l'entretien de vente B to B dans le mondeJean-Pierre Coene
 
Redéfinissez votre process Propositions Commerciales
Redéfinissez votre process Propositions CommercialesRedéfinissez votre process Propositions Commerciales
Redéfinissez votre process Propositions CommercialesBespoke Bids Limited
 
Etude du processus vente, identification des principaux
Etude du processus vente, identification des principauxEtude du processus vente, identification des principaux
Etude du processus vente, identification des principauxGygi Guiawa
 
Transformation digitale du point de vente - RETAIL - MBAMCI
Transformation digitale du point de vente - RETAIL - MBAMCITransformation digitale du point de vente - RETAIL - MBAMCI
Transformation digitale du point de vente - RETAIL - MBAMCILaurence Thébault
 
Soirée Ignite - Atelier de l'innovateur
Soirée Ignite - Atelier de l'innovateurSoirée Ignite - Atelier de l'innovateur
Soirée Ignite - Atelier de l'innovateurEmmanuel Laurent
 
Urbanite Printemps 2012
Urbanite Printemps 2012Urbanite Printemps 2012
Urbanite Printemps 2012Scott Rains
 
SocialBro - La “clave” en casos de uso
SocialBro - La “clave” en casos de usoSocialBro - La “clave” en casos de uso
SocialBro - La “clave” en casos de usoequipo24
 
Bilan d'activités 2014 2015
Bilan d'activités 2014 2015Bilan d'activités 2014 2015
Bilan d'activités 2014 2015ManonBozec
 
A faveur du tbi
A  faveur du tbiA  faveur du tbi
A faveur du tbisoleil
 
BEYROUTH ENFER ESTHETIQUE, ET ENCORE
BEYROUTH ENFER ESTHETIQUE, ET ENCOREBEYROUTH ENFER ESTHETIQUE, ET ENCORE
BEYROUTH ENFER ESTHETIQUE, ET ENCORELayal Yacoub
 
Gerencia de uno mismo
Gerencia de uno mismoGerencia de uno mismo
Gerencia de uno mismoElena Tapias
 

En vedette (19)

Négociation internationale, ou l'entretien de vente B to B dans le monde
Négociation internationale, ou l'entretien de vente B to B dans le mondeNégociation internationale, ou l'entretien de vente B to B dans le monde
Négociation internationale, ou l'entretien de vente B to B dans le monde
 
Redéfinissez votre process Propositions Commerciales
Redéfinissez votre process Propositions CommercialesRedéfinissez votre process Propositions Commerciales
Redéfinissez votre process Propositions Commerciales
 
Etude du processus vente, identification des principaux
Etude du processus vente, identification des principauxEtude du processus vente, identification des principaux
Etude du processus vente, identification des principaux
 
La vente 2.0
La vente 2.0La vente 2.0
La vente 2.0
 
Cours techniques de vente - complet
Cours techniques de vente - completCours techniques de vente - complet
Cours techniques de vente - complet
 
Transformation digitale du point de vente - RETAIL - MBAMCI
Transformation digitale du point de vente - RETAIL - MBAMCITransformation digitale du point de vente - RETAIL - MBAMCI
Transformation digitale du point de vente - RETAIL - MBAMCI
 
C 262 de 2002
C 262 de 2002C 262 de 2002
C 262 de 2002
 
Monster F1
Monster F1Monster F1
Monster F1
 
Soirée Ignite - Atelier de l'innovateur
Soirée Ignite - Atelier de l'innovateurSoirée Ignite - Atelier de l'innovateur
Soirée Ignite - Atelier de l'innovateur
 
Urbanite Printemps 2012
Urbanite Printemps 2012Urbanite Printemps 2012
Urbanite Printemps 2012
 
SocialBro - La “clave” en casos de uso
SocialBro - La “clave” en casos de usoSocialBro - La “clave” en casos de uso
SocialBro - La “clave” en casos de uso
 
ESTRES Y ANSIEDAD
ESTRES Y ANSIEDADESTRES Y ANSIEDAD
ESTRES Y ANSIEDAD
 
Bilan d'activités 2014 2015
Bilan d'activités 2014 2015Bilan d'activités 2014 2015
Bilan d'activités 2014 2015
 
A faveur du tbi
A  faveur du tbiA  faveur du tbi
A faveur du tbi
 
Idps2013 1
Idps2013 1Idps2013 1
Idps2013 1
 
Ficha de datos
Ficha de datosFicha de datos
Ficha de datos
 
BEYROUTH ENFER ESTHETIQUE, ET ENCORE
BEYROUTH ENFER ESTHETIQUE, ET ENCOREBEYROUTH ENFER ESTHETIQUE, ET ENCORE
BEYROUTH ENFER ESTHETIQUE, ET ENCORE
 
ESTRES Y ANSIEDAD
ESTRES Y ANSIEDADESTRES Y ANSIEDAD
ESTRES Y ANSIEDAD
 
Gerencia de uno mismo
Gerencia de uno mismoGerencia de uno mismo
Gerencia de uno mismo
 

Similaire à Nouvelles tendances en matière d'utilisabilité

1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateurLaurent Barbat
 
Rapport d'activité et orientations stratégiques - Atelier pratique (2008)
Rapport d'activité et orientations stratégiques - Atelier pratique (2008)Rapport d'activité et orientations stratégiques - Atelier pratique (2008)
Rapport d'activité et orientations stratégiques - Atelier pratique (2008)Ardesi Midi-Pyrénées
 
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
 
Une expérience de Design Thinking à Groupama - Agile en Seine 2021
Une expérience de Design Thinking à Groupama - Agile en Seine 2021Une expérience de Design Thinking à Groupama - Agile en Seine 2021
Une expérience de Design Thinking à Groupama - Agile en Seine 2021Agile En Seine
 
L'Ergonomie pour les Nuls
L'Ergonomie pour les NulsL'Ergonomie pour les Nuls
L'Ergonomie pour les NulsPALO IT
 
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?Marie Glandus
 
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
 
Comment cohabitent UX & SEO dans un média ?
Comment cohabitent UX & SEO dans un média ?Comment cohabitent UX & SEO dans un média ?
Comment cohabitent UX & SEO dans un média ?François Moreau
 
Comment cohabitent UX & SEO dans un média ?
Comment cohabitent UX & SEO dans un média ?Comment cohabitent UX & SEO dans un média ?
Comment cohabitent UX & SEO dans un média ?François Moreau
 
Intro - Le design de service.pdf
Intro - Le design de service.pdfIntro - Le design de service.pdf
Intro - Le design de service.pdfFrançois Ruaud
 
Intervention d'Armelle Gilliard de Monopolink
Intervention d'Armelle Gilliard de MonopolinkIntervention d'Armelle Gilliard de Monopolink
Intervention d'Armelle Gilliard de MonopolinkMONA
 
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*designers interactifs
 
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 ...AudéLor
 
L'architecture de l'information
L'architecture de l'informationL'architecture de l'information
L'architecture de l'informationFrance
 
Corinne Leulier - L'apport du design d'experience dans la transformation digi...
Corinne Leulier - L'apport du design d'experience dans la transformation digi...Corinne Leulier - L'apport du design d'experience dans la transformation digi...
Corinne Leulier - L'apport du design d'experience dans la transformation digi...Capian
 
Marielle Metge Agostinelli
Marielle Metge AgostinelliMarielle Metge Agostinelli
Marielle Metge Agostinelliomsrp
 
Atelier 1 gérer un projet de refonte web - décembre
Atelier 1   gérer un projet de refonte web - décembreAtelier 1   gérer un projet de refonte web - décembre
Atelier 1 gérer un projet de refonte web - décembreGetting to Global
 
Restitution assistant personnel atelier 8
Restitution assistant personnel atelier 8Restitution assistant personnel atelier 8
Restitution assistant personnel atelier 8Nathalie Plegades
 
Usability and design (en francais)
Usability and design (en francais)Usability and design (en francais)
Usability and design (en francais)emarketingmama
 
Data + UX = décisions objectives pour optimiser la conversion - Ingrid Thonet...
Data + UX = décisions objectives pour optimiser la conversion - Ingrid Thonet...Data + UX = décisions objectives pour optimiser la conversion - Ingrid Thonet...
Data + UX = décisions objectives pour optimiser la conversion - Ingrid Thonet...SEO CAMP
 

Similaire à Nouvelles tendances en matière d'utilisabilité (20)

1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur
 
Rapport d'activité et orientations stratégiques - Atelier pratique (2008)
Rapport d'activité et orientations stratégiques - Atelier pratique (2008)Rapport d'activité et orientations stratégiques - Atelier pratique (2008)
Rapport d'activité et orientations stratégiques - Atelier pratique (2008)
 
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
 
Une expérience de Design Thinking à Groupama - Agile en Seine 2021
Une expérience de Design Thinking à Groupama - Agile en Seine 2021Une expérience de Design Thinking à Groupama - Agile en Seine 2021
Une expérience de Design Thinking à Groupama - Agile en Seine 2021
 
L'Ergonomie pour les Nuls
L'Ergonomie pour les NulsL'Ergonomie pour les Nuls
L'Ergonomie pour les Nuls
 
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
 
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
 
Comment cohabitent UX & SEO dans un média ?
Comment cohabitent UX & SEO dans un média ?Comment cohabitent UX & SEO dans un média ?
Comment cohabitent UX & SEO dans un média ?
 
Comment cohabitent UX & SEO dans un média ?
Comment cohabitent UX & SEO dans un média ?Comment cohabitent UX & SEO dans un média ?
Comment cohabitent UX & SEO dans un média ?
 
Intro - Le design de service.pdf
Intro - Le design de service.pdfIntro - Le design de service.pdf
Intro - Le design de service.pdf
 
Intervention d'Armelle Gilliard de Monopolink
Intervention d'Armelle Gilliard de MonopolinkIntervention d'Armelle Gilliard de Monopolink
Intervention d'Armelle Gilliard de Monopolink
 
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*
 
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 ...
 
L'architecture de l'information
L'architecture de l'informationL'architecture de l'information
L'architecture de l'information
 
Corinne Leulier - L'apport du design d'experience dans la transformation digi...
Corinne Leulier - L'apport du design d'experience dans la transformation digi...Corinne Leulier - L'apport du design d'experience dans la transformation digi...
Corinne Leulier - L'apport du design d'experience dans la transformation digi...
 
Marielle Metge Agostinelli
Marielle Metge AgostinelliMarielle Metge Agostinelli
Marielle Metge Agostinelli
 
Atelier 1 gérer un projet de refonte web - décembre
Atelier 1   gérer un projet de refonte web - décembreAtelier 1   gérer un projet de refonte web - décembre
Atelier 1 gérer un projet de refonte web - décembre
 
Restitution assistant personnel atelier 8
Restitution assistant personnel atelier 8Restitution assistant personnel atelier 8
Restitution assistant personnel atelier 8
 
Usability and design (en francais)
Usability and design (en francais)Usability and design (en francais)
Usability and design (en francais)
 
Data + UX = décisions objectives pour optimiser la conversion - Ingrid Thonet...
Data + UX = décisions objectives pour optimiser la conversion - Ingrid Thonet...Data + UX = décisions objectives pour optimiser la conversion - Ingrid Thonet...
Data + UX = décisions objectives pour optimiser la conversion - Ingrid Thonet...
 

Nouvelles tendances en matière d'utilisabilité

  • 1. L'utilisabilité a-t-elle toujours la cote? Midi Express API 22 Novembre 2006, Québec 23 Novembre 2006, Montréal Camille Grange & Sandrine Prom Tep
  • 2.
  • 3. Mise en contexte Comment définir l’utilisabilité 1 0 1 2 3 4 © Sandrine Prom Tep
  • 4.
  • 5. Mise en contexte Les 3 composantes majeures -Baby-boomers / Enfants? -Travailleurs / particuliers? -Limites cognitives ? -Quelle langue parlent-ils? -Quelle niveau d’éducation? … La tâche -S’informer -S’abonner? -Passer des commandes? -Télécharger des documents? … -Effectuer une recherche Le contexte -Au bureau? -À la maison? -En déplacement? -Pressé? -En état de stress? … 1 Champ d’action de l’ergonome / spécialiste en utilisabilité 0 1 2 3 4 L’utilisateur
  • 6.
  • 7. Étude de cas au Cirque du Soleil Illustration du processus de diagnostic / résolution de problèmes Besoins de l’utilisateur  Ne manquer aucun show du CDS  Être informés des déplacements du CDS Réponses du CDS  Devenir manque du Club Cirque  Aller consulter le « tour plan » Décalage entre besoins et réponses R1 : Structurer la page du Tour Plan pour qu'on puisse chercher par lieu géographique en plus de par spectacle Questions types Recommandations 2 3 2 4 0 1 2 3 4 Q1 : “ Est-ce que le Cirque va venir dans MA ville? Dans MA région ? ” 1
  • 8. Étude de cas au Cirque du Soleil Illustration du processus de diagnostic / résolution de problèmes Besoins de l’utilisateur  Ne manquer aucun show du CDS  Être informé des déplacements du CDS dans SA ville Réponses du CDS  Devenir manque du Club Cirque  Aller consulter le « tour plan » Décalage entre besoins et réponses R1 : Structurer la page du Tour Plan pour qu'on puisse chercher par lieu géographique en plus de par spectacle Questions types Recommandations 2 3 2 4 0 1 2 3 4 Q1 : “ Est-ce que le Cirque va venir dans MA ville? Dans MA région ?” 1
  • 9. Étude de cas au Cirque du Soleil Illustration du processus de diagnostic / résolution de problèmes Besoins de l’utilisateur  Ne manquer aucun show du CDS  Être informé des déplacements du CDS dans SA ville Réponses du CDS  Devenir membre du Club Cirque  Aller consulter le plan de tournée (plan organisé par spectacles) Décalage entre besoins et réponses Q1 : “ Est-ce que le Cirque va VENIR DANS ma ville/région ? ” R1 : Structurer la page du Tour Plan pour qu'on puisse chercher par lieu géographique en plus de par spectacle Questions types Recommandations 2 3 2 1 4 0 1 2 3 4
  • 10. Étude de cas au Cirque du Soleil Illustration du processus de diagnostic / résolution de problèmes Besoins de l’utilisateur  Ne manquer aucun show du CDS  Être informé des déplacements du CDS Réponses du CDS  Devenir membre du Club Cirque  Aller consulter le plan de tournée (plan organisé par spectacles) Décalage entre besoins et réponses R1 : Structurer la page du Tour Plan pour qu'on puisse chercher par lieu géographique en plus de par spectacle Questions types Recommandations 2 3 2 4 Psychologique Terminologique S tructurel 0 1 2 3 4 Q1 : “ Est-ce que le Cirque va VENIR DANS ma ville/région ? ” 1
  • 11. Étude de cas au Cirque du Soleil Illustration du processus de diagnostic / résolution de problèmes Besoins de l’utilisateur  Ne manquer aucun show du CDS  Être informé des déplacements du CDS dans SA ville Réponses du CDS  Devenir membre du Club Cirque  Aller consulter le plan de tournée (plan organisé par spectacles) Décalage entre besoins et réponses R1 : Structurer la page du plan de tournée pour qu'on puisse chercher par lieu géographique en plus de par spectacle Questions types Recommandations 2 2 4 3 5 0 1 2 3 4 Psychologique Terminologique S tructurel Q1 : “ Est-ce que le Cirque va VENIR DANS ma ville/région ? ” 1 © Sandrine Prom Tep Implantation en page d’accueil Réduction du volume appels et courriels de plus de 50%
  • 12.
  • 13. Le contexte gagnant de l’ergonomie Cadre général Intervenants spécialisés principaux Outils et méthodes Design centré utilisateur Documentation Réflexion Dimensionsde la conception Cycles de développement 3 Réflexion stratégique Analyse et conception des processus et SI Production et évaluation Pour quoi Pour qui Quoi Comment Faire : production, évaluation, lancement Objectifs du site Analyse des besoins Définition des contenus  Architecture d’information Spécifications fonctionnelles  Design de l’interaction  Pré-maquettes conceptuelles  Maquettes graphiques  Intégration  Dévpt/ Programmation Design de l’information (Sémantique et sémiotique) Design navigationnel (menus, raccourcis,…) Design d’interface (éléments I/O) Design graphique (visuel, look-and-feel) Veille concurrentielle Évaluation heuristique Analyse de tâches Classement de cartes Tests Usagers Sondages Cartes cognitives, etc. Tests fonctionnels Tests d’utilisabilité Management Responsable contenu Ergonome des interfaces Ressources techniques Responsable contenu Ergonome des interfaces Infographiste Directeur Artistique Infographiste Développeurs Intégrateurs Ergonome des interfaces … TOUS en équipe! 0 1 2 3 4 © Sandrine Prom Tep
  • 14. Le contexte gagnant de l’ergonomie Phase de réflexion stratégique Intervenants spécialisés principaux Outils et méthodes Design centré utilisateur Documentation Réflexion Cycle de développement de SI 3 Réflexion stratégique Analyse et conception des processus et SI Production et évaluation Pour quoi Pour qui Quoi Comment Faire : production, évaluation, lancement Objectifs du site Analyse des besoins Définition des contenus  Architecture d’information Spécifications fonctionnelles  Design de l’interaction  Pré-maquettes conceptuelles  Maquettes graphiques  Intégration  Développement et programmation Définition des contenus  Architecture d’information Spécifications fonctionnelles  Design de l’interaction Veille concurrentielle Évaluation heuristique Analyse de tâches Classement de cartes Tests Usagers Sondages Cartes cognitives, etc. Tests fonctionnels Tests d’utilisabilité Management Responsable contenu Ergonome des interfaces Ressources techniques Responsable contenu Ergonome des interfaces Infographiste Directeur Artistique Infographiste Développeurs Intégrateurs Ergonome des interfaces Et TOUS en équipe! Dimension de la conception 0 1 2 3 4
  • 15. Le contexte gagnant de l’ergonomie Phase d’analyse et de conception Intervenants spécialisés principaux Outils et méthodes Design centré utilisateur Documentation Réflexion Cycle de développement de SI 3 Réflexion stratégique Analyse et conception des processus et SI Production et évaluation Pour quoi Pour qui Quoi Comment Faire : production, évaluation, lancement Objectifs du site Analyse des besoins Définition des contenus  Architecture d’information Spécifications fonctionnelles  Design de l’interaction  Pré-maquettes conceptuelles  Maquettes graphiques  Intégration  Développement et programmation Veille concurrentielle Évaluation heuristique Analyse de tâches Classement de cartes Tests Usagers Sondages Cartes cognitives, etc. Tests fonctionnels Tests d’utilisabilité Management Responsable contenu Ergonome des interfaces Ressources techniques Responsable contenu Ergonome des interfaces Infographiste Directeur Artistique Infographiste Développeurs Intégrateurs Ergonome des interfaces Et TOUS en équipe! Dimension de la conception Design de l’information (Sémantique et sémiotique) Design navigationnel (menus, raccourcis,…) Design d’interface (éléments I/O) Design graphique (visuel, look-and-feel) 0 1 2 3 4
  • 16. Le contexte gagnant de l’ergonomie Phase de mise en production et évaluation Intervenants spécialisés principaux Outils et méthodes Design centré utilisateur Documentation Réflexion Cycle de développement de SI 3 Réflexion stratégique Analyse et conception des processus et SI Production et évaluation Pour quoi Pour qui Quoi Comment Faire : production, évaluation, lancement Objectifs du site Analyse des besoins Définition des contenus  Architecture d’information Spécifications fonctionnelles  Design de l’interaction  Pré-maquettes conceptuelles  Maquettes graphiques  Intégration  Développement et programmation Définition des contenus  Architecture d’information Spécifications fonctionnelles  Design de l’interaction Veille concurrentielle Évaluation heuristique Analyse de tâches Classement de cartes Tests Usagers Sondages Cartes cognitives, etc. Tests fonctionnels Tests d’utilisabilité Management Responsable contenu Ergonome des interfaces Ressources techniques Responsable contenu Ergonome des interfaces Infographiste Directeur Artistique Infographiste Développeurs Intégrateurs Ergonome des interfaces Et TOUS en équipe! Dimension de la conception 0 1 2 3 4
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23. Nouvelles tendances Evolutions comportementales - Exemples http://www.linkedin.com http://www.myspace.com/cassius15again A1
  • 24. Nouvelles tendances Evolutions comportementales - Exemples http://www.digg.com A1 http://www.agentsolo.com
  • 25. Nouvelles tendances Évolutions technologiques - Exemples http://www.rememberthemilk.com/signup/ A2
  • 26. Nouvelles tendances Évolutions technologiques - Exemples http://netvibes.com A2
  • 27. Nouvelles tendances Évolutions technologiques - Exemples http://www.mgmgrand.com/ A2