SlideShare une entreprise Scribd logo
1  sur  31
Télécharger pour lire hors ligne
— 

Geoffrey Dorne pour Sencities | Avril 2010
— 

Étude
et recherches sur l’aspect
des dimensions

émotionnelles
— introduction
p.3

« Le mot émotion vient du latin « exmovere » le mouvement vers l’extérieur.
L’émotion sert donc à communiquer. » Le moteur de recherche se bas sur une roue
aux 3 dimensions sensibles parmis lesquelles l’utilisateur va devoir se projeter :
- couleur - forme - rythme
Ces dimensions répondent à des notions culturelles, psychologiques et biologiques. Le but de ce document est de découvrir et de réaliser une typologie des
différentes possibilités formes, rythmes & couleurs, classées par type afin
de créer l’interface qui sera centrée sur l’utilisateur.
— méthodologie
p.4

ov

n

di

er

e

sc

ig

liv

fin

s
de

de

de

er

La méthodologie employée sera celle du double diamand

Étude sur les émotions
& l’enjeu du contexte.
Insights, audit des
services existants.

Maquette
et interface définitive.
Quels élements ?
Schéma des systèmes d’intéraction.

Création
d’un ensemble
de modules, création de la signalétique visuelle.
— émotions & couleurs
p.5
—introduction
	
p.6

Nous avons dans la vie courante une caractérisation commune des couleurs
des objets qui nous environnent. Chez l’homme, la perception de la couleur
va, grossièrement, nécessiter trois phases successives, de natures différentes :
- une phase purement physique au cours de laquelle le rayonnement lumineux
qui atteint notre oeil est produit.
- une phase neurophysiologique de traitement du signal lumineux au niveau
de la rétine et qui va faire intervenir deux étages, celui des photorécepteurs
et celui des circuits rétiniens.
- une phase neurocognitive de transmission et d’analyse par le cerveau des signaux
issus de la rétine (c’est à ce niveau que la part culturelle sera importante dans cette
interprétation).
C’est cette dernière phase qui nous intéresse, l’interprétation universelle & culturelle
des couleurs lors de leur perception.
— couleur & forme
p.7

lien qui se crée

formes et couleurs

mélange

Le cerveau crée par défaut, des liens logiques là où parfois la logique n’est pas
flagrante. Les mouvements, les transitions, et peut-être parfois les mélanges sont
donc à privilégier pour densifier l’expérience.
— choix du nuancier
p.8

Le nuancier de Plutchik semble être une très bonne base
de départ pour disposer les couleurs sur une zone circulaire :
— significations des couleurs
p.9
— disposition des émotions
p.10

La disposition des émotions suivra d’abord le nuancier de couleurs (et la corrélation entre couleurs & émotions), puis dans un second temps, cette dispotion
et ces transitions entre les émotions.
— les bases à disposer
p.11

énerve, excite
nostalgie, neutralité
ennui, passivité
déprime, tristesse
agite, triomphe
rend malade, éteint
sexe, douceur
curiosité
mort, extinction
— pour résumer les couleurs
p.12

- partir sur les 7 grandes émotions
- partir ensuite sur 26 émotions de bases identifiées chez Plutchik
- partir sur 26 couleurs principales identifiées plus haut
- mélanges & transitions entre les couleurs
- intégrer la notion de nuance émotionnelle entre les couleurs ?
— émotions & formes
p.13
— formes & cognition
p.14

Nous posséderions un certain nombre de formes esthétiques fonctionnelles dont la combinatoire aléatoire garantirait la liberté
ontologique et ces formes seraient à l’origine de la plupart
des re-présentations visuelles et cognitives.
Reste à savoir ensuite quelles formes sont élémentaires et sont
le fondement de nos représentation visuelles et cognitives.
Les formes aident & perturbent le raisonnement du cerveau.
— formes simples
p.15

• Le cercle est synonyme de perfection, d’absolu, d’infini / douceur,
sensualité, continuité, féminité.
• Le triangle représente l’harmonie, l’équilibre, la proportion, la sécurité
/ agressivité, virilité, calme et stabilité.
• Le carré est solide, stable. Il symbolise l’absence rassurante de tension. C’est le support idéal pour une information neutre et objective /
dureté, sécheresse, froideur, masculinité
• Le rectangle s’apparente au carré. Présenté à la française, c’est-à-dire
à la verticale, il est plus dynamique. A l’italienne, c’est-à-dire à l’horizontale, il produit un effet panoramique.
• Le losange signifie vie, le passage, l’échange.
• La flèche évoque le mouvement.
• La flèche instabilité, légèreté, déséquilibre.
— formes complexes
p.16

Les formes complexes tels certains polygones ou formes conçues de lignes
courbes ont une signification moins encrée dans l’inconscient et permettent
moins d’exprimer des émotions. Cependant, ces formes expriment la nuance, l’absence de rigueur, etc. et également la partie créative d’une émotion
(côté droit du cerveau). Si la forme possède des coins, des arêtes, elle sera
excitée, dynamique.
— cartographie
p.17

Les formes étant disposées de façon circulaire et étant en mouvement, la questio est également sur la notion de cartographie.
L’oeil perçoit une typologie, un plan, une carte, au travers de référents dans l’espace. Habituellement, l’information cartographique peut être définie comme une information relative à un objet
ou à un phénomène décrit plus ou moins complétement. Dans le
cas de l’interface, les formes créeront et délimiteront cette cartographie nouvelle. Pour ne pas perdre l’utilisateur et l’aider à comprendre la logique, il faut limiter le nombre de formes.
— pour résumer les formes
p.18

