Tout le Monde UX - novembre 2015
Méthodes de design UX

Révolutionnez votre coffre à outils !
Carine Lallemand

Université ...
Carine
Chercheur à l’Université de
Luxembourg
A réalisé une thèse sur les
méthodes UX
Pratique la montgolfière
(en compéti...
Carine Lallemand
Guillaume Gronier
Méthodes
de design
30 MÉTHODES FONDAMENTALES POUR CONCEVOIR
ET ÉVALUER LES SYSTÈMES INT...
Pourquoi révolutionner votre coffre à outils ?
-Prof. Marc Hassenzahl (2013)
« Strangely, while I find the proposition to consider the
experience before the thing quite a...
Utilité
Affect
Besoins
Valeurs
Esthétique
Sens
Ergonomie
Utilisabilité
La complexité de l’UX implique un changement dans l...
Pourquoi l’expérience
est-elle notre but ultime ?
Du matériel à l’expérientiel
@carilall
Du matériel à l’expérientiel : l’avènement d’une culture post-matérialiste ?
Les expériences nous rendent plus heureux !
Etude de Van Boven & Gilovich (2003) sur la différence de ressenti entre
achats...
L’expérience est la clé, les artefacts en sont les médiateurs.
Les choses et les expériences ne sont pas en contradiction.
Les objets peuvent aussi être actifs, transformer
l’expérience et offrir de nouvelles possibilités !
Les objets et technolo...
L’expérience d’un réveil agréable ?
vs
Ce sont ces expériences qui sont la vraie valeur du produit
Pour se démarquer de la concurrence il faut penser
l’expérience avant le produit
Pouvons-nous créer une technologie qui co...
Un UX designer est un auteur d’expériences
Les objets ou systèmes neutres, qui
n’inspirent rien, sont des opportunités de
...
Mais que fait la
recherche ?
De nouveaux outils de conception de
l’expérience utilisateur
Concevoir pour satisfaire
les besoins UX
Epanouissement des besoins
psychologiques
@carilall
-Sheldon et al. (2010)
« Les besoins psychologiques sont des
qualités particulières de l’expérience dont
chaque individu a...
Modèle do-goals vs. be-goals
Selon les principaux modèles de l’UX (Hassenzahl, 2003 ; Mahlke, 2008),
les gens perçoivent l...
Relationnel
Appartenance
Sécurité
Contrôle
Plaisir
Stimulation
Autonomie
Indépendance
Réalisation de soi
Sens
Compétence
E...
Simple besoin de passer un appel ?
Ou envie de se
sentir connecté à
un proche ?
Simple besoin de « téléphoner maison » ?
Ou recherche
de la protection
des siens ?
N’est-ce qu’un texto ?
Ou surtout une preuve d’amour ?
Utiliser les besoins fondamentaux pour concevoir
des expériences positives et engageantes
Relationnel
Appartenance
Sécurit...
Exemple : le «flow»
dans les jeux vidéos
= expérience positive causée
par un équilibre optimal entre
challenges et compéten...
Une lampe de chevet « expérientielle » ?
Quel besoin cette lampe peut-elle satisfaire ?
Sécurité / Contrôle
Relationnel / Appartenance
Influence / Popularité
Plaisi...
Quel est le public cible ? …… les enfants
Quel est le contexte d’utilisation ? …… la nuit
Quel besoin doit-on satisfaire ?...
Pour donner un sentiment de sécurité
Répondre au besoin d’efficacité ?
Une poussette efficace ?
Répondre au besoin de sécurité ?
Bike Zone, système de laser conçu pour la sécurité des cyclistes
La théorie UX des besoins permet de
générer des idées de conception
innovantes et de transformer des objets du
quotidien e...
UX
Cartes d’idéation : UX Cards 

Lallemand, 2015
#1
RELATIONNEL - APPARTENANCE
DerekMindler
S.HartPhotography
UX Cards
• Synthèses pragmatiques et
utilisables de la théorie d...
Design émotionnel et
évaluation des émotions
Concevoir et évaluer l’émotion
@carilall
L’émotion est la langue même de l’expérience
Les produits et systèmes évoquent des émotions
Selon leur valence (positive v...
6 émotions primaires (Ekman, 1982)
La granularité
émotionnelle
La granularité émotionnelle est la
capacité de caractériser un état
émotionnel avec précision,...
UX
Cartes d’idéation : Positive Emotional Granularity Cards

Yoon, Desmet, & Pohlmeyer, 2013
#2
Positive Emotional Granularity Cards (Yoon et al., 2013)
25 émotions positives pour le design UX
Téléchargez ces cartes su...
Les cartes d’idéation sont utilisées dans des séances de conception
A quoi sert cette boîte ? 

En quoi ce produit créé t’il une expérience
émotionnelle positive d’anticipation ?
Exemple de ...
PhotoBox : une Slow
Technology
Objectif : redonner du sens aux
photos numériques et créer de
l’émotion

Le concept : une i...
Une étude longitudinale sur 14 mois pour étudier l’impact et l’UX d’une
Slow Technology
Besoin de sens - Anticipation -
Re...
Application 1-Hour Photo
Les émotions riches mêlent affect positif et négatif
UX
Typologie des émotions négatives

Steven Fokkinga, http://emotiontypology.com/
#3
De nouveaux outils d’évaluation de
l’expérience utilisateur
Questionnaires
d’évaluation UX
Une mesure standardisée de l’UX
Modèle des éléments de l’UX (Thüring & Mahlke,2007)
Ce	modèle	illustre	comment	les	qualités	pragmatiques	et	hédoniques	in6...
UX
Echelle d’évaluation UX : AttrakDiff

version française, Lallemand et al., 2015

version originale, Hassenzahl, Burmeist...
Sous-échelle Items (dans l’ordre de passation)
QP_1 Humain Technique
QHI_1 M’isole Me sociabilise
ATT_1 Plaisant Déplaisan...
Types d’évaluation AttrakDiff
Codage des items
Echelle Qualité Pragmatique (QP)
Item - 3 - 2 -1 0 + 1 + 2 + 3
QP1* Humain ☐ ☐ ☐ ☐ ☐ ☐ ☐ Technique
QP2* S...
Représentation des résultats
Graphique des paires de mots

Technique - Humain
Compliqué - Simple
Pas pratique - Pratique
F...
Représentation des résultats
qualité pragmatique
qualitéhédonique
0
-3
-3
3
3
trop
orienté
vers le soi
orienté
vers le soi...
UX
Echelle d’évaluation UX : User Experience Questionnaire

version française - en cours

version originale (allemand / an...
Echelle d’évaluation UEQ
Attractivité: Impression générale envers le produit. Les utilisateurs aiment-
ils ou non le produ...
UX
Echelle d’évaluation UX : questionnaire meCUE

version française - en cours

version originale (allemand / anglais), Mi...
Echelle d’évaluation meCUE
• Basée sur le modèle théorique de Thüring et Mahlke (2007)

• Comporte 34 items répartis en 4 ...
Evaluer la dynamique
temporelle de l’UX
Méthodes longitudinales et
rétrospectives
@carilall
Les facteurs constitutifs de l’UX
Contexte
Utilisateur Système
Social
Technique
Temporel
Tâche
Physique
Attractivité
Quali...
Dynamique temporelle de l’UX
L’expérience utilisateur après usage est une reconstruction mentale. Elle subit des biais cog...
Temporalité de l’UX
Modèle de Karapanos
Attentes
Anticipation
Attentes
Orientation
Identification
Incorporation
Stimulatio...
Maintenir un usage
prolongé : un enjeu actuel
Les systèmes et produits sont
de plus en plus intégrés sous
forme de service...
Penser l’UX dans le temps
Contexte temporel Après usageAvant usage
Un produit
fabriqué
Un produit
acheté Un produit
déball...
Evaluer l’UX à long terme : paradigmes possibles
Transversal
Longitudinal
Mesures répétées
Rétrospectif
Karapanos, Martens...
Approche
constructiviste
La reconstruction en mémoire se
fait dans un ordre temporel
chronologique
Le rappel d’un évènemen...
Validité et fiabilité des méthodes rétrospectives
A quel point ces données rétrospectives souffrent-elles de biais liés à l...
UX
Evaluation de l’UX à long terme : Courbes d’évaluation UX

(Kujala et al., 2011)

https:// www.researchgate.net/publica...
L’évaluation
rétrospective
Réalisée en situation d’entretien

S’adresse à des utilisateurs
« experts » (ayant utilisé le p...
Comment évaluer l’UX à l’aide de courbes ?
Procédure globale
Au moment présent, comment
évaluez vous l’utilisabilité de vo...
:
Choisissez le nombre et type de courbes en
fonction de vos besoins
Figure extraite de « Méthodes de design UX » (Lallemand...
Analyse des courbes
• Si tracé des courbes sur papier, transférez les données sous format électronique. 

• Catégorisez le...
Analyse des rapports d’expérience
• Les commentaires et
annotations des participants au
sujet de leurs expériences font
l’...
-Prof. Marc Hassenzahl (2013)
« …many practitioners and academics of HCI happily
embrace experience – however, without cha...
Et vous, comment allez-vous révolutionner
votre coffre à outils demain ?
Votre cadeau à emporter !
Merci de votre attention !
Commentaires ?
Questions ?
Suggestions ?
carine.lallemand@gmail.com
Twitter @carilall 	 / 	 Blo...
Références
Desmet, P.M., 2012. Faces of product pleasure: 25 positive emotions in human product interactions. Internationa...
Références
Lallemand, C. (2015). Towards Consolidated Methods for the Design and Evaluation of User Experience. (Doctoral ...
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX novembre 2015
Prochain SlideShare
Chargement dans…5
×

Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX novembre 2015

11 718 vues

Publié le

Présentation sur les méthodes de design UX réalisée à la soirée TLMUX (Montréal) par Carine Lallemand en novembre 2015.

Publié dans : Design
0 commentaire
37 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
11 718
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1 715
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
37
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX novembre 2015

  1. 1. Tout le Monde UX - novembre 2015 Méthodes de design UX Révolutionnez votre coffre à outils ! Carine Lallemand Université du Luxembourg @carilall
  2. 2. Carine Chercheur à l’Université de Luxembourg A réalisé une thèse sur les méthodes UX Pratique la montgolfière (en compétition) Carine Lallemand Guillaume Gronier Méthodes de design 30 MÉTHODES FONDAMENTALES POUR CONCEVOIR ET ÉVALUER LES SYSTÈMES INTERACTIFS DESIGN 32€ ConceptionNordCompo DESIGN Articulant théorie et pratique, cet ouvrage présente 30 fiches méthodologiques couvrant l’essentiel du design UX et de l’ergonomie des interactions homme-machine (IHM). Vous serez guidé pas à pas à travers les étapes de réalisation de chaque méthode et accompagné pour prendre les décisions les plus adaptées à votre projet. Chaque fiche méthode intègre égale- ment une partie théorique et des illustrations concrètes pour faciliter la compréhension. Véritable portfolio théorique et méthodologique, cet ouvrage est un guide indispensable à toute personne impliquée dans la conception de systèmes interactifs. Professionnels, chefs de projets, étudiants, enseignants et chercheurs y trouveront de précieuses ressources pour mener à bien leurs projets. Grâce aux méthodes d’UX design, créez des produits et des services qui attirent, qui captivent, qui enchantent et inspirent pour améliorer la vie de ceux qui les utilisent ! AU SOMMAIRE Introduction au design UX ⍟ Planification ⍟ Définition du projet ⍟ Recrute- ment des utilisateurs ⍟ Déontologie et éthique ⍟ Exploration ⍟ Entretien ⍟ Focus group ⍟ Observation ⍟ Questionnaire exploratoire ⍟ Sondes culturelles ⍟ Idéation ⍟ Brainstorming ⍟ Cartes d’idéation ⍟ Design studio ⍟ Experience maps ⍟ Personas ⍟ Techniques génératives ⍟ Génération ⍟ Design persuasif ⍟ Gamification ⍟ Iconographie ⍟ Maquettage ⍟ Storyboarding ⍟ Tri de cartes ⍟ Évaluation ⍟ Complétion de phrases ⍟ Courbes d’éva- luation UX ⍟ Échelles d’utilisabilité ⍟ Échelles UX ⍟ Éva- luation des émotions ⍟ Évaluation experte ⍟ Inspection cognitive ⍟ Journal de bord UX ⍟ Test des 5 secondes ⍟ Tests utilisateurs CodeG14143 ISBN978-2-212-14143-6 « Aucun ouvrage francophone ne rassemble autant de savoir-faire ! Simple, pratique et pédagogique, c’est LE guide essentiel de l’UX au quotidien. » Corinne Leulier, Psychologue - Ergonome, directrice UX chez Klee Group « Ergonomie, psychologie, ingénierie, design, sociologie, ethnographie… Ce livre est une formidable proposition pragmatique, claire et actualisée des méthodes pour la conception et l’évaluation de l’expérience utilisateur ! » Julien Kahn, responsable pôle ergonomie chez Orange Chercheur à l’université de Luxembourg, Carine Lallemand est spécialisée dans les méthodes de conception et d’évaluation de l’expérience utilisateur (UX). Impliquée depuis 2010 dans l’association FLUPA, elle est également conférencière et enseigne l’UX design. Guillaume Gronier est chercheur ergo- nome au Luxembourg Institute of Science and Technology. Ses principales activités portent sur l’amélioration de l’expérience utilisateur, l’acceptation technologique et l’implication des utilisateurs dans le processus de conception. Il est l’un des fondateurs de l’association FLUPA. Méthodes de design UX UX CarineLallemand GuillaumeGronierMéthodesdedesignUX Préface d’Alain Robillard-Bastien Anime le blog UXmind.eu Co-auteure du livre Méthodes de design UX (Eyrolles, 2015) @carilall « J’étudie et développe des méthodes de conception et d’évaluation de l’UX »
  3. 3. Carine Lallemand Guillaume Gronier Méthodes de design 30 MÉTHODES FONDAMENTALES POUR CONCEVOIR ET ÉVALUER LES SYSTÈMES INTERACTIFS DESIGN 32€ ConceptionNordCompo DESIGN Articulant théorie et pratique, cet ouvrage présente 30 fiches méthodologiques couvrant l’essentiel du design UX et de l’ergonomie des interactions homme-machine (IHM). Vous serez guidé pas à pas à travers les étapes de réalisation de chaque méthode et accompagné pour prendre les décisions les plus adaptées à votre projet. Chaque fiche méthode intègre égale- ment une partie théorique et des illustrations concrètes pour faciliter la compréhension. Véritable portfolio théorique et méthodologique, cet ouvrage est un guide indispensable à toute personne impliquée dans la conception de systèmes interactifs. Professionnels, chefs de projets, étudiants, enseignants et chercheurs y trouveront de précieuses ressources pour mener à bien leurs projets. Grâce aux méthodes d’UX design, créez des produits et des services qui attirent, qui captivent, qui enchantent et inspirent pour améliorer la vie de ceux qui les utilisent ! AU SOMMAIRE Introduction au design UX ⍟ Planification ⍟ Définition du projet ⍟ Recrute- ment des utilisateurs ⍟ Déontologie et éthique ⍟ Exploration ⍟ Entretien ⍟ Focus group ⍟ Observation ⍟ Questionnaire exploratoire ⍟ Sondes culturelles ⍟ Idéation ⍟ Brainstorming ⍟ Cartes d’idéation ⍟ Design studio ⍟ Experience maps ⍟ Personas ⍟ Techniques génératives ⍟ Génération ⍟ Design persuasif ⍟ Gamification ⍟ Iconographie ⍟ Maquettage ⍟ Storyboarding ⍟ Tri de cartes ⍟ Évaluation ⍟ Complétion de phrases ⍟ Courbes d’éva- luation UX ⍟ Échelles d’utilisabilité ⍟ Échelles UX ⍟ Éva- luation des émotions ⍟ Évaluation experte ⍟ Inspection cognitive ⍟ Journal de bord UX ⍟ Test des 5 secondes ⍟ Tests utilisateurs CodeG14143 ISBN978-2-212-14143-6 Aucun ouvrage francophone ne rassemble autant de savoir-faire ! Simple, pratique et pédagogique, c’est LE guide essentiel de l’UX au quotidien. » Corinne Leulier, Psychologue - Ergonome, directrice UX chez Klee Group « Ergonomie, psychologie, génierie, design, sociologie, ethnographie… Ce livre est une formidable proposition pragmatique, claire et ualisée des méthodes pour a conception et l’évaluation l’expérience utilisateur ! » Julien Kahn, responsable pôle ergonomie chez Orange Chercheur à l’université de Luxembourg, Carine Lallemand est spécialisée dans les méthodes de conception et d’évaluation de l’expérience utilisateur (UX). Impliquée depuis 2010 dans l’association FLUPA, elle est également conférencière et enseigne l’UX design. Guillaume Gronier est chercheur ergo- nome au Luxembourg Institute of Science and Technology. Ses principales activités portent sur l’amélioration de l’expérience utilisateur, l’acceptation technologique et l’implication des utilisateurs dans le processus de conception. Il est l’un des fondateurs de l’association FLUPA. Méthodes de design UX UXCarineLallemand GuillaumeGronierMéthodesdedesignUX Préface d’Alain Robillard-Bastien Retrouvez les méthodes de cette conférence dans Méthodes de design UX Sortie mi-novembre 2015 (au Canada) dans toutes les bonnes librairies avec une excellente préface québécoise !
  4. 4. Pourquoi révolutionner votre coffre à outils ?
  5. 5. -Prof. Marc Hassenzahl (2013) « Strangely, while I find the proposition to consider the experience before the thing quite a radical change, many practitioners and academics of HCI happily embrace experience – however, without changing much in their approach. »
  6. 6. Utilité Affect Besoins Valeurs Esthétique Sens Ergonomie Utilisabilité La complexité de l’UX implique un changement dans les processus et méthodes de travail dans notre domaine
  7. 7. Pourquoi l’expérience est-elle notre but ultime ? Du matériel à l’expérientiel @carilall
  8. 8. Du matériel à l’expérientiel : l’avènement d’une culture post-matérialiste ?
  9. 9. Les expériences nous rendent plus heureux ! Etude de Van Boven & Gilovich (2003) sur la différence de ressenti entre achats expérientiels et possessions matérielles. Les utilisateurs se sentent mieux quand ils repensent aux achats expérientiels qu’aux possessions matérielles. Qu’est ce qui vous rend heureux ?
  10. 10. L’expérience est la clé, les artefacts en sont les médiateurs. Les choses et les expériences ne sont pas en contradiction.
  11. 11. Les objets peuvent aussi être actifs, transformer l’expérience et offrir de nouvelles possibilités ! Les objets et technologies créent et façonnent des expériences
  12. 12. L’expérience d’un réveil agréable ? vs Ce sont ces expériences qui sont la vraie valeur du produit
  13. 13. Pour se démarquer de la concurrence il faut penser l’expérience avant le produit Pouvons-nous créer une technologie qui comprend les caractéristiques d’un réveil agréable, le lever du soleil et le chant des oiseaux, et qui parvienne à créer une expérience similaire, même quand le soleil refuse de briller et que les oiseaux sont déjà partis pour l’Afrique ? Marc Hassenzahl
  14. 14. Un UX designer est un auteur d’expériences Les objets ou systèmes neutres, qui n’inspirent rien, sont des opportunités de conception ratées !
  15. 15. Mais que fait la recherche ?
  16. 16. De nouveaux outils de conception de l’expérience utilisateur
  17. 17. Concevoir pour satisfaire les besoins UX Epanouissement des besoins psychologiques @carilall
  18. 18. -Sheldon et al. (2010) « Les besoins psychologiques sont des qualités particulières de l’expérience dont chaque individu a besoin pour s’épanouir »
  19. 19. Modèle do-goals vs. be-goals Selon les principaux modèles de l’UX (Hassenzahl, 2003 ; Mahlke, 2008), les gens perçoivent les produits interactifs selon deux dimensions : Qualités pragmatiques Qualités hédoniques Capacité à soutenir l’accomplissement de « do-goals » Exemples « do-goals » : passer un appel, trouver un livre dans une librairie online, commander un article Capacité à soutenir l’accomplissement de « be-goals » Exemples « be-goals » : être compétent, être en relation avec les autres, se sentir spécial,…
  20. 20. Relationnel Appartenance Sécurité Contrôle Plaisir Stimulation Autonomie Indépendance Réalisation de soi Sens Compétence Efficacité Influence Popularité La satisfaction de besoins serait le déterminant de l’expérience Les qualités hédoniques seraient au cœur de l’UX Une bonne UX est la conséquence de l’épanouissement de besoins fondamentaux
  21. 21. Simple besoin de passer un appel ? Ou envie de se sentir connecté à un proche ?
  22. 22. Simple besoin de « téléphoner maison » ? Ou recherche de la protection des siens ?
  23. 23. N’est-ce qu’un texto ? Ou surtout une preuve d’amour ?
  24. 24. Utiliser les besoins fondamentaux pour concevoir des expériences positives et engageantes Relationnel Appartenance Sécurité Contrôle Plaisir Stimulation Autonomie Indépendance Réalisation de soi Sens Compétence Efficacité Influence Popularité Les principaux besoins psychologiques humains (adapté de Sheldon et al. 2001)
  25. 25. Exemple : le «flow» dans les jeux vidéos = expérience positive causée par un équilibre optimal entre challenges et compétences dans un environnement orienté but UX positive provenant de l’accomplissement du besoin de compétence. Le flow est une expérience particulière provenant de l’accomplissement d’un « be- goal » particulier.
  26. 26. Une lampe de chevet « expérientielle » ?
  27. 27. Quel besoin cette lampe peut-elle satisfaire ? Sécurité / Contrôle Relationnel / Appartenance Influence / Popularité Plaisir / Stimulation Autonomie / Indépendance Compétence / Efficacité Réalisation de soi / Sens ? ? ?
  28. 28. Quel est le public cible ? …… les enfants Quel est le contexte d’utilisation ? …… la nuit Quel besoin doit-on satisfaire ? …… sécurité Indices
  29. 29. Pour donner un sentiment de sécurité
  30. 30. Répondre au besoin d’efficacité ?
  31. 31. Une poussette efficace ?
  32. 32. Répondre au besoin de sécurité ?
  33. 33. Bike Zone, système de laser conçu pour la sécurité des cyclistes
  34. 34. La théorie UX des besoins permet de générer des idées de conception innovantes et de transformer des objets du quotidien en objets plus « expérientiels »
  35. 35. UX Cartes d’idéation : UX Cards Lallemand, 2015 #1
  36. 36. RELATIONNEL - APPARTENANCE DerekMindler S.HartPhotography UX Cards • Synthèses pragmatiques et utilisables de la théorie des besoins • Sont utilisés par l’équipe de conception lors de séances de brainstorming • Comprennent des exemples de techniques d’idéation pour stimuler la génération d’idées • Peuvent aussi être utilisées pour la formation et l’évaluation Les UX cards sont bientôt disponibles (en français et anglais) sur uxmind.eu Et d’ores et déjà en avant-première dans votre toolkit ! RELATIONNEL APPARTENANCE Avoir des contacts réguliers et proches avec les personnes qui comptent Contact Intimité Amour / Amitié Proximité Etre ensemble Conscience de l‘autre • Etre conscient des émotions, activités et humeur des autres • Exprimer ses sensations et émotions de diverses manières • Avoir un sentiment d’intimité • Se préoccuper des autres • Offrir des cadeaux • Mener des actions ensemble - collaborer • Garder une trace des activités passées et des moments spéciaux
  37. 37. Design émotionnel et évaluation des émotions Concevoir et évaluer l’émotion @carilall
  38. 38. L’émotion est la langue même de l’expérience Les produits et systèmes évoquent des émotions Selon leur valence (positive vs. négative) et leur type, les émotions stimulent des comportements différents Les émotions positives génèrent : intention d’achat, attachement au produit, confort d’usage, utilisabilité perçue « Les produits qui évoquent des émotions positives sont achetés plus souvent, utilisés plus souvent, et sont plus plaisants à utiliser. Il est donc indispensable de concevoir des produits qui évoquent des émotions positives » (Desmet, 2012)
  39. 39. 6 émotions primaires (Ekman, 1982)
  40. 40. La granularité émotionnelle La granularité émotionnelle est la capacité de caractériser un état émotionnel avec précision, en utilisant un vocabulaire d’émotions distinctes plutôt que de se référer aux états émotionnels primaires Qualité indispensable dans le design pour savoir pour quelle émotion on veut transmettre dans le produit La roue des émotions de Plutchik
  41. 41. UX Cartes d’idéation : Positive Emotional Granularity Cards Yoon, Desmet, & Pohlmeyer, 2013 #2
  42. 42. Positive Emotional Granularity Cards (Yoon et al., 2013) 25 émotions positives pour le design UX Téléchargez ces cartes sur : http://studiolab.ide.tudelft.nl/diopd/library/tools/embodied-typology-of-positive-emotions/
  43. 43. Les cartes d’idéation sont utilisées dans des séances de conception
  44. 44. A quoi sert cette boîte ? En quoi ce produit créé t’il une expérience émotionnelle positive d’anticipation ? Exemple de design UX basé sur les émotions Attendre avec impatience un évènement désirable qui doit arriver http://www.willodom.com
  45. 45. PhotoBox : une Slow Technology Objectif : redonner du sens aux photos numériques et créer de l’émotion Le concept : une imprimante BlueTooth cachée dans une boîte en bois et reliée au compte FlickR de l’utilisateur Qui imprime, une fois de temps en temps, une photo de la collection choisie de manière aléatoire, sans aucun contrôle de l’utilisateur.
  46. 46. Une étude longitudinale sur 14 mois pour étudier l’impact et l’UX d’une Slow Technology Besoin de sens - Anticipation - Revisitation du passé - Reflexion sur le lien à la technologie
  47. 47. Application 1-Hour Photo
  48. 48. Les émotions riches mêlent affect positif et négatif
  49. 49. UX Typologie des émotions négatives Steven Fokkinga, http://emotiontypology.com/ #3
  50. 50. De nouveaux outils d’évaluation de l’expérience utilisateur
  51. 51. Questionnaires d’évaluation UX Une mesure standardisée de l’UX
  52. 52. Modèle des éléments de l’UX (Thüring & Mahlke,2007) Ce modèle illustre comment les qualités pragmatiques et hédoniques in6luencent la perception subjective de l'attractivité donnant naissance à des comportements. ! Système Utilisateur Contexte Caractéristiques de l’interaction Perception des qualités non-instrumentales Emotions Perception des qualités instrumentales Eléments de l’expérience utilisateur Conséquences ! évaluation globale, acceptation, intention d’usage, choix d’alternatives
  53. 53. UX Echelle d’évaluation UX : AttrakDiff version française, Lallemand et al., 2015 version originale, Hassenzahl, Burmeister & Kohler, 2003 #4
  54. 54. Sous-échelle Items (dans l’ordre de passation) QP_1 Humain Technique QHI_1 M’isole Me sociabilise ATT_1 Plaisant Déplaisant QHS_1 Original Conventionnel QP_2 Simple Compliqué QHI_2 Professionnel Amateur ATT_2 Laid Beau QP_3 Pratique Pas pratique ATT_3 Agréable Désagreable QP_4 Fastidieux QHI_3 De bon goût De mauvais goût QP_5 Prévisible Imprévisible QHI_4 Bas de gamme Haut de gamme QHI_5 M’exclut M’intègre QHI_6 Me rapproche des autres Me sépare des autres QHI_7 Non présentable Présentable ATT_4 Rebutant Attirant QHS_2 Sans imagination Créatif ATT_5 Bon Mauvais QP_6 Confus Clair ATT_6 Repoussant Attrayant QHS_3 Audacieux Prudent QHS_4 Novateur Conservateur QHS_5 Ennuyeux Captivant QHS_6 Peu exigeant Challenging ATT_7 Motivant Décourageant QHS_7 Nouveau Commun QP_7 Incontrôlable Maîtrisable Note : Les items QP_1, ATT_1, QHS_1, QP_2, QHI_2, QP_3, ATT_3, QHI_3, QP_5, QHI_6, ATT_5, QHS_3, QHS_4, ATT_7 et QHS_7 sont inversés. Echelle d’évaluation AttrakDiff • Développé en allemand par une technique de génération participative d’items par des experts • Evalue les qualités pragmatiques et hédoniques des systèmes interactifs • Composé de 4 dimensions et 28 items (7 items par dimension) • Aspects pragmatiques • Aspects hédoniques - identification • Aspects hédoniques - stimulation • Evaluation de l’attractivité • 10 items en version abrégée Téléchargez ce questionnaire sur : http://uxmind.eu/2015/09/30/slides-attrakdiff-version-francaise En anglais : http://attrakdiff.de/index-en.html
  55. 55. Types d’évaluation AttrakDiff
  56. 56. Codage des items Echelle Qualité Pragmatique (QP) Item - 3 - 2 -1 0 + 1 + 2 + 3 QP1* Humain ☐ ☐ ☐ ☐ ☐ ☐ ☐ Technique QP2* Simple ☐ ☐ ☐ ☐ ☐ ☐ ☐ Compliqué QP3* Pratique ☐ ☐ ☐ ☐ ☐ ☐ ☐ Pas pratique QP4 Fastidieux ☐ ☐ ☐ ☐ ☐ ☐ ☐ Efficace QP5* Prévisible ☐ ☐ ☐ ☐ ☐ ☐ ☐ Imprévisible QP6 Confus ☐ ☐ ☐ ☐ ☐ ☐ ☐ Clair QP7 Incontrôlable ☐ ☐ ☐ ☐ ☐ ☐ ☐ Maîtrisable
  57. 57. Représentation des résultats Graphique des paires de mots Technique - Humain Compliqué - Simple Pas pratique - Pratique Fastidieux - Efficace Imprévisible - Prévisible Confus - Clair Incontrôlable - Maîtrisable Conventionnel - Original Sans imagination - Créatif Prudent - Audacieux Conservateur - Novateur Ennuyeux - Captivant Peu exigeant - Challenging Commun - Nouveau M'isole - Me sociabilise Amateur - Professionnel De mauvais goût - De bon goût Bas de gamme - Haut de gamme M'exclut - M'intègre Me sépare des autres - Me rapproche des autres Non présentable - Présentable Déplaisant - Plaisant Laid - Beau Désagréable - Agréable Rebutant - Attirant Mauvais - Bon Repoussant - Attrayant Décourageant - Motivant Qualité pragmatique Qualité hédonique- stimulation Qualité hédonique- identification Attractivité globale -3 -2 -1 0 1 2 3 Diagramme des valeurs moyennes 1,2 -1,35 1,9 1,5 -3 -2 -1 0 1 2 3 QP QHS QHI ATT Valeurmoyenne Dimension
  58. 58. Représentation des résultats qualité pragmatique qualitéhédonique 0 -3 -3 3 3 trop orienté vers le soi orienté vers le soi désiré neutre superflu orienté tâche trop orienté tâche Légende Intervalle de confiance Score à l’AttrakDiff Portfolio des résultats
  59. 59. UX Echelle d’évaluation UX : User Experience Questionnaire version française - en cours version originale (allemand / anglais), Laugwitz, Held & Schrepp, 2008
 www.ueq-online.org #5
  60. 60. Echelle d’évaluation UEQ Attractivité: Impression générale envers le produit. Les utilisateurs aiment- ils ou non le produit ? Cette échelle est basée sur une évaluation de valence positive vs. négative Efficacité: Est-il possible d’utiliser le produit de manière rapide et efficace? L’interface utilisateur a t-elle l’air organisée ? Clarté: Est-il facile de comprendre comment fonctionne le produit ? De se familiariser simplement avec le produit ? Fiabilité: L’utilisateur se sent-il en contrôle de l’interaction ? L’interaction avec le produit est-elle sûre et prévisible ? Stimulation: L’usage du produit est-il intéressant et stimulant ? L’utilisateur est-il motivé à poursuivre l’usage du produit ? Nouveauté: Le design du produit est-il innovant et créatif ? Le produit retient t-il l’attention de l’utilisateur ?
  61. 61. UX Echelle d’évaluation UX : questionnaire meCUE version française - en cours version originale (allemand / anglais), Minge & Riedel, 2013 - http://mecue.de/english #6
  62. 62. Echelle d’évaluation meCUE • Basée sur le modèle théorique de Thüring et Mahlke (2007) • Comporte 34 items répartis en 4 modules • L’utilisateur indique son niveau d’accord avec des affirmations, sur une échelle de Likert en 7 points Module 1 Perceptions du produit Module 2 Emotions Module 3 Conséquences Module 4 Instrumentale Non instrumentale Efficacité Efficience Esthétisme Statut Engagement Emotions positives Emotions négatives Jugement global Loyauté au produit Intention d’usage
  63. 63. Evaluer la dynamique temporelle de l’UX Méthodes longitudinales et rétrospectives @carilall
  64. 64. Les facteurs constitutifs de l’UX Contexte Utilisateur Système Social Technique Temporel Tâche Physique Attractivité Qualité pragmatiques Qualité hédoniques Besoins Ressources Attentes Expériences antérieures Emotions Motivation Valeurs Temps
  65. 65. Dynamique temporelle de l’UX L’expérience utilisateur après usage est une reconstruction mentale. Elle subit des biais cognitifs. UX White Paper, 2010 Les différentes phases temporelles se superposent et s’intercalent, il n’y a pas de séquence fixe entre anticipation et rappel de plusieurs périodes d’usage. Avant usage ! UX anticipée ! Imaginer une expérience Pendant usage ! UX momentanée ! Vivre une expérience Après usage ! UX épisodique ! Penser à une expérience A travers le temps ! UX cumulative ! Se souvenir de multiples périodes d’usage
  66. 66. Temporalité de l’UX Modèle de Karapanos Attentes Anticipation Attentes Orientation Identification Incorporation StimulationApprenabilité PersonnelSocial Utilisabilité à long terme UtilitéExpérience Jugem ent L’anticipation d’une expérience donne lieu à des attentes. Les expériences initiales sont dominées par les sentiments d’excitation et de frustration au fur et à mesure que l’utilisateur expérimente de nouvelles fonctionnalités et rencontre des problèmes d’apprenabilité. Le produit commence à prendre du sens dans le quotidien. L’utilisabilité à long terme devient ici plus importante que l’apprenabilité initiale et l’utilité du produit devient le facteur majeur impactant les jugements d’évaluation. Le produit est accepté dans la vie, il contribue aux interactions sociales, communique des parts de l’identité de l’utilisateur, qui le différencient ou le rapprochent des autres. Familiarité Attachementémotionnel Dépendance fonctionnelle Traduction française du modèle extraite du livre « Méthodes de design UX » (Lallemand et Gronier, 2015)
  67. 67. Maintenir un usage prolongé : un enjeu actuel Les systèmes et produits sont de plus en plus intégrés sous forme de services. Le focus passe donc de favoriser l’acceptance initiale (l’achat) à maintenir un usage prolongé ! Plus l’impact envisagé sur l’expérience et les pratiques sociales est ambitieux, plus le besoin est fort de penser à la temporalité de l’UX.
  68. 68. Penser l’UX dans le temps Contexte temporel Après usageAvant usage Un produit fabriqué Un produit acheté Un produit déballé Un produit utilisé Un produit aimé et adopté Un produit qui devient obsolète Un produit jeté ou recyclé Un produit amélioré Un produit transmis à une autre génération L’accessoire d’un produit Kolko, 2014
  69. 69. Evaluer l’UX à long terme : paradigmes possibles Transversal Longitudinal Mesures répétées Rétrospectif Karapanos, Martens & Hassenzahl, 2010
  70. 70. Approche constructiviste La reconstruction en mémoire se fait dans un ordre temporel chronologique Le rappel d’un évènement sert d’indice à la reconstruction d’autres évènements et apporte des détails contextuels L’expérience émotionnelle ne peut être ni stockée ni récupérée en mémoire. Elle peut être reconstruite sur base des indices contextuels rappelés. Exemple : Le souvenir de vos dernières vacances
  71. 71. Validité et fiabilité des méthodes rétrospectives A quel point ces données rétrospectives souffrent-elles de biais liés à la mémoire ? Le côté véridique et réaliste (validité) des expériences reconstruites est finalement peu important car ces « souvenirs » • vont guider les comportements ultérieurs des individus • vont être communiqués à autrui En revanche, il est important que ces méthodes soient fiables : Il importe peu que ce dont on se souvient diffère de ce que nous avons vécu tant que ces souvenirs sont consistants à travers de multiples rappels, alors ils donnent une information pertinente.
  72. 72. UX Evaluation de l’UX à long terme : Courbes d’évaluation UX (Kujala et al., 2011) https:// www.researchgate.net/publication/242019894_Improved_versions_of_UX_Curve_templates?ev=prf_pub #7
  73. 73. L’évaluation rétrospective Réalisée en situation d’entretien S’adresse à des utilisateurs « experts » (ayant utilisé le produit depuis plusieurs mois / années) Etudie l’UX à travers le temps selon plusieurs dimensions : utilité, utilisabilité, stimulation, beauté, identité, attractivité… 2 types de données recueillies : - des rapports d’expériences expliquant les changements de l’UX à travers le temps - un pattern de changement remémoré sous forme de courbe
  74. 74. Comment évaluer l’UX à l’aide de courbes ? Procédure globale Au moment présent, comment évaluez vous l’utilisabilité de votre produit sur une échelle de 0 (pas du tout) à 10 (extrêmement) ? Au début de l’usage, comment évaluiez vous l’utilisabilité de votre produit sur une échelle de 0 (pas du tout) à 10 (extrêmement) ? Si les deux évaluation diffèrent, alors on explore la forme de la courbe et les incidents éventuels. Exemple étude sur téléphones mobiles (n=8) von Wilamowitz-Moellendorff, M., Hassenzahl, M., and Platz, A. (2006) Figure traduite extraite de « Méthodes de design UX » (Lallemand & Gronier, 2015)
  75. 75. :
  76. 76. Choisissez le nombre et type de courbes en fonction de vos besoins Figure extraite de « Méthodes de design UX » (Lallemand & Gronier, 2015)
  77. 77. Analyse des courbes • Si tracé des courbes sur papier, transférez les données sous format électronique. • Catégorisez les courbes selon 3 tendances : amélioration / détérioration / stabilité • Représentez séparément les courbes montrant une amélioration de l’UX et celles qui montrent une détérioration ou stabilité. • Chaque courbe est nommée selon l’identifiant du participant, afin de pouvoir la lier au rapport d’expérience correspondant. Author's personal copy performed simply on the basis of whether the starting point of the curve was higher or lower compared to the end point. For example, the curve in Fig. 2 was categorized as being improving as its start- ing point was lower than its ending point, even though the curve deteriorates in the middle. If the starting and ending points were at the same level, the curve was categorized as stable. As the curves were freehand drawings, they were categorized as stable if there was a very small deviation (less than one millimeter) between the vertical values of the starting and ending points of the curve. However, it can be seen from Figs. 3–10 that the categorization was rather straight-forward to do with the three trend type catego- ries. The relationships between the curve types and the key Fig. 4. The deteriorating and stable general UX Curves with user IDs. Fig. 5. The improving Attractiveness curves with user IDs. Fig. 7. The improving ease of use curves with user IDs. Fig. 8. The deteriorating and stable ease of use curves with user IDs. 478 S. Kujala et al. / Interacting with Computers 23 (2011) 473–483 Fig. 4. The deteriorating and stable general UX Curves with user IDs. Fig. 5. The improving Attractiveness curves with user IDs. Fig. 6. The deteriorating and stable Attractiveness curves with user IDs. Fig. 7. The improving ease of use curves with user IDs. Fig. 8. The deteriorating and stable ease of use curves with user IDs. Fig. 9. The improving utility curves with user IDs. Results: Mean attractiveness curves 8 3.6.2011 Facebook Mobile phoneAmélioration Détérioration Courbes moyennes
  78. 78. Analyse des rapports d’expérience • Les commentaires et annotations des participants au sujet de leurs expériences font l’objet d’une analyse de contenu. • On les regroupe généralement par dimension étudiées et par valence (distinction négatif, positif, ambivalent) • On crée ensuite des catégories de facteurs similaires que l’on peut représenter visuellement sur un graphique ou nuage de mots.
  79. 79. -Prof. Marc Hassenzahl (2013) « …many practitioners and academics of HCI happily embrace experience – however, without changing much in their approach. »
  80. 80. Et vous, comment allez-vous révolutionner votre coffre à outils demain ?
  81. 81. Votre cadeau à emporter !
  82. 82. Merci de votre attention ! Commentaires ? Questions ? Suggestions ? carine.lallemand@gmail.com Twitter @carilall / Blog: http://uxmind.eu
  83. 83. Références Desmet, P.M., 2012. Faces of product pleasure: 25 positive emotions in human product interactions. International Journal of Design, 6(2), 1–29. Hassenzahl, Marc (2013): User Experience and Experience Design. In: Soegaard, Mads and Dam, Rikke Friis (eds.). "The Encyclopedia of Human-Computer Interaction, 2nd Ed.". Aarhus, Denmark: The Interaction Design Foundation. Hassenzahl, M., Burmester, M., Koller, F. (2003) AttrakDiff: Ein Fragebogen zur Messung wahrgenommener hedonischer und pragmatischer Qualität. In: Ziegler, J., Szwillus, G. (eds.) Mensch & Computer 2003. Interaktion in Bewegung, pp. 187–196. B.G. Teubner, Stuttgart. / AttrakDiff. Internet Resource http://www.attrakdiff.de. Hassenzahl, M. (2003). The thing and I: Understanding the relationship between user and product. In M. A. Blyth, A. F. Monk, K. Overbeeke, & P. C. Wright (Eds.), Funology: From usability to enjoyment, 1-12 (chap. 3). Kluwer Academic Publishers. Karapanos, E., Zimmerman, J., Forlizzi, J., & Martens, J. (2010). Measuring the Dynamics of Remembered Experience Over Time. Interacting with Computers, 22 (5), doi: 10.1016/j.intcom.2010.04.003 Karapanos, E., Martens, J.-B., Hassenzahl, M. (2010) On the Retrospective Assessment of Users’ Experiences Over Time: Memory or Actuality?. CHI’10 extended abstracts on Human factors in computing systems. Atlanta, ACM Press. Karapanos E., Zimmerman J., Forlizzi J., Martens J.-B. User Experience Over Time: An Initial Framework, In Proceedings of the 27th international Conference on Human Factors in Computing Systems (Boston, MA, USA, April 04 – 09, 2009). CHI’09. ACM, New York, NY, 729-738. Kjeldskov, J., & Skov, M. B. (2007). Studying Usability In Sitro: Simulating Real World Phenomena in Controlled Environments, International Journal of Human-Computer Interaction, 22 (1-2). Lallemand, C., Koenig, V., Gronier, G., & Martin, R. (2015). Création et validation d’une version française du questionnaire AttrakDiff pour l’évaluation de l’expérience utilisateur des systèmes interactifs. Revue européenne de psychologie appliquée, 65, 239-252. Lallemand, C., Gronier, G., & Koenig, V. (2015). User experience: A concept without consensus? Exploring practitioners’ perspectives through an international survey. Computers in Human Behavior, 43, 35-48.
  84. 84. Références Lallemand, C. (2015). Towards Consolidated Methods for the Design and Evaluation of User Experience. (Doctoral dissertation). University of Luxembourg. https://publications.uni.lu/handle/10993/21463 Lucero, A. and Arrasvuori, J. 2013. The PLEX Cards and its techniques as sources of inspiration when designing for playfulness. IJART 6(1) , Inderscience, 22-43. Lucero, A. and Arrasvuori, J. 2010. PLEX Cards: a source of inspiration when designing for playfulness. In Proc. of Fun and Games ’10. ACM, 28-37. Odom, W., Sellen, A., Kirk, D., Banks, R., Regan, T., Selby, M., Forlizzi, J., Zimmerman, J. (2014). Designing for Slowness, Anticipation and Re-Visitation: A Long Term Field Study of the Photobox. In In proceedings of SIGCHI Conference on Human Factors in Computing Systems. Toronto, Canada. CHI ’14. ACM Press. Odom, W., Selby, M., Sellen, A., Kirk, D., Banks, R., Regan, T. (2012). Photobox: On the Design of a Slow Technology. In Proceedings of Designing Interactive Systems, Newcastle, UK. DIS ’12. ACM Press. Plutchik, R. (1980). Emotion: A Psychoevolutionary Synthesis. Roue des émotions de Plutchik : « Plutchik-wheel fr » par Machine Elf 1735, Jean Marcottel; https://commons.wikimedia.org/wiki/ File:Plutchik-wheel_fr.svg Roto, V., Law, E., Vermeeren, A., & Hoonhout, J. (2011). User Experience White Paper: Bringing clarity to the concept of user experience. Result from Dagstuhl Seminar on Demarcating User Experience, Finland. Van Boven, L., & Gilovich, T. (2003). To do or to have? That is the question. Journal of Personality and Social Psychology, 85, 1193-1202. von Wilamowitz-Moellendorff, M., Hassenzahl, M., and Platz, A. (2006). Dynamics of user experience: How the perceived quality of mobile phones changes over time. In User Experience - Towards a unified view, Workshop at the 4th Nordic Conference on Human- Computer Interaction, pp. 74-78. Yoon, J., Desmet, P. M. A., & Pohlmeyer, A. E. (2013). Embodied Typology of Positive Emotions: The Development of a Tool to Facilitate Emotional Granularity in Design (pp. 1195–1206). Presented at the 5th International Congress of International Association of Sciences of Design Research, Tokyo, Japan.

×