Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

neurowebdesign

No description
by

Stéphane Boucher

on 20 March 2015

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of neurowebdesign

Stéphane Boucher
Ingénieur en systèmes - U.Laval

20 ans d'expérience en TICs
(réseaux et Internet) chez IBM,
Bombardier, GT, Bell, Desjardins

Intérêt pour les réseaux neuraux

Formation en neurosciences computationnelles - U.Washington

Fondateur de:
> L'institut des neurosciences appliquées du Québec - INAQ
> Résolu conseils inc.
* L'académie de créativité et d'innovation pour l'entreprise - ACIE
D'emblée...
NEURO =

- Senti
- Identité
- Authenticité
Lobe occipital = le visuel
Le but de cet atelier
Pourquoi ?

Le fonctionnement de notre cerveau influence nos comportements

Plusieurs de nos décisions sont inconscientes... notre cerveau a décidé avant nous

Nous avons tous des "attentes perceptuelles" qui dépendent de notre struture cérébrale

Faire un site web plus intuitif = plus de chances
de réciprocité
Le parcours:
1. Qu'est-ce que la neuro

2. Comment l'appliquer au design web

3. Cas concrets

Le défi : vous nourrir de bons trucs
pour satisfaire votre appétit
Conclusion
Ressortez avec votre identité et personnalité
=>
Soyez authentique
car cela se sent

Pensez à l'utilisateur : tenez compte de son interface
=>
Facilitez-lui la vie
en utilisant la neuro
=> Permet d'être plus efficace dans votre communication

La perception de l'utilisateur = la réalité !
Quelle impression voulez-vous lui laisser ?
"Keep it simple"

Merci de votre attention :)

www.inaq.org
info@inaq.org
Le neuro web design
...l'interface
de
l'usager

Concevoir un site web percutant en tenant compte de...
Institut des Neurosciences Appliquées du Québec
Plaire à l'usager qui "surf le web"
WWW
Visez
l'être
au lieu du paraître et soyez
vrai !
Ce que fait l'interface
de
l'usager
Elle intégre l'information:

1. interprète les flux nerveux
- en filtrant le bruit
- en focussant sur l'essentiel
2. construit une image intérieure
3. donne sens à l'image
4. réagit à l'image formée

Nous sommes des être d'émotions avant tout ! Plusieurs de nos réactions sont ni logiques ni conscientes
Le néocortex : la raison et la sociabilité
Néocortex gauche
analyse les détails
Néocortex droit
voit la globalité
On ne connaît pas les préférences de chaque internaute.
Il faut donc en donner pour tout le monde.
Lobe frontal = motivation
- Positionner les items suscitant le

passage à
l'action au
début
et à la
fin
, pas au milieu
- Lister les gain
immédiats
- Lister les désavantages de
ne pas
agir

Le cerveau fera plus pour
éviter une douleur que
pour obtenir un plaisir

Faire des phrases
courtes et simples
dans plusieurs petits
paragraphes
Lobe pariétal = langage
Les lobes du néocortex
- Émotions et mémoire sont intimement liées
- Associer le site à des expériences positives

Stratégies:
- Utiliser des images pertinentes
- Être sincère dans le choix des images
- À part les images, les "headlines" sont ce qui
est le plus remarqué... choisir un texte à
portée émotionnelle
- "Comment" vous dites les choses est plus
important que ce que vous dites
Le lymbique : les émotions
Le reptilien : les instincts



- Fonctionnement très rapide
- L'usager se fait une idée d'un site en moins de 5 sec.!
- Les processus sont insconscients à ce niveau

Stratégies :
- Faire appel à l'urgence
- Jouer sur la peur
- Éviter les pop-ups
- Utiliser la dualité
* plaisir - souffrance
* danger - sécurité
* gain - perte



- Centre de l'analyse cognitive
- Divisé en 2 hémisphères

Stratégies:
- Ne pas trop charger le site
- La symétrie et les proportions plaisent
- Nous sommes des êtres sociaux:
* Faire des liens vers la collectivité
* Établir un lien entre l'usager et les
acteurs derrière le site (dialogue naturel)
* Fournir une forme de validation sociale
* Répondre au besoin d'appartenance (sécurité)
- Quelques notions d'occulométrie

- Utiliser des couleurs pour mieux
communiquer

- Elles augmentent de 80% le désir de lire le texte et la mémorisation
de ce qui a été lu ou vu

- Le cerveau perçoit le jaune en premier

- Choisir les couleurs selon l'ambiance à créer :
* Douceur => nature (bleu, vert, brun)
* Action => vie (jaune, rouge)
* Profondeur => nuit (noir, gris)
Communiquer c'est...
Susciter un échange en entrant en relation







Votre site web doit donc être invitant pour l'internaute

Requiert de mieux comprendre l'individu

Et pour cela, vous devez entrer dans sa structure !
Naviguons ensemble à travers d'exemples
tirés du web
http:
1)
Votre
Identité :
- Qui êtes-vous ?
- À quoi servez-nous ?
2)
Leur
identité
- Qui sont-ils ?
- Que mangent-ils ?
3) Créer le pont entre vous et eux
- "Cliquez" en moins de 5 secondes
- Resentir le site
- Identité et authenticité
Cas concrets...
Résumé de nos principaux outils neuro pour nous aider :
- Dialogue... humain derrière le site
- Lien vers la collectivité (validation sociale)
- Sentiment d'appartenance
Senti (reptilien):
- Éléments suscitant l'action au début et à la fin
- Gains immédiats et désavantages de ne pas agir
- La "tête", le "coeur" et les "trippes" doivent être du même avis !
Motivation
(néocortex):
- Phrases et paragraphes courts
- Texte simple
- Symétrie
Social (néocortex):
Structure (lobe visuel):
- Headlines émotionnels positifs
- Images sincères qui touchent
- Couleurs évocatrices
Émotion (lymbique):
chien
débile
https://surveymonkey.com/s/7GZXJFB
Une expérience créative de groupe
Full transcript