- partir sur 10 formes émotionnelles maximum
- varier la taille selon l’importance et la nuance
- varier la couleur selon leur position
- varier leur mouvement selon leur position
- éviter certaines formes trop complexes
— émotions & mouvements
p.19
— introduction au mouvement
p.20

Une émotion modifie quelque chose dans la configuration de notre visage et de notre corps. L’étymologie en soi donne des indications précises sur le chemin à suivre pour lire l’émotion : d’abord
observer son mouvement car l’émotion est un mouvement corporel. Ici, le mouvement qui anime les formes doit être décrypté
facilement.
Deux nuances dans le mouvement :
- déplacement : mouvement circulaire, zigzag, ligne droite, etc.
- vitesse : mouvement lent, rapide, alterné, etc.
— perception du mouvement
p.21

Le cortex cérébral joue un rôle fondamental dans les fonctions d’orientation spatiale et d’organisation du mouvement. Ces dix dernières années ont
vu l’émergence de l’idée que les représentations spatiales seraient inscrites
dans notre cortex, non pas dans une carte centrale unique, mais plutôt sous
la forme d’une collection de modules spécialisés.
C’est justement à partir de "modules" que l’interface doit être composée,
afin de proposer une dimension modulaire au mouvement.
De même, la vision périphérique perçoit mieux le mouvement que la vision
centrale, il convient donc de tenir compte de l’équilibre du mouvement.
Les théories de la Gestalt ont entre-autre posé ce postulat : "La perception
du mouvement est régie au premier chef par l’attitude générale." C’est
donc un mouvement "global" composé de mouvements singuliers. Comme
une rivière en quelque sorte.
— animisme
p.22

L’animisme est la croyance en une âme, une force vitale, animant
les êtres vivants mais aussi les éléments naturels, comme les pierres ou le vent.
Pour l’interface, cette automie "réfléchie" placée dans les formes
aurait pour symbolique d’agir sur le monde tangible de manière
bénéfique ou non, représenté ici par les résultats de la recherche.
L’animisme est un excellent point de départ pour matérialiser
des éléments immatériels commes les émotions.
— déplacement
p.23

• Verticalement : évoque la force, la dignité, la vérité.
Il s’apparente aussi à la rigidité, à l’immobilisme.
• Horizontalement : synonyme de calme, de repos, de
tranquillité, d’horizons largement ouverts. Mais aussi,
tel un gisant, un mort.
• En oblique : symbolise le mouvement, le dynamisme. Mal utilisée, elle se transforme en chute.
• En courbe : s’apparente à la plénitude, à la féminité.
Mais elle évoque également la mollesse.
• En Zigzag : souvent signe d’agitation, de confusion.
p.24
— pour résumer le(s) mouvement(s)

- partir sur 5 mouvements simples
- créer un mouvement global, circulaire
- penser au côté animisme du mouvement pour la forme
— références
p.25
— le projet ON
p.26

ON a créé un service en souhaitant apporter de l’intimité aux communications
mobiles, en aidant les individus à se respecter les uns les autres et en restant proches
des personnes qui comptent.

lifeisbetteron.com
— memory life
p.27

Orange s’improvise boîte à chaussures et propose de ranger ses souvenirs au travers
d’une interface dédiée à la mémoire, à l’archivage en ligne. Memory Life propose
aussi de coupler ses propres souvenirs aux souvenirs historiques. Cependant,
dans l’usage de la boîte à chaussures, beaucoup la remplissent, peu l’ouvrent.

memory-life.com
— rationalizer de Microsoft
p.28

Rationalizer est un miroir pour nos émotions. Philips a créé un bracelet qui détecte
le stress, couplé a une sorte de plat électronique. Ce projet a pour but d’alerter l’utilisateur de son niveau de stress d’éviter de prendre des décisions hâtives sous l’effet
du stress.

http://bit.ly/idn-miror
—  Philips Design Probes
p.29

Le projet des équipes de Philips Design Probes est de créer un design “humain”.
L’idée est qu’à l’avenir, nos vêtements et même notre peau serviront d’outils de communication. Le projet repose sur un tatouage électronique évolutif qui change
en fonction de nos émotions, de notre environnement et de nos rapports aux autres.

http://bit.ly/idn-peau
— biomapping
p.30

Ce procédé combine la localisation géographique et la réaction de notre corps à l’environnement. Chaque participant est équipé d’un GPS et d’un capteur fixé sur deux
doigts de la main qui enregistre la réponse galvanique de la peau, indicateur utilisé
dans les détecteurs de mensonges. Sous l’effet d’un stress ou d’une émotion, l’épiderme sécrète une micro sudation qui va améliorer la conductibilité de la peau.

http://bit.ly/idn-biomap
— prochaine étape : les éléments d’interface

Contenu connexe

En vedette

INNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire
INNOVER EN FRANCE AVEC LE DESIGN THINKING ? MémoireINNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire
INNOVER EN FRANCE AVEC LE DESIGN THINKING ? MémoireGeoffrey Dorne
 
