Design de persuasion cours ind8409_mlhamel
-
Upload
marie-lyse-hamel -
Category
Technology
-
view
635 -
download
2
description
Transcript of Design de persuasion cours ind8409_mlhamel
![Page 1: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/1.jpg)
deDESIGNPersuasion
In te rface s humain-ordinate ur spéc ia l i sée s - IND 8409Janv ie r 2013
Par Mar ie-Lyse Hame l
1
![Page 2: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/2.jpg)
À PROPOSmoi
de
Design de persuasion - Marie-Lyse Hamel
2
![Page 3: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/3.jpg)
Design de persuasion
Bacc. Gestion Maîtrise Ergonomie
Design de persuasion - Marie-Lyse Hamel
PARCOURS ACADÉMIQUE
3
![Page 4: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/4.jpg)
PARCOURS PROFESSIONNEL
Design de persuasion - Marie-Lyse Hamel
Web Direction duDesign / UX
Analyse d’affaires + fonctionnelle
Ergonomie des interfaces
4
![Page 5: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/5.jpg)
Design de persuasion
OBJECTIF DU COURS
Technologie
Design de persuasion - Marie-Lyse Hamel
Technologies persuasives
5
![Page 6: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/6.jpg)
OnPRÉSENTATION
commence!
Design de persuasion - Marie-Lyse Hamel
6
![Page 7: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/7.jpg)
L’INFORMATION LA PERSUASIONVSAide à la prise de décision décision action
Prix
Avantages (ex: devenir membre)
Dangers (ex: cigarette)
Caractéristiques
Etc.
Design de persuasion - Marie-Lyse Hamel
7
![Page 8: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/8.jpg)
L’HUMAIN ACTIONERGONOMIE
DCU
UTILISABILITÉ
Rationnel vs Émotif TechnologiesPersuasives Outils
Design de persuasion
Design de persuasion - Marie-Lyse Hamel
8
![Page 9: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/9.jpg)
L’HUMAIN A des limites...
Design de persuasion - Marie-Lyse Hamel
9
![Page 10: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/10.jpg)
Mémoire de travail à court terme à long terme
Attention des milliers de stimuli
(15 000 stimuli commerciaux / jour)
traitement de l’information sélective, partagée, vigilance
Prise de décision rationnel émotionnel
À suivre...
Design de persuasion - Marie-Lyse Hamel
10
![Page 11: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/11.jpg)
L’HUMAIN ERGONOMIE
Design de persuasion - Marie-Lyse Hamel
11
![Page 12: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/12.jpg)
ERGONOMIE
Le bien et le malL’ERGONOMIE
Design de persuasion - Marie-Lyse Hamel
12
![Page 13: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/13.jpg)
ERGONOMIE
Guidage Charge de travail Contrôle explicite Adaptabilité Gestion des erreurs Cohérence Signifiance des codes et dénomination
CRITÈRES DE BASE
Design de persuasion - Marie-Lyse Hamel
13
![Page 14: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/14.jpg)
L’HUMAIN ERGONOMIE
UTILISABILITÉ
Design de persuasion - Marie-Lyse Hamel
14
![Page 15: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/15.jpg)
UTILISABILITÉ
Mesure d’efficacitéL’UTILISABILITÉ
Design de persuasion - Marie-Lyse Hamel
15
![Page 16: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/16.jpg)
UTILISABILITÉ
ISO 9241-11
Efficacité
Efficience
Satisfaction
Design de persuasion - Marie-Lyse Hamel
16
![Page 17: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/17.jpg)
L’UTILISABILITÉUN PRÉ-REQUIS
Un facilitateur
On minimise les irritations, réduit les distractions
On optimise l’interaction avec l’utilisateur
Utilisabilité: reliée à la loyauté envers un produit
Fera en sorte qu’un produit sera utilisé et réutilisé
Pour persuader, un produit doit être crédible (facile à utiliser & expérience positive : crédibilité augmentée)
Indispensable. Un pré-requis en design de persuasion.
Design de persuasion - Marie-Lyse Hamel
17
![Page 18: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/18.jpg)
L’UTILISABILITÉEXEMPLE, NIKE +
Lancé par Nike et Apple, l’outil sert à motiver les gens à augmenter leur niveau d’activité physique. Dès le capteur dans sa chaussure compatible et le logiciel iPod téléchargé, le iPod se transforme en coach personnel. Il enregistre la vitesse, la distance, le temps d’entraînement, le nombre de calories brûlées, etc. Il fournit aussi une rétroaction régulière au cours de l’entraînement. L’utilisateur peut ensuite consulter le site Web afin de visualiser l’information.
Design de persuasion - Marie-Lyse Hamel
18
![Page 19: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/19.jpg)
DCU
Penser à celui qui utiliseDESIGN CENTRÉ UTILISATEUR
Design de persuasion - Marie-Lyse Hamel
19
![Page 20: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/20.jpg)
DCU
ISO 9241-210Design de persuasion - Marie-Lyse Hamel
20
![Page 21: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/21.jpg)
L’HUMAIN ERGONOMIE
DCU
UTILISABILITÉ
Design de persuasion
Design de persuasion - Marie-Lyse Hamel
21
![Page 22: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/22.jpg)
Design de persuasion
MAUVAISE RÉPUTATION ?
LA PERSUASION
La rhétorique : Grèce Antique. L’art de bien parler afin de persuader le public. Influencer l’opinion publique
La propagande : Edward Berneys. contrôler les masses à leur insu et dans un but précis (déjeuner américain, fluor dans l’eau)
La publicité persuasive : On s’intéresse à la façon dont le consommateur pense et agit. « AIDA », attirer l’Attention, susciter l’Intérêt, provoquer le Désir et déclencher l’Achat
Le marketing persuasif : Réduire la dissonance cognitive et augmenter la confiance du consommateur. Lui confirmer que le produit qu'il désire a de la valeur (approche sensorielle: réveiller chez le client des émotions tel l'appétit, dans le but d’inciter à l’achat)
Depuis le Ve siècle, la persuasion a pris plusieurs formes...
Design de persuasion - Marie-Lyse Hamel
22
![Page 23: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/23.jpg)
Design de persuasion
C’EST...
LE DESIGN DE PERSUASION
Un design stratégique dont l’intention est d’influencer ou d’amener certains changements de comportements chez l’utilisateur.
S’appuyant sur une variété de techniques technologiques, physiques et psychologiques, le design de persuasion sert à motiver les utilisateurs dans le but de les faire prendre action ; il vise à convaincre les gens d’agir ou de penser différemment.
Dans certains cas, il sert à amener l’utilisateur à faire quelque chose. D’autres fois, il vise à stopper un comportement. Mais dans tous les cas, le point commun entre les méthodes de design de persuasion utilisées par les designers, les ingénieurs et les ergonomes, reste l’intention.
Design de persuasion - Marie-Lyse Hamel
23
![Page 24: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/24.jpg)
Design de persuasion
À RETENIR
LE DESIGN DE PERSUASION
Tentative de changer les attitudes et/ou comportements, sans faire appel à la coercition ou à la tromperie
Motiver les utilisateurs pour les faire prendre action, les convaincre d’agir, les faire penser différemment
Une intention de départ
Un coup de coude
Vise un changement volontaire!
Design de persuasion - Marie-Lyse Hamel
24
![Page 25: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/25.jpg)
Design de persuasion
DOMAINES D’INFLUENCENOUVEAU MOT, MAIS EXISTE DEPUIS TOUJOURS
Design de persuasion - Marie-Lyse Hamel
25
![Page 26: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/26.jpg)
Design de persuasion
LES VISAGES DU DDPILS EN PARLENT...
B. G. Fogg Technologie, le mobile, la santé
Dan Lockton Changer la société, améliorer l’environnement
Design de persuasion - Marie-Lyse Hamel
26
![Page 27: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/27.jpg)
Design de persuasion
LES VISAGES DU DDPILS EN PARLENT...
Sebastian Deterding Technologie, jeux, «gamification»
Andy Budd Design de persuasion, surtout sur le Web
Jane McConigal Influencer par le jeu, l’intelligence collective
Design de persuasion - Marie-Lyse Hamel
27
![Page 28: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/28.jpg)
Design de persuasion
CONTRE-EXEMPLEL’ÉPICERIE
Design de persuasion - Marie-Lyse Hamel
28
![Page 29: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/29.jpg)
Design de persuasion
DES EXEMPLESLA MOUCHE
Design de persuasion - Marie-Lyse Hamel
29
![Page 30: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/30.jpg)
Design de persuasion
DES EXEMPLESDANS LE MÉTRO
Design de persuasion - Marie-Lyse Hamel
30
![Page 31: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/31.jpg)
Design de persuasion
DES EXEMPLESLE RADAR
Design de persuasion - Marie-Lyse Hamel
31
![Page 32: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/32.jpg)
Design de persuasion
DES EXEMPLESBANK OF AMERICA
Design de persuasion - Marie-Lyse Hamel
32
![Page 33: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/33.jpg)
Design de persuasion
DES EXEMPLESBOITE DE RECYCLAGE ENGAGEANTE
Design de persuasion - Marie-Lyse Hamel
33
![Page 34: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/34.jpg)
Design de persuasion
DES EXEMPLESBANCS DISSUASIFS
Design de persuasion - Marie-Lyse Hamel
34
![Page 35: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/35.jpg)
L’HUMAIN ERGONOMIE
DCU
UTILISABILITÉ
Rationnel vs Émotif
Design de persuasion
Design de persuasion - Marie-Lyse Hamel
35
![Page 36: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/36.jpg)
POUR UN RÉEL CHANGEMENT...
LES ÉMOTIONS
Aujourd’hui, les utilisateurs s’attendent déjà à ce qu'un produit soit facile à utiliser
On s’attend à plus: que ce soit beau et agréable!
Les choses attrayantes fonctionnent mieux (Don Norman et autres)
Design de persuasion - Marie-Lyse Hamel
36
![Page 37: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/37.jpg)
POUR UN RÉEL CHANGEMENT...
LES ÉMOTIONS
Émotions:
Agréables : désir, fascination, surprise agréable, satisfaction, amusement
Désagréables : ennui, mépris, insatisfaction, dégoût, surprise désagréable L’effet WOW! :
Désir + fascination + surprise agréable
Design de persuasion - Marie-Lyse Hamel
37
![Page 38: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/38.jpg)
L’EFFET WOW!
LES ÉMOTIONS
http://www.thefuntheory.com/
Design de persuasion - Marie-Lyse Hamel
38
![Page 39: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/39.jpg)
WILL DO - CAN DO
LES ÉMOTIONS
Design de persuasion - Marie-Lyse Hamel
39
![Page 40: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/40.jpg)
UNE DÉCISION...
L’HUMAIN: PAS TOUJOURS RATIONNEL!
LA PRISE DE DÉCISION
Un acte rationnel ET émotionnel
Perception
Cadre de référence Amis, famille
Je l’aime!
En l'absence de marqueurs émotionnels, la prise de décision est pratiquement impossible. Pour changer un comportement, on doit donc connaître les émotions qui soutiennent le comportement souhaité.
Il est essentiel de comprendre les émotions qui influencent le comportement et les décisions des utilisateurs afin d’agir sur ceux-ci.
Design de persuasion - Marie-Lyse Hamel
40
![Page 41: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/41.jpg)
PRINCIPES D’INFLUENCE (CIALDINI)
CONNAÎTRE L’UTILISATEUR
1. Réciprocité (on retourne les faveurs)
2. Autorité (on se tourne vers les experts)
3. Engagement & cohérence (par rapport à nos choix)
4. La rareté (offre et demande)
5. Aimer, apprécier (on se laisse convaincre...ex: Tupperware)
6. Preuve sociale (on fait ce que les autres font)
Design de persuasion - Marie-Lyse Hamel
41
![Page 42: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/42.jpg)
PRINCIPES PSYCHOLOGIQUES
CONNAÎTRE L’UTILISATEUR
1. L’exhaustivité (combler les lacunes)
2. Renforcement positif (savoir ce qu’on fait de bien)
3. Aversion aux pertes (ex: Banque)
4. L’épargne pour demain (aujourd’hui vs demain)
5. Pouvoir de la liberté (gratuités)
6. Les moments opportuns (réceptif aux déclencheurs émotionnels)
Design de persuasion - Marie-Lyse Hamel
42
![Page 43: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/43.jpg)
CONTOURNER LES LIMITES
CONNAÎTRE L’UTILISATEUR
Design de persuasion - Marie-Lyse Hamel
Utiliser des images
Grouper l’information
Créer des associations
Utiliser des métaphores
Raconter une histoire
Utiliser la forme, la couleur, le mouvement
43
![Page 44: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/44.jpg)
Design de persuasion - Marie-Lyse Hamel
44
![Page 45: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/45.jpg)
Design de persuasion - Marie-Lyse Hamel
45
![Page 46: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/46.jpg)
Design de persuasion - Marie-Lyse Hamel
46
![Page 47: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/47.jpg)
L’HUMAIN ERGONOMIE
DCU
UTILISABILITÉ
Rationnel vs Émotif TechnologiesPersuasive
Design de persuasion
Design de persuasion - Marie-Lyse Hamel
47
![Page 48: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/48.jpg)
Design de persuasion Technologie
Technologiepersuasive(captology)
Design de persuasion - Marie-Lyse Hamel
48
![Page 49: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/49.jpg)
AVANTAGES
LA TECHNOLOGIE
Amène la persuasion à un autre niveau: l’interaction
Plus de persistance que l’humain (ex : rappels fréquents)
Plus d’anonymat
Gère une grande quantité de données
Peut prendre plusieurs formes pour s’adapter aux préférences
S’étend rapidement ; peut rejoindre des milliers de gens
Peut aller là où les humains ne pourraient pas aller
Design de persuasion - Marie-Lyse Hamel
49
![Page 50: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/50.jpg)
PEUT PERSUADER EN...
TECHNOLOGIE PERSUASIVE
Simplifiant
Guidant
Personnalisant
Monitorant
Observant
Intervenant au moment opportun (l’utilisateur est de bonne humeur, croit que le monde est insensé, peut prendre action, faveur reçue, erreur commise, etc.)
Design de persuasion - Marie-Lyse Hamel
50
![Page 51: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/51.jpg)
DES EXEMPLES
Design de persuasion - Marie-Lyse Hamel
Facebook: le plus grand outil technologique de persuasion!Son succès est directement lié à sa capacité à persuader les utilisateurs.
“It puts hot triggers in the path of motivated people” (Stanford Persuasive Tech Lab)
51
![Page 52: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/52.jpg)
AMAZON.CA
DES EXEMPLES
Design de persuasion - Marie-Lyse Hamel
Techniques de persuasion: inscription, information personnalisée, offres à durée limitée, évaluation de produits par des tiers, achat en un clic, messages de confirmation, etc.
52
![Page 53: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/53.jpg)
EBAY
DES EXEMPLES
Design de persuasion - Marie-Lyse Hamel
53
![Page 54: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/54.jpg)
EBAY
DES EXEMPLES
On incite le vendeur à offrir un service de qualité et à livrer rapidement.
Design de persuasion - Marie-Lyse Hamel
54
![Page 55: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/55.jpg)
LOSE IT!
DES EXEMPLES
Design de persuasion - Marie-Lyse Hamel
55
![Page 56: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/56.jpg)
QUITNET
DES EXEMPLES
Design de persuasion - Marie-Lyse Hamel
56
![Page 57: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/57.jpg)
Wii / KINECT
DES EXEMPLES
Design de persuasion - Marie-Lyse Hamel
57
![Page 58: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/58.jpg)
BWARE
DES EXEMPLES
Design de persuasion - Marie-Lyse Hamel
58
![Page 59: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/59.jpg)
TIO
DES EXEMPLES
Design de persuasion - Marie-Lyse Hamel
59
![Page 60: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/60.jpg)
ROBINETS ÉCOLOGIQUES
DES EXEMPLES
Design de persuasion - Marie-Lyse Hamel
60
![Page 61: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/61.jpg)
TOYOTA PRIUS
DES EXEMPLES
Design de persuasion - Marie-Lyse Hamel
L’interface ludique rend l’économie d’essence agréable. Barres jaunes: consommation de carburant aux 5 minutes. Icônes de voitures: quantité d’électricité générée.
En indiquant au conducteur l’efficacité avec laquelle il utilise l'essence, la jauge permet de changer la conduite pour réduire la consommation litre/kilomètre.
61
![Page 62: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/62.jpg)
FORD FUSION
DES EXEMPLES
Design de persuasion - Marie-Lyse Hamel
62
![Page 63: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/63.jpg)
LES JEUX VIDÉO
DES EXEMPLES
On consacre 3 milliards d’heures par semaine à des jeux en ligne.
On compte 500 millions de joueurs dans le monde.
À 21 ans, l’américain moyen aura accumulé plus de 10 000 heures
de jeu, l’équivalent de 5 ans de travail à temps plein.
Design de persuasion - Marie-Lyse Hamel
63
![Page 64: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/64.jpg)
AVANTAGES
JEUX VIDÉO
Offre une rétroaction positive constante. On encourage toujours l’utilisateur à aller plus loin.
La socialisation. On collabore à une échelle massive et ce, peu importe l’endroit. De
nombreuses recherches démontrent que nous apprécions davantage les gens après avoir
joué avec eux, même s'ils nous ont sévèrement battus (social fabric).
Aide à développer de nouvelles habiletés en tant que personne. Les jeux révèlent souvent
nos forces telles la curiosité et la détermination.
La productivité. Les joueurs n’aiment pas être improductifs (blissful productivity).
Sentiment d’appartenance. L’utilisateur aime être appartenir à un groupe.
Représentent la forme la plus élevée d’investigation.
Les joueurs sont des individus engagés et qui ont de l’espoir (urgent optimism).
La victoire héroïque (epic win), l’expression faciale classique qui traduit la combinaison de
toutes les émotions stimulées lors du jeu. Fait appel à la créativité de l’utilisateur, lui
permet de trouver des solutions à des enjeux majeurs.Design de persuasion - Marie-Lyse Hamel
64
![Page 65: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/65.jpg)
L’EXPÉRIENCE(Gaming experience)
JEUX VIDÉO
Défi volontaire
Expérimentation dans un espace sécuritaire, sans conséquence
Buts et options clairs
État de fin clair
Rétroaction solide et claire
Auto-efficacité
Courbe d’apprentissage optimale
Opportunité de socialiser.
Design de persuasion - Marie-Lyse Hamel
65
![Page 66: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/66.jpg)
La console Zeebo sans-fil, à basse consommation d’énergie.
FUNGOPLAY
DES EXEMPLES
Design de persuasion - Marie-Lyse Hamel
66
![Page 67: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/67.jpg)
UNDERCOVER UXO
DES EXEMPLES
Design de persuasion - Marie-Lyse Hamel
67
![Page 68: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/68.jpg)
EKOMINIVILLE
DES EXEMPLES
Design de persuasion - Marie-Lyse Hamel
68
![Page 69: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/69.jpg)
ZEEBO
LE FUTUR!
La console Zeebo sans-fil, à basse consommation d’énergie.
Plus abordables, ces consoles pourraient permettre à plus d’un nouveau milliard de joueurs de jouer à des jeux en ligne d’ici les 10 prochaines années. On atteindrait alors un total de 1,5 milliard joueurs à l’échelle mondiale.
Design de persuasion - Marie-Lyse Hamel
69
![Page 70: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/70.jpg)
L’HUMAIN ERGONOMIE
DCU
UTILISABILITÉ
Rationnel vs Émotif TechnologiesPersuasives Outils
Design de persuasion
Design de persuasion - Marie-Lyse Hamel
70
![Page 71: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/71.jpg)
VISUALISATION DE L’INFORMATION
Une image vaut mille mots!
Transformer l’information pour démontrer des liens, des connexions et des tendances. Parce que souvent, les chiffres ne veulent rien dire...
OUTIL 1
Design de persuasion - Marie-Lyse Hamel
71
![Page 72: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/72.jpg)
VISUALISATION DE L’INFORMATION
Exemple
Design de persuasion - Marie-Lyse Hamel
72
![Page 73: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/73.jpg)
VISUALISATION DE L’INFORMATION
Exemple
Design de persuasion - Marie-Lyse Hamel
73
![Page 74: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/74.jpg)
MODÈLE BEHAVIORAL (FOGG)
OUTIL 2
Design de persuasion - Marie-Lyse Hamel
74
![Page 75: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/75.jpg)
WIZARD
OUTIL 3
Design de persuasion - Marie-Lyse Hamel
75
![Page 76: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/76.jpg)
OUTIL 48 ÉTAPES DE FOGG
Design de persuasion - Marie-Lyse Hamel
76
![Page 77: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/77.jpg)
OUTIL 48 ÉTAPES DE FOGG
Étape 1: Choisir un comportement simple à cibler • Choisir un objectif simple (petit) et concret ;• Éliminer les objectifs vagues et ambitieux.
Étape 2: Choisir un auditoire réceptif• Choisir le bon public;• Choisir un public qui a manifesté un désir de changer.
Étape 3: Trouver ce qui empêche le comportement cible• Déterminer ce qui empêche le comportement cible ;• Trouver pourquoi les gens n’effectuent pas l’action souhaitée.
Étape 4: Choisir un canal de technologie familier•Choisir le meilleur canal : choisir parmi la gamme de canaux de persuasion disponibles, compte tenu de la façon dont chaque canal correspond au comportement cible.
Design de persuasion - Marie-Lyse Hamel
77
![Page 78: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/78.jpg)
OUTIL 48 ÉTAPES DE FOGG
Étape 5: Trouver des exemples pertinents de technologie persuasive• Rechercher des exemples de technologies persuasives reliées au comportement visé.
Étape 6: Imiter les exemples de succès• Rechercher des exemples de technologies persuasives qui connaissant du succès.
Étape 7: Tester et itérer rapidement • Tester diverses expériences convaincantes rapidement et de façon répétée.
Étape 8: Aller au-delà du succès• Une fois qu’on réussit à influencer un comportement, on doit aller plus loin. On peut choisir d’autres petits comportements et recommencer les étapes afin d’atteindre un jour des objectifs plus ambitieux, comme réduire le niveau de stress des gens en général.
Design de persuasion - Marie-Lyse Hamel
78
![Page 79: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/79.jpg)
CARTES (TOOLKIT)
OUTIL 5
1 PAQUET DE CARTES - 8 LENTILLES
Design de persuasion - Marie-Lyse Hamel
79
![Page 80: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/80.jpg)
CARTES (TOOLKIT)
OUTIL 5
Exemple: Un designer doit faire en sorte que les utilisateurs de guichets automatiques n’oublient pas leur carte de débit dans la machine.
Pour ce faire, le designer peut proposer différentes stratégies. La solution la plus courante est empruntée à la lentille anti-erreur : enfermer l’usager dans une séquence ordonnée de tâches. Dans ce cas, on s’assurerait que les billets ne sortent pas avant que l’utilisateur ait récupéré sa carte.
Mais d’autres stratégies, non envisagées au départ, peuvent être empruntées aux autres lentilles : ๏ La lentille architecturale suggèrerait par exemple d’aménager l’interface de sorte que l’entrée de la carte soit adjacente à la sortie des billets
๏ La lentille sécuritaire suggèrerait par exemple d’utiliser des caméras pour filmer les usagers et les responsabiliser par rapport à la perte de leur carte.
Design de persuasion - Marie-Lyse Hamel
80
![Page 81: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/81.jpg)
52 NOTES MENTALES (MENTAL NOTES)
OUTIL 6
Design de persuasion - Marie-Lyse Hamel
81
![Page 82: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/82.jpg)
ÉCRITURE PERSUASIVE
OUTIL 7
The $300,000,000 fix (Best Buy) Jared Spool, remplacement du bouton Register par Continue, avec un message simple.
Histoires, métaphores Phrases courtes, libellés Mettre les avantages en évidence Émotions, termes engageants Crédibilité
Design de persuasion - Marie-Lyse Hamel
82
![Page 83: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/83.jpg)
NOTES
Design de persuasion - Marie-Lyse Hamel
83
![Page 84: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/84.jpg)
Mesures(grille d’évaluation)1
Design de persuasion - Marie-Lyse Hamel
84
![Page 85: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/85.jpg)
GRILLE D’ÉVALUATION - BRANGIER
Sous forme de grille, les critères ergonomiques de persuasion interactive permettant d’évaluer le degré de persuasion des interfaces. Ils sont organisés en 2 groupes.
Design de persuasion - Marie-Lyse Hamel
85
![Page 86: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/86.jpg)
GRILLE D’ÉVALUATION - BRANGIER
Design de persuasion - Marie-Lyse Hamel
Les Aspects Statiques de l’Interface
1. CrédibilitéCombinaison entre la fiabilité perçue et l’expertise perçue du produit
2. LégitimitéRassurer l’utilisateur pour qu’il accepte plus facilement son influence (ex:force du logo)
3. PrivacitéNe pas persuader l’utilisateur de faire quelque chose qui exposerait sa vie privée
4. SuggestibilitéIncitation à l’action
5. RéceptivitéAdapter l’interface à l’utilisateur pour le rendre plus réceptif (ex : Bonjour Aurélie)
6. Conformité socialePrésenter des informations pertinentes sur d’autres utilisateurs (ex :ceux qui ont acheté ce produit ont également acheté ceux-ci)
7. Renforcement de surfaceMaximiser l’impact visuel
86
![Page 87: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/87.jpg)
GRILLE D’ÉVALUATION - BRANGIER
Design de persuasion - Marie-Lyse Hamel
Les Aspects Dynamiques de l’Interface
8. InvitationAdapter les éléments d’accroches aux informations fournies par l’utilisateur
9. AmorçageDéclencher une 1ère action
10. EngagementUne fois l’amorçage fait, il est plus facile de faire accepter d’autresétapes à l’utilisateur
11. EngrenageMultiplier les séquences engageantes et leur fréquence
12. EmpriseMarquer l’achèvement du scénario d’engagement
87
![Page 88: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/88.jpg)
MONITORING
Mesurer le avant - après!
Design de persuasion - Marie-Lyse Hamel
88
![Page 89: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/89.jpg)
Éthique (règle d’or)2
Design de persuasion - Marie-Lyse Hamel
89
![Page 90: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/90.jpg)
RÈGLES D’ÉTHIQUE
7 règles d’éthique en design de persuasion๏ Vie privée๏ Objectif atteint๏ Changement volontaire๏ Etc.
Mais LA règle d’or:« Les créateurs d'une technologie persuasive ne doivent jamais chercher à convaincre une ou plusieurs personnes de faire quelque chose qu'ils ne consentiraient pas eux-mêmes à être persuadés de faire »
- Berdichevsky et Neuenschwaner
Design de persuasion - Marie-Lyse Hamel
90
![Page 91: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/91.jpg)
À RETENIR
Design de persuasion - Marie-Lyse Hamel
91
![Page 92: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/92.jpg)
L’HUMAIN ACTIONERGONOMIE
DCU
UTILISABILITÉ
Rationnel vs Émotif TechnologiesPersuasive Outils
Design de persuasion
Design de persuasion - Marie-Lyse Hamel
92
![Page 93: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/93.jpg)
Facebook, Cirque du SoleilAdhérer, s’inscrire
Arrêter de fumerModifier une habitude
Éviter les mines - jeuxSauver des vies
Tio, robinets écologiquesBâtir un monde meilleur
DIFFÉRENTS TYPES D’ACTIONS
Amazon, EbayAcheter-commander$
Design de persuasion - Marie-Lyse Hamel
93
![Page 94: Design de persuasion cours ind8409_mlhamel](https://reader033.fdocuments.net/reader033/viewer/2022061222/54bf87534a795949518b45a4/html5/thumbnails/94.jpg)
MERCI!Questions?
Commentaires?
mlysehame l@gmai l .com
de s
94