Livret serie graphique
Livret serie graphiqueLivret serie graphique
Livret serie graphiqueGeoffrey Dorne
 
Graphisme en France 22
Graphisme en France 22Graphisme en France 22
Graphisme en France 22Geoffrey Dorne
 
Le design thinking en bibliothèque
Le design thinking en bibliothèqueLe design thinking en bibliothèque
Le design thinking en bibliothèqueGeoffrey Dorne
 
Formation designer 1958
Formation designer 1958Formation designer 1958
Formation designer 1958Geoffrey Dorne
 
Le guide de la bonne relation entre annonceur et agence en design
Le guide de la bonne relation entre annonceur et agence en designLe guide de la bonne relation entre annonceur et agence en design
Le guide de la bonne relation entre annonceur et agence en designGeoffrey Dorne
 
LES PUCES DE L'ILLUSTRATION 2016
LES PUCES DE L'ILLUSTRATION 2016LES PUCES DE L'ILLUSTRATION 2016
LES PUCES DE L'ILLUSTRATION 2016Geoffrey Dorne
 
Design et métiers d’art
Design et métiers d’artDesign et métiers d’art
Design et métiers d’artGeoffrey Dorne
 
"J’ai fait des études supérieures en design, et je ne serai pas designer"
"J’ai fait des études supérieures en design, et je ne serai pas designer""J’ai fait des études supérieures en design, et je ne serai pas designer"
"J’ai fait des études supérieures en design, et je ne serai pas designer"Geoffrey Dorne
 
Livre blanc sur les consultations de design
Livre blanc sur les consultations de designLivre blanc sur les consultations de design
Livre blanc sur les consultations de designGeoffrey Dorne
 
« Dans quelle mesure la relation entre client et designer graphique peut-elle...
« Dans quelle mesure la relation entre client et designer graphique peut-elle...« Dans quelle mesure la relation entre client et designer graphique peut-elle...
« Dans quelle mesure la relation entre client et designer graphique peut-elle...Geoffrey Dorne
 
The fat manual_link_editions_2013
The fat manual_link_editions_2013The fat manual_link_editions_2013
The fat manual_link_editions_2013Geoffrey Dorne
 
NASA design recommandation
NASA design recommandationNASA design recommandation
NASA design recommandationGeoffrey Dorne
 
Le design thinking en bibliothèque
Le design thinking en bibliothèqueLe design thinking en bibliothèque
Le design thinking en bibliothèqueGeoffrey Dorne
 
La démarche design, un outil pour renouveler les processus de l’urbanisme
La démarche design, un outil pour renouveler les processus de l’urbanismeLa démarche design, un outil pour renouveler les processus de l’urbanisme
La démarche design, un outil pour renouveler les processus de l’urbanismeGeoffrey Dorne
 
Un grand signe pour un regard citoyen
Un grand signe pour un regard citoyenUn grand signe pour un regard citoyen
Un grand signe pour un regard citoyenGeoffrey Dorne
 
Résultats de l'enquête relative aux tendances typographiques
Résultats de l'enquête relative aux tendances typographiquesRésultats de l'enquête relative aux tendances typographiques
Résultats de l'enquête relative aux tendances typographiquesGeoffrey Dorne
 
How Quartz Onboards New Users
How Quartz Onboards New UsersHow Quartz Onboards New Users
How Quartz Onboards New UsersGeoffrey Dorne
 

En vedette (20)

INNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire
INNOVER EN FRANCE AVEC LE DESIGN THINKING ? MémoireINNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire
INNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire
 
Prh manual fr_v2_1
Prh manual fr_v2_1Prh manual fr_v2_1
Prh manual fr_v2_1
 
Livret serie graphique
Livret serie graphiqueLivret serie graphique
Livret serie graphique
 
Graphisme en France 22
Graphisme en France 22Graphisme en France 22
Graphisme en France 22
 
Le design thinking en bibliothèque
Le design thinking en bibliothèqueLe design thinking en bibliothèque
Le design thinking en bibliothèque
 
Formation designer 1958
Formation designer 1958Formation designer 1958
Formation designer 1958
 
Le guide de la bonne relation entre annonceur et agence en design
Le guide de la bonne relation entre annonceur et agence en designLe guide de la bonne relation entre annonceur et agence en design
Le guide de la bonne relation entre annonceur et agence en design
 
Projet Comet Adobe XD
Projet Comet Adobe XDProjet Comet Adobe XD
Projet Comet Adobe XD
 
LES PUCES DE L'ILLUSTRATION 2016
LES PUCES DE L'ILLUSTRATION 2016LES PUCES DE L'ILLUSTRATION 2016
LES PUCES DE L'ILLUSTRATION 2016
 
Design et métiers d’art
Design et métiers d’artDesign et métiers d’art
Design et métiers d’art
 
"J’ai fait des études supérieures en design, et je ne serai pas designer"
"J’ai fait des études supérieures en design, et je ne serai pas designer""J’ai fait des études supérieures en design, et je ne serai pas designer"
"J’ai fait des études supérieures en design, et je ne serai pas designer"
 
Livre blanc sur les consultations de design
Livre blanc sur les consultations de designLivre blanc sur les consultations de design
Livre blanc sur les consultations de design
 
« Dans quelle mesure la relation entre client et designer graphique peut-elle...
« Dans quelle mesure la relation entre client et designer graphique peut-elle...« Dans quelle mesure la relation entre client et designer graphique peut-elle...
« Dans quelle mesure la relation entre client et designer graphique peut-elle...
 
The fat manual_link_editions_2013
The fat manual_link_editions_2013The fat manual_link_editions_2013
The fat manual_link_editions_2013
 
NASA design recommandation
NASA design recommandationNASA design recommandation
NASA design recommandation
 
Le design thinking en bibliothèque
Le design thinking en bibliothèqueLe design thinking en bibliothèque
Le design thinking en bibliothèque
 
La démarche design, un outil pour renouveler les processus de l’urbanisme
La démarche design, un outil pour renouveler les processus de l’urbanismeLa démarche design, un outil pour renouveler les processus de l’urbanisme
La démarche design, un outil pour renouveler les processus de l’urbanisme
 
Un grand signe pour un regard citoyen
Un grand signe pour un regard citoyenUn grand signe pour un regard citoyen
Un grand signe pour un regard citoyen
 
Résultats de l'enquête relative aux tendances typographiques
Résultats de l'enquête relative aux tendances typographiquesRésultats de l'enquête relative aux tendances typographiques
Résultats de l'enquête relative aux tendances typographiques
 
How Quartz Onboards New Users
How Quartz Onboards New UsersHow Quartz Onboards New Users
How Quartz Onboards New Users
 

Similaire à Dimensions emotionnelles_et_synthese

4 cartographie-conceptuelle-abd
4 cartographie-conceptuelle-abd4 cartographie-conceptuelle-abd
4 cartographie-conceptuelle-abdElsa von Licy
 
Memoriser-sans-peine-_.avec-le-Mind-Mapping-Delengaigne-Z-Library.pdf
Memoriser-sans-peine-_.avec-le-Mind-Mapping-Delengaigne-Z-Library.pdfMemoriser-sans-peine-_.avec-le-Mind-Mapping-Delengaigne-Z-Library.pdf
Memoriser-sans-peine-_.avec-le-Mind-Mapping-Delengaigne-Z-Library.pdfBotrelNsindze
 
Cartes heuristiques : Eléments théoriques et usages en contexte universitaire
Cartes heuristiques : Eléments théoriques et usages en contexte universitaireCartes heuristiques : Eléments théoriques et usages en contexte universitaire
Cartes heuristiques : Eléments théoriques et usages en contexte universitaireCesam Fall
 
Presentación Pnl
Presentación PnlPresentación Pnl
Presentación Pnlunicoross
 
Analyse des images médiatiques
Analyse des images médiatiquesAnalyse des images médiatiques
Analyse des images médiatiquesSantesih
 
Analyse de lecture kevin lynch
Analyse de lecture kevin lynchAnalyse de lecture kevin lynch
Analyse de lecture kevin lynchMinocha Archit
 
Cartes heuristiques : éléments théoriques et usages en contexte universitaire...
Cartes heuristiques : éléments théoriques et usages en contexte universitaire...Cartes heuristiques : éléments théoriques et usages en contexte universitaire...
Cartes heuristiques : éléments théoriques et usages en contexte universitaire...URFIST de Paris
 
Co-Design de la marque Montréal, DESSCM HEC Montréal
Co-Design de la marque Montréal, DESSCM HEC MontréalCo-Design de la marque Montréal, DESSCM HEC Montréal
Co-Design de la marque Montréal, DESSCM HEC MontréalFrancis Gosselin
 
GlossaireIntelligenceCollective.pdf
GlossaireIntelligenceCollective.pdfGlossaireIntelligenceCollective.pdf
GlossaireIntelligenceCollective.pdfFrancis BEAU
 
Le Mind Mapping: Ne soyez pas le dernier à découvrir cet outil performant...
Le Mind Mapping: Ne soyez pas le dernier à découvrir cet outil performant...Le Mind Mapping: Ne soyez pas le dernier à découvrir cet outil performant...
Le Mind Mapping: Ne soyez pas le dernier à découvrir cet outil performant...Geneviève Lanoy
 
la communication émotionelle De l’expérience de la communication non verbale ...
la communication émotionelle De l’expérience de la communication non verbale ...la communication émotionelle De l’expérience de la communication non verbale ...
la communication émotionelle De l’expérience de la communication non verbale ...Geoffrey Dorne
 
réseaux sociaux et communautés
réseaux sociaux et communautésréseaux sociaux et communautés
réseaux sociaux et communautésrichard peirano
 
Techniques De Créativité
Techniques De CréativitéTechniques De Créativité
Techniques De CréativitéSignlighter
 
Techniques De CréAtivité
Techniques De CréAtivitéTechniques De CréAtivité
Techniques De CréAtivitéSignlighter
 
Histoire Des Courants LittéRaires
Histoire Des Courants LittéRairesHistoire Des Courants LittéRaires
Histoire Des Courants LittéRairesSignlighter
 

Similaire à Dimensions emotionnelles_et_synthese (20)

4 cartographie-conceptuelle-abd
4 cartographie-conceptuelle-abd4 cartographie-conceptuelle-abd
4 cartographie-conceptuelle-abd
 
Memoriser-sans-peine-_.avec-le-Mind-Mapping-Delengaigne-Z-Library.pdf
Memoriser-sans-peine-_.avec-le-Mind-Mapping-Delengaigne-Z-Library.pdfMemoriser-sans-peine-_.avec-le-Mind-Mapping-Delengaigne-Z-Library.pdf
Memoriser-sans-peine-_.avec-le-Mind-Mapping-Delengaigne-Z-Library.pdf
 
Cartes heuristiques : Eléments théoriques et usages en contexte universitaire
Cartes heuristiques : Eléments théoriques et usages en contexte universitaireCartes heuristiques : Eléments théoriques et usages en contexte universitaire
Cartes heuristiques : Eléments théoriques et usages en contexte universitaire
 
La Pnl
La PnlLa Pnl
La Pnl
 
Presentación Pnl
Presentación PnlPresentación Pnl
Presentación Pnl
 
Analyse des images médiatiques
Analyse des images médiatiquesAnalyse des images médiatiques
Analyse des images médiatiques
 
Analyse de lecture kevin lynch
Analyse de lecture kevin lynchAnalyse de lecture kevin lynch
Analyse de lecture kevin lynch
 
Ethnographic imagination
Ethnographic imaginationEthnographic imagination
Ethnographic imagination
 
Kevin lynch
Kevin lynchKevin lynch
Kevin lynch
 
Cartes heuristiques : éléments théoriques et usages en contexte universitaire...
Cartes heuristiques : éléments théoriques et usages en contexte universitaire...Cartes heuristiques : éléments théoriques et usages en contexte universitaire...
Cartes heuristiques : éléments théoriques et usages en contexte universitaire...
 
Co-Design de la marque Montréal, DESSCM HEC Montréal
Co-Design de la marque Montréal, DESSCM HEC MontréalCo-Design de la marque Montréal, DESSCM HEC Montréal
Co-Design de la marque Montréal, DESSCM HEC Montréal
 
GlossaireIntelligenceCollective.pdf
GlossaireIntelligenceCollective.pdfGlossaireIntelligenceCollective.pdf
GlossaireIntelligenceCollective.pdf
 
Mind map ppt2 1
Mind map ppt2 1Mind map ppt2 1
Mind map ppt2 1
 
Le Mind Mapping: Ne soyez pas le dernier à découvrir cet outil performant...
Le Mind Mapping: Ne soyez pas le dernier à découvrir cet outil performant...Le Mind Mapping: Ne soyez pas le dernier à découvrir cet outil performant...
Le Mind Mapping: Ne soyez pas le dernier à découvrir cet outil performant...
 
la communication émotionelle De l’expérience de la communication non verbale ...
la communication émotionelle De l’expérience de la communication non verbale ...la communication émotionelle De l’expérience de la communication non verbale ...
la communication émotionelle De l’expérience de la communication non verbale ...
 
réseaux sociaux et communautés
réseaux sociaux et communautésréseaux sociaux et communautés
réseaux sociaux et communautés
 
Thierry Dubois: la Carte des Talents - TEST
Thierry Dubois: la Carte des Talents - TESTThierry Dubois: la Carte des Talents - TEST
Thierry Dubois: la Carte des Talents - TEST
 
Techniques De Créativité
Techniques De CréativitéTechniques De Créativité
Techniques De Créativité
 
Techniques De CréAtivité
Techniques De CréAtivitéTechniques De CréAtivité
Techniques De CréAtivité
 
Histoire Des Courants LittéRaires
Histoire Des Courants LittéRairesHistoire Des Courants LittéRaires
Histoire Des Courants LittéRaires
 

Plus de Geoffrey Dorne

Rendre la critique créative. La démarche abductive et pragmatique du design E...
Rendre la critique créative. La démarche abductive et pragmatique du design E...Rendre la critique créative. La démarche abductive et pragmatique du design E...
Rendre la critique créative. La démarche abductive et pragmatique du design E...Geoffrey Dorne
 
A Clash of Concerns: Applying Design Thinking to Social Dilemmas
A Clash of Concerns: Applying Design Thinking to Social Dilemmas A Clash of Concerns: Applying Design Thinking to Social Dilemmas
A Clash of Concerns: Applying Design Thinking to Social Dilemmas Geoffrey Dorne
 
Graphisme & design Memphis - années 80
Graphisme & design Memphis - années 80Graphisme & design Memphis - années 80
Graphisme & design Memphis - années 80Geoffrey Dorne
 
Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...
Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...
Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...Geoffrey Dorne
 
152314 cnap graphisme-en-france_23_2017-fr
152314 cnap graphisme-en-france_23_2017-fr152314 cnap graphisme-en-france_23_2017-fr
152314 cnap graphisme-en-france_23_2017-frGeoffrey Dorne
 
ART D’AUTOROUTE JULIEN LELIÈVRE
ART D’AUTOROUTE JULIEN LELIÈVREART D’AUTOROUTE JULIEN LELIÈVRE
ART D’AUTOROUTE JULIEN LELIÈVREGeoffrey Dorne
 
La place du designer - mémoire Juliette Mothe
La place  du designer - mémoire Juliette MotheLa place  du designer - mémoire Juliette Mothe
La place du designer - mémoire Juliette MotheGeoffrey Dorne
 
[lecture] Faut-il mesurer la bande passante du design ?
[lecture] Faut-il mesurer la bande passante du design ?[lecture] Faut-il mesurer la bande passante du design ?
[lecture] Faut-il mesurer la bande passante du design ?Geoffrey Dorne
 
L'enjeu du design industriel en 1980
L'enjeu du design industriel en 1980L'enjeu du design industriel en 1980
L'enjeu du design industriel en 1980Geoffrey Dorne
 
PROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUE
PROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUEPROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUE
PROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUEGeoffrey Dorne
 
Design, ergonomie et IHM : études complémentaires pour favoriser les activité...
Design, ergonomie et IHM : études complémentaires pour favoriser les activité...Design, ergonomie et IHM : études complémentaires pour favoriser les activité...
Design, ergonomie et IHM : études complémentaires pour favoriser les activité...Geoffrey Dorne
 
ecology by design METTRE L’INFORMATIQUE AU SERVICE DE LA TRANSFORMATION ÉCOLO...
ecology by design METTRE L’INFORMATIQUE AU SERVICE DE LA TRANSFORMATION ÉCOLO...ecology by design METTRE L’INFORMATIQUE AU SERVICE DE LA TRANSFORMATION ÉCOLO...
ecology by design METTRE L’INFORMATIQUE AU SERVICE DE LA TRANSFORMATION ÉCOLO...Geoffrey Dorne
 
DE L’HYPERTEXTE AU DESIGN MONOPAGE: UNE TRANSITION SÉMIOTIQUE
DE L’HYPERTEXTE AU DESIGN MONOPAGE: UNE TRANSITION SÉMIOTIQUEDE L’HYPERTEXTE AU DESIGN MONOPAGE: UNE TRANSITION SÉMIOTIQUE
DE L’HYPERTEXTE AU DESIGN MONOPAGE: UNE TRANSITION SÉMIOTIQUEGeoffrey Dorne
 
Entrepreneurs militants & design thinking !
Entrepreneurs militants & design thinking !Entrepreneurs militants & design thinking !
Entrepreneurs militants & design thinking !Geoffrey Dorne
 
Quel design d’interaction pour le webdocumentaire ?
Quel design d’interaction pour le webdocumentaire ?Quel design d’interaction pour le webdocumentaire ?
Quel design d’interaction pour le webdocumentaire ?Geoffrey Dorne
 

Plus de Geoffrey Dorne (16)

Rendre la critique créative. La démarche abductive et pragmatique du design E...
Rendre la critique créative. La démarche abductive et pragmatique du design E...Rendre la critique créative. La démarche abductive et pragmatique du design E...
Rendre la critique créative. La démarche abductive et pragmatique du design E...
 
A Clash of Concerns: Applying Design Thinking to Social Dilemmas
A Clash of Concerns: Applying Design Thinking to Social Dilemmas A Clash of Concerns: Applying Design Thinking to Social Dilemmas
A Clash of Concerns: Applying Design Thinking to Social Dilemmas
 
La pluie a midi
La pluie a midiLa pluie a midi
La pluie a midi
 
Graphisme & design Memphis - années 80
Graphisme & design Memphis - années 80Graphisme & design Memphis - années 80
Graphisme & design Memphis - années 80
 
Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...
Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...
Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...
 
152314 cnap graphisme-en-france_23_2017-fr
152314 cnap graphisme-en-france_23_2017-fr152314 cnap graphisme-en-france_23_2017-fr
152314 cnap graphisme-en-france_23_2017-fr
 
ART D’AUTOROUTE JULIEN LELIÈVRE
ART D’AUTOROUTE JULIEN LELIÈVREART D’AUTOROUTE JULIEN LELIÈVRE
ART D’AUTOROUTE JULIEN LELIÈVRE
 
La place du designer - mémoire Juliette Mothe
La place  du designer - mémoire Juliette MotheLa place  du designer - mémoire Juliette Mothe
La place du designer - mémoire Juliette Mothe
 
[lecture] Faut-il mesurer la bande passante du design ?
[lecture] Faut-il mesurer la bande passante du design ?[lecture] Faut-il mesurer la bande passante du design ?
[lecture] Faut-il mesurer la bande passante du design ?
 
L'enjeu du design industriel en 1980
L'enjeu du design industriel en 1980L'enjeu du design industriel en 1980
L'enjeu du design industriel en 1980
 
PROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUE
PROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUEPROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUE
PROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUE
 
Design, ergonomie et IHM : études complémentaires pour favoriser les activité...
Design, ergonomie et IHM : études complémentaires pour favoriser les activité...Design, ergonomie et IHM : études complémentaires pour favoriser les activité...
Design, ergonomie et IHM : études complémentaires pour favoriser les activité...
 
ecology by design METTRE L’INFORMATIQUE AU SERVICE DE LA TRANSFORMATION ÉCOLO...
ecology by design METTRE L’INFORMATIQUE AU SERVICE DE LA TRANSFORMATION ÉCOLO...ecology by design METTRE L’INFORMATIQUE AU SERVICE DE LA TRANSFORMATION ÉCOLO...
ecology by design METTRE L’INFORMATIQUE AU SERVICE DE LA TRANSFORMATION ÉCOLO...
 
DE L’HYPERTEXTE AU DESIGN MONOPAGE: UNE TRANSITION SÉMIOTIQUE
DE L’HYPERTEXTE AU DESIGN MONOPAGE: UNE TRANSITION SÉMIOTIQUEDE L’HYPERTEXTE AU DESIGN MONOPAGE: UNE TRANSITION SÉMIOTIQUE
DE L’HYPERTEXTE AU DESIGN MONOPAGE: UNE TRANSITION SÉMIOTIQUE
 
Entrepreneurs militants & design thinking !
Entrepreneurs militants & design thinking !Entrepreneurs militants & design thinking !
Entrepreneurs militants & design thinking !
 
Quel design d’interaction pour le webdocumentaire ?
Quel design d’interaction pour le webdocumentaire ?Quel design d’interaction pour le webdocumentaire ?
Quel design d’interaction pour le webdocumentaire ?
 

Dimensions emotionnelles_et_synthese

  • 1. —  Geoffrey Dorne pour Sencities | Avril 2010
  • 2. —  Étude et recherches sur l’aspect des dimensions émotionnelles
  • 3. — introduction p.3 « Le mot émotion vient du latin « exmovere » le mouvement vers l’extérieur. L’émotion sert donc à communiquer. » Le moteur de recherche se bas sur une roue aux 3 dimensions sensibles parmis lesquelles l’utilisateur va devoir se projeter : - couleur - forme - rythme Ces dimensions répondent à des notions culturelles, psychologiques et biologiques. Le but de ce document est de découvrir et de réaliser une typologie des différentes possibilités formes, rythmes & couleurs, classées par type afin de créer l’interface qui sera centrée sur l’utilisateur.
  • 4. — méthodologie p.4 ov n di er e sc ig liv fin s de de de er La méthodologie employée sera celle du double diamand Étude sur les émotions & l’enjeu du contexte. Insights, audit des services existants. Maquette et interface définitive. Quels élements ? Schéma des systèmes d’intéraction. Création d’un ensemble de modules, création de la signalétique visuelle.
  • 6. —introduction p.6 Nous avons dans la vie courante une caractérisation commune des couleurs des objets qui nous environnent. Chez l’homme, la perception de la couleur va, grossièrement, nécessiter trois phases successives, de natures différentes : - une phase purement physique au cours de laquelle le rayonnement lumineux qui atteint notre oeil est produit. - une phase neurophysiologique de traitement du signal lumineux au niveau de la rétine et qui va faire intervenir deux étages, celui des photorécepteurs et celui des circuits rétiniens. - une phase neurocognitive de transmission et d’analyse par le cerveau des signaux issus de la rétine (c’est à ce niveau que la part culturelle sera importante dans cette interprétation). C’est cette dernière phase qui nous intéresse, l’interprétation universelle & culturelle des couleurs lors de leur perception.
  • 7. — couleur & forme p.7 lien qui se crée formes et couleurs mélange Le cerveau crée par défaut, des liens logiques là où parfois la logique n’est pas flagrante. Les mouvements, les transitions, et peut-être parfois les mélanges sont donc à privilégier pour densifier l’expérience.
  • 8. — choix du nuancier p.8 Le nuancier de Plutchik semble être une très bonne base de départ pour disposer les couleurs sur une zone circulaire :
  • 10. — disposition des émotions p.10 La disposition des émotions suivra d’abord le nuancier de couleurs (et la corrélation entre couleurs & émotions), puis dans un second temps, cette dispotion et ces transitions entre les émotions.
  • 11. — les bases à disposer p.11 énerve, excite nostalgie, neutralité ennui, passivité déprime, tristesse agite, triomphe rend malade, éteint sexe, douceur curiosité mort, extinction
  • 12. — pour résumer les couleurs p.12 - partir sur les 7 grandes émotions - partir ensuite sur 26 émotions de bases identifiées chez Plutchik - partir sur 26 couleurs principales identifiées plus haut - mélanges & transitions entre les couleurs - intégrer la notion de nuance émotionnelle entre les couleurs ?
  • 14. — formes & cognition p.14 Nous posséderions un certain nombre de formes esthétiques fonctionnelles dont la combinatoire aléatoire garantirait la liberté ontologique et ces formes seraient à l’origine de la plupart des re-présentations visuelles et cognitives. Reste à savoir ensuite quelles formes sont élémentaires et sont le fondement de nos représentation visuelles et cognitives. Les formes aident & perturbent le raisonnement du cerveau.
  • 15. — formes simples p.15 • Le cercle est synonyme de perfection, d’absolu, d’infini / douceur, sensualité, continuité, féminité. • Le triangle représente l’harmonie, l’équilibre, la proportion, la sécurité / agressivité, virilité, calme et stabilité. • Le carré est solide, stable. Il symbolise l’absence rassurante de tension. C’est le support idéal pour une information neutre et objective / dureté, sécheresse, froideur, masculinité • Le rectangle s’apparente au carré. Présenté à la française, c’est-à-dire à la verticale, il est plus dynamique. A l’italienne, c’est-à-dire à l’horizontale, il produit un effet panoramique. • Le losange signifie vie, le passage, l’échange. • La flèche évoque le mouvement. • La flèche instabilité, légèreté, déséquilibre.
  • 16. — formes complexes p.16 Les formes complexes tels certains polygones ou formes conçues de lignes courbes ont une signification moins encrée dans l’inconscient et permettent moins d’exprimer des émotions. Cependant, ces formes expriment la nuance, l’absence de rigueur, etc. et également la partie créative d’une émotion (côté droit du cerveau). Si la forme possède des coins, des arêtes, elle sera excitée, dynamique.
  • 17. — cartographie p.17 Les formes étant disposées de façon circulaire et étant en mouvement, la questio est également sur la notion de cartographie. L’oeil perçoit une typologie, un plan, une carte, au travers de référents dans l’espace. Habituellement, l’information cartographique peut être définie comme une information relative à un objet ou à un phénomène décrit plus ou moins complétement. Dans le cas de l’interface, les formes créeront et délimiteront cette cartographie nouvelle. Pour ne pas perdre l’utilisateur et l’aider à comprendre la logique, il faut limiter le nombre de formes.
  • 18. — pour résumer les formes p.18 - partir sur 10 formes émotionnelles maximum - varier la taille selon l’importance et la nuance - varier la couleur selon leur position - varier leur mouvement selon leur position - éviter certaines formes trop complexes
  • 20. — introduction au mouvement p.20 Une émotion modifie quelque chose dans la configuration de notre visage et de notre corps. L’étymologie en soi donne des indications précises sur le chemin à suivre pour lire l’émotion : d’abord observer son mouvement car l’émotion est un mouvement corporel. Ici, le mouvement qui anime les formes doit être décrypté facilement. Deux nuances dans le mouvement : - déplacement : mouvement circulaire, zigzag, ligne droite, etc. - vitesse : mouvement lent, rapide, alterné, etc.
  • 21. — perception du mouvement p.21 Le cortex cérébral joue un rôle fondamental dans les fonctions d’orientation spatiale et d’organisation du mouvement. Ces dix dernières années ont vu l’émergence de l’idée que les représentations spatiales seraient inscrites dans notre cortex, non pas dans une carte centrale unique, mais plutôt sous la forme d’une collection de modules spécialisés. C’est justement à partir de "modules" que l’interface doit être composée, afin de proposer une dimension modulaire au mouvement. De même, la vision périphérique perçoit mieux le mouvement que la vision centrale, il convient donc de tenir compte de l’équilibre du mouvement. Les théories de la Gestalt ont entre-autre posé ce postulat : "La perception du mouvement est régie au premier chef par l’attitude générale." C’est donc un mouvement "global" composé de mouvements singuliers. Comme une rivière en quelque sorte.
  • 22. — animisme p.22 L’animisme est la croyance en une âme, une force vitale, animant les êtres vivants mais aussi les éléments naturels, comme les pierres ou le vent. Pour l’interface, cette automie "réfléchie" placée dans les formes aurait pour symbolique d’agir sur le monde tangible de manière bénéfique ou non, représenté ici par les résultats de la recherche. L’animisme est un excellent point de départ pour matérialiser des éléments immatériels commes les émotions.
  • 23. — déplacement p.23 • Verticalement : évoque la force, la dignité, la vérité. Il s’apparente aussi à la rigidité, à l’immobilisme. • Horizontalement : synonyme de calme, de repos, de tranquillité, d’horizons largement ouverts. Mais aussi, tel un gisant, un mort. • En oblique : symbolise le mouvement, le dynamisme. Mal utilisée, elle se transforme en chute. • En courbe : s’apparente à la plénitude, à la féminité. Mais elle évoque également la mollesse. • En Zigzag : souvent signe d’agitation, de confusion.
  • 24. p.24 — pour résumer le(s) mouvement(s) - partir sur 5 mouvements simples - créer un mouvement global, circulaire - penser au côté animisme du mouvement pour la forme
  • 26. — le projet ON p.26 ON a créé un service en souhaitant apporter de l’intimité aux communications mobiles, en aidant les individus à se respecter les uns les autres et en restant proches des personnes qui comptent. lifeisbetteron.com
  • 27. — memory life p.27 Orange s’improvise boîte à chaussures et propose de ranger ses souvenirs au travers d’une interface dédiée à la mémoire, à l’archivage en ligne. Memory Life propose aussi de coupler ses propres souvenirs aux souvenirs historiques. Cependant, dans l’usage de la boîte à chaussures, beaucoup la remplissent, peu l’ouvrent. memory-life.com
  • 28. — rationalizer de Microsoft p.28 Rationalizer est un miroir pour nos émotions. Philips a créé un bracelet qui détecte le stress, couplé a une sorte de plat électronique. Ce projet a pour but d’alerter l’utilisateur de son niveau de stress d’éviter de prendre des décisions hâtives sous l’effet du stress. http://bit.ly/idn-miror
  • 29. —  Philips Design Probes p.29 Le projet des équipes de Philips Design Probes est de créer un design “humain”. L’idée est qu’à l’avenir, nos vêtements et même notre peau serviront d’outils de communication. Le projet repose sur un tatouage électronique évolutif qui change en fonction de nos émotions, de notre environnement et de nos rapports aux autres. http://bit.ly/idn-peau
  • 30. — biomapping p.30 Ce procédé combine la localisation géographique et la réaction de notre corps à l’environnement. Chaque participant est équipé d’un GPS et d’un capteur fixé sur deux doigts de la main qui enregistre la réponse galvanique de la peau, indicateur utilisé dans les détecteurs de mensonges. Sous l’effet d’un stress ou d’une émotion, l’épiderme sécrète une micro sudation qui va améliorer la conductibilité de la peau. http://bit.ly/idn-biomap
  • 31. — prochaine étape : les éléments d’interface