SlideShare une entreprise Scribd logo
1  sur  16
Impact du design d'un site Web sur les émotions




Benoît Quimper
Plan de la présentation

   Design
   Design + Web
   Design + Web + Émotions
   Recommandations
   Conclusion
Design

“No generally-accepted and precise definition of
design as a concept is available” (Ralph et Wand, 2009)

   Alors qu’est-ce qu’un bon design?
       Bien plus que l’esthétique
       Avant tout une question de pertinence!
Design

   Sous-concepts
       Intuition
       Architecture d’information
       Utilisabilité
       Pertinence
       Simplicité
       Lisibilité
       Interface
       Typographie
       Arrangement
       Forme
       Visualisation de données
       Aspect visuel
       …
Design

   Meilleur design?
     Pertinence




          Musée        Regarder le CH perdre
Design + Web

   Intuition = scam
Design + Web

   Craigslist
       Concepts importants: Architecture d’information, Simplicité
Design + Web

   I love typography
       Typographie, Aspect visuel, Pertinence, Lisibilité, Simplicité,   Arrangement…
Design + Web + Émotions

   Analytique c’est bien, mais…

   Nous donne seulement le:
       Quoi: cliques, temps sur page, rebonds, segments, contenu populaire
       Résultat: revenus, taux de conversion


   Pas le Pourquoi: expérience, émotions
       Discussion avec clients, sondage, test d’utilisabilité, etc.
Design + Web + Émotions

   Les gens ressentent des émotions sur le Web
    (Éthier et al., 2008)



   “We're not fighting an attention war here… we have people's attention
    because they're on our website. No, we're fighting an emotional war.”
    (Joshua Porter, bokardo.com)



   Objectifs:
       Augmenter l’intensité des émotions +
       Diminuer l’intensité des émotions –
Recommandations

   Reconnaître quels sous-concepts du design sont les plus importants

   Mettre les consommateurs en confiance

   Bon système de navigation
       SEO (ex. recettes)
       Comme dans le magasin
       Selon la compétition (test d’utilisabilité)
       Selon la théorie des scripts


   Éliminer les culs de sac

   Diminuer l’importance de l’esthétique
       Coûts de transfert: Facebook, Google Analytics
       Mobilité
Recommandations

   Bonnes descriptions des produits

   Créer une personnalité
Recommandations

   Adapter le design/message en fonction des utilisateurs
       Culture, homme vs femme, âge
       Selon les connaissances :




       Réticence au changement? Modifications incrémentales: réduit les écarts
Conclusion

   L’expérience utilisateur et les émotions sont guidés par le design


   L’esthétique n’est qu’une partie du design


   Évaluer le design d’un site Web passe avant tout par la
    reconnaissance des sous-concepts importants pour l’utilisateur
       Sont probablement différents d’une industrie à une autre


   Important de mesurer et d’optimiser
       Ne surtout pas oublier le qualitatif!


   Le Web peut et devrait être ludique
       Infolettre amusante avec MailChimp
Conclusion

   Le design peut être une façon de se différencier de la compétition


   Valeur ajoutée pour l’utilisateur: on se souci de lui et de ses besoins


   Le design permet de simplifier les tâches
       Comme le fait si bien Google…
Conclusion




             Merci!


Quimp.com

Contenu connexe

En vedette

Youtube - Expo Socio - Marlène, Narcy, Emilie, Mick
Youtube - Expo Socio - Marlène, Narcy, Emilie, MickYoutube - Expo Socio - Marlène, Narcy, Emilie, Mick
Youtube - Expo Socio - Marlène, Narcy, Emilie, MickAlyn D'un Jour
 
Comment réparer votre e-réputation en 3 étapes
Comment réparer votre e-réputation en 3 étapesComment réparer votre e-réputation en 3 étapes
Comment réparer votre e-réputation en 3 étapesNadège Belloche Lemarchand
 
Haiti: Inquiétude du RNDDH face à l'escalade de dérapages dans la gestion des...
Haiti: Inquiétude du RNDDH face à l'escalade de dérapages dans la gestion des...Haiti: Inquiétude du RNDDH face à l'escalade de dérapages dans la gestion des...
Haiti: Inquiétude du RNDDH face à l'escalade de dérapages dans la gestion des...Stanleylucas
 
Alain Renk - Villes sans limite
Alain Renk - Villes sans limiteAlain Renk - Villes sans limite
Alain Renk - Villes sans limiteantic Pays basque
 
Bergasol fin (poids réduit)
Bergasol fin (poids réduit)Bergasol fin (poids réduit)
Bergasol fin (poids réduit)vanderpee
 
Le paludisme
Le paludismeLe paludisme
Le paludismesurfer7
 
Les secrets d'un projet web réussi
Les secrets d'un projet web réussi Les secrets d'un projet web réussi
Les secrets d'un projet web réussi apetit54
 
DECLARATION LEON MANUS PRESIDENT DU CONSEIL ELECTORAL PROVISOIRE 21 JUIN 2000
DECLARATION LEON MANUS PRESIDENT DU CONSEIL ELECTORAL PROVISOIRE 21 JUIN 2000DECLARATION LEON MANUS PRESIDENT DU CONSEIL ELECTORAL PROVISOIRE 21 JUIN 2000
DECLARATION LEON MANUS PRESIDENT DU CONSEIL ELECTORAL PROVISOIRE 21 JUIN 2000Stanleylucas
 
French Press Articles about Swissvoice products
French Press Articles about Swissvoice productsFrench Press Articles about Swissvoice products
French Press Articles about Swissvoice productsswissvoice
 
La Tribune, Supplement international report 2011
La Tribune, Supplement international report 2011La Tribune, Supplement international report 2011
La Tribune, Supplement international report 2011La Tribune
 
Triangles Lesson
Triangles Lesson Triangles Lesson
Triangles Lesson brussell24
 
Projet de naissance-110525152259-phpapp02
Projet de naissance-110525152259-phpapp02Projet de naissance-110525152259-phpapp02
Projet de naissance-110525152259-phpapp02loubnayacoubi
 
Colloque CIRCUIT ME Mathieu Phd v1.1
Colloque CIRCUIT ME Mathieu Phd v1.1Colloque CIRCUIT ME Mathieu Phd v1.1
Colloque CIRCUIT ME Mathieu Phd v1.1Centre Circuit
 
HAITI: LETTRE COMITE DE SUIVI DE L'ACCORD POLITIQUE AUX TROIS POUVOIRS
HAITI: LETTRE COMITE DE SUIVI DE L'ACCORD POLITIQUE AUX TROIS POUVOIRSHAITI: LETTRE COMITE DE SUIVI DE L'ACCORD POLITIQUE AUX TROIS POUVOIRS
HAITI: LETTRE COMITE DE SUIVI DE L'ACCORD POLITIQUE AUX TROIS POUVOIRSStanleylucas
 
Action saisonniers presse
Action saisonniers presseAction saisonniers presse
Action saisonniers presseForceOuvriere
 
Joe dassin
Joe dassinJoe dassin
Joe dassinDroow
 
Etat des lieux socio-économique du Brabant wallon
Etat des lieux socio-économique du Brabant wallonEtat des lieux socio-économique du Brabant wallon
Etat des lieux socio-économique du Brabant wallonahup1
 
Commerce détail dans 10 ans
Commerce détail dans 10 ansCommerce détail dans 10 ans
Commerce détail dans 10 ansLa Tribune
 

En vedette (20)

Youtube - Expo Socio - Marlène, Narcy, Emilie, Mick
Youtube - Expo Socio - Marlène, Narcy, Emilie, MickYoutube - Expo Socio - Marlène, Narcy, Emilie, Mick
Youtube - Expo Socio - Marlène, Narcy, Emilie, Mick
 
Comment réparer votre e-réputation en 3 étapes
Comment réparer votre e-réputation en 3 étapesComment réparer votre e-réputation en 3 étapes
Comment réparer votre e-réputation en 3 étapes
 
Haiti: Inquiétude du RNDDH face à l'escalade de dérapages dans la gestion des...
Haiti: Inquiétude du RNDDH face à l'escalade de dérapages dans la gestion des...Haiti: Inquiétude du RNDDH face à l'escalade de dérapages dans la gestion des...
Haiti: Inquiétude du RNDDH face à l'escalade de dérapages dans la gestion des...
 
Alain Renk - Villes sans limite
Alain Renk - Villes sans limiteAlain Renk - Villes sans limite
Alain Renk - Villes sans limite
 
Bergasol fin (poids réduit)
Bergasol fin (poids réduit)Bergasol fin (poids réduit)
Bergasol fin (poids réduit)
 
Le paludisme
Le paludismeLe paludisme
Le paludisme
 
Les secrets d'un projet web réussi
Les secrets d'un projet web réussi Les secrets d'un projet web réussi
Les secrets d'un projet web réussi
 
DECLARATION LEON MANUS PRESIDENT DU CONSEIL ELECTORAL PROVISOIRE 21 JUIN 2000
DECLARATION LEON MANUS PRESIDENT DU CONSEIL ELECTORAL PROVISOIRE 21 JUIN 2000DECLARATION LEON MANUS PRESIDENT DU CONSEIL ELECTORAL PROVISOIRE 21 JUIN 2000
DECLARATION LEON MANUS PRESIDENT DU CONSEIL ELECTORAL PROVISOIRE 21 JUIN 2000
 
Imparfait
ImparfaitImparfait
Imparfait
 
French Press Articles about Swissvoice products
French Press Articles about Swissvoice productsFrench Press Articles about Swissvoice products
French Press Articles about Swissvoice products
 
La Tribune, Supplement international report 2011
La Tribune, Supplement international report 2011La Tribune, Supplement international report 2011
La Tribune, Supplement international report 2011
 
Triangles Lesson
Triangles Lesson Triangles Lesson
Triangles Lesson
 
Projet de naissance-110525152259-phpapp02
Projet de naissance-110525152259-phpapp02Projet de naissance-110525152259-phpapp02
Projet de naissance-110525152259-phpapp02
 
Colloque CIRCUIT ME Mathieu Phd v1.1
Colloque CIRCUIT ME Mathieu Phd v1.1Colloque CIRCUIT ME Mathieu Phd v1.1
Colloque CIRCUIT ME Mathieu Phd v1.1
 
HAITI: LETTRE COMITE DE SUIVI DE L'ACCORD POLITIQUE AUX TROIS POUVOIRS
HAITI: LETTRE COMITE DE SUIVI DE L'ACCORD POLITIQUE AUX TROIS POUVOIRSHAITI: LETTRE COMITE DE SUIVI DE L'ACCORD POLITIQUE AUX TROIS POUVOIRS
HAITI: LETTRE COMITE DE SUIVI DE L'ACCORD POLITIQUE AUX TROIS POUVOIRS
 
Action saisonniers presse
Action saisonniers presseAction saisonniers presse
Action saisonniers presse
 
Joe dassin
Joe dassinJoe dassin
Joe dassin
 
Passe compose
Passe composePasse compose
Passe compose
 
Etat des lieux socio-économique du Brabant wallon
Etat des lieux socio-économique du Brabant wallonEtat des lieux socio-économique du Brabant wallon
Etat des lieux socio-économique du Brabant wallon
 
Commerce détail dans 10 ans
Commerce détail dans 10 ansCommerce détail dans 10 ans
Commerce détail dans 10 ans
 

Similaire à Impact du design d'un site Web sur les émotions

Atelier FrenchWeb Design Thinking - Creasenso
Atelier FrenchWeb Design Thinking - CreasensoAtelier FrenchWeb Design Thinking - Creasenso
Atelier FrenchWeb Design Thinking - CreasensoFrenchWeb.fr
 
Atelier Design & Organisation
Atelier Design & OrganisationAtelier Design & Organisation
Atelier Design & OrganisationCédric Borderie
 
Cours de E Marketing sur le e-produit
Cours de E Marketing sur le e-produitCours de E Marketing sur le e-produit
Cours de E Marketing sur le e-produitsmurff
 
Optimisation de la conversion : savoir prendre du recul
Optimisation de la conversion : savoir prendre du reculOptimisation de la conversion : savoir prendre du recul
Optimisation de la conversion : savoir prendre du reculPaul Evans
 
UX et Data : Data-Driven UX
UX et Data : Data-Driven UXUX et Data : Data-Driven UX
UX et Data : Data-Driven UXPaul Evans
 
éValuation site web en 20 points tactic direct
éValuation site web en 20 points tactic directéValuation site web en 20 points tactic direct
éValuation site web en 20 points tactic directtacticdirect
 
UX + DONNÉES = Coeur + CRO
UX + DONNÉES = Coeur + CROUX + DONNÉES = Coeur + CRO
UX + DONNÉES = Coeur + CROSimon White
 
1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateurLaurent Barbat
 
Rédaction web et référencement naturel - la Licence Pro de Mulhouse
Rédaction web et référencement naturel - la Licence Pro de MulhouseRédaction web et référencement naturel - la Licence Pro de Mulhouse
Rédaction web et référencement naturel - la Licence Pro de MulhouseYellow Dolphins
 
Flupa UX Days 2017: "UX + DONNÉES = <3> par Simon White
Flupa UX Days 2017: "UX + DONNÉES = <3> par Simon WhiteFlupa UX Days 2017: "UX + DONNÉES = <3> par Simon White
Flupa UX Days 2017: "UX + DONNÉES = <3> par Simon WhiteFlupa
 
Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)Synerg'hetic
 
L'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site webL'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site webJulien Dereumaux
 
Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"Synerg'hetic
 
Nouveau site web- par où commencer
Nouveau site web- par où commencerNouveau site web- par où commencer
Nouveau site web- par où commencerViGlob Informatique
 
Atelier - Bienvenue dans l'ère post-webdesign
Atelier - Bienvenue dans l'ère post-webdesignAtelier - Bienvenue dans l'ère post-webdesign
Atelier - Bienvenue dans l'ère post-webdesignMedialibs
 
Designers, prenez le pouvoir !
Designers, prenez le pouvoir !Designers, prenez le pouvoir !
Designers, prenez le pouvoir !David Koss
 
Atelier startup « marque et stratégie design »
Atelier startup « marque et stratégie design »Atelier startup « marque et stratégie design »
Atelier startup « marque et stratégie design »Thomas Le Mouellic
 
Atelier Numérique "Optimiser le contenu de mon site web"
Atelier Numérique "Optimiser le contenu de mon site web"Atelier Numérique "Optimiser le contenu de mon site web"
Atelier Numérique "Optimiser le contenu de mon site web"Kate De Gourdon
 

Similaire à Impact du design d'un site Web sur les émotions (20)

Atelier FrenchWeb Design Thinking - Creasenso
Atelier FrenchWeb Design Thinking - CreasensoAtelier FrenchWeb Design Thinking - Creasenso
Atelier FrenchWeb Design Thinking - Creasenso
 
Atelier Design & Organisation
Atelier Design & OrganisationAtelier Design & Organisation
Atelier Design & Organisation
 
Cours de E Marketing sur le e-produit
Cours de E Marketing sur le e-produitCours de E Marketing sur le e-produit
Cours de E Marketing sur le e-produit
 
Optimisation de la conversion : savoir prendre du recul
Optimisation de la conversion : savoir prendre du reculOptimisation de la conversion : savoir prendre du recul
Optimisation de la conversion : savoir prendre du recul
 
Dc1
Dc1Dc1
Dc1
 
UX et Data : Data-Driven UX
UX et Data : Data-Driven UXUX et Data : Data-Driven UX
UX et Data : Data-Driven UX
 
éValuation site web en 20 points tactic direct
éValuation site web en 20 points tactic directéValuation site web en 20 points tactic direct
éValuation site web en 20 points tactic direct
 
Good design - bad design
Good design - bad design Good design - bad design
Good design - bad design
 
UX + DONNÉES = Coeur + CRO
UX + DONNÉES = Coeur + CROUX + DONNÉES = Coeur + CRO
UX + DONNÉES = Coeur + CRO
 
1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur
 
Rédaction web et référencement naturel - la Licence Pro de Mulhouse
Rédaction web et référencement naturel - la Licence Pro de MulhouseRédaction web et référencement naturel - la Licence Pro de Mulhouse
Rédaction web et référencement naturel - la Licence Pro de Mulhouse
 
Flupa UX Days 2017: "UX + DONNÉES = <3> par Simon White
Flupa UX Days 2017: "UX + DONNÉES = <3> par Simon WhiteFlupa UX Days 2017: "UX + DONNÉES = <3> par Simon White
Flupa UX Days 2017: "UX + DONNÉES = <3> par Simon White
 
Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)
 
L'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site webL'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site web
 
Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"
 
Nouveau site web- par où commencer
Nouveau site web- par où commencerNouveau site web- par où commencer
Nouveau site web- par où commencer
 
Atelier - Bienvenue dans l'ère post-webdesign
Atelier - Bienvenue dans l'ère post-webdesignAtelier - Bienvenue dans l'ère post-webdesign
Atelier - Bienvenue dans l'ère post-webdesign
 
Designers, prenez le pouvoir !
Designers, prenez le pouvoir !Designers, prenez le pouvoir !
Designers, prenez le pouvoir !
 
Atelier startup « marque et stratégie design »
Atelier startup « marque et stratégie design »Atelier startup « marque et stratégie design »
Atelier startup « marque et stratégie design »
 
Atelier Numérique "Optimiser le contenu de mon site web"
Atelier Numérique "Optimiser le contenu de mon site web"Atelier Numérique "Optimiser le contenu de mon site web"
Atelier Numérique "Optimiser le contenu de mon site web"
 

Impact du design d'un site Web sur les émotions

  • 1. Impact du design d'un site Web sur les émotions Benoît Quimper
  • 2. Plan de la présentation  Design  Design + Web  Design + Web + Émotions  Recommandations  Conclusion
  • 3. Design “No generally-accepted and precise definition of design as a concept is available” (Ralph et Wand, 2009)  Alors qu’est-ce qu’un bon design?  Bien plus que l’esthétique  Avant tout une question de pertinence!
  • 4. Design  Sous-concepts  Intuition  Architecture d’information  Utilisabilité  Pertinence  Simplicité  Lisibilité  Interface  Typographie  Arrangement  Forme  Visualisation de données  Aspect visuel  …
  • 5. Design  Meilleur design?  Pertinence Musée Regarder le CH perdre
  • 6. Design + Web  Intuition = scam
  • 7. Design + Web  Craigslist  Concepts importants: Architecture d’information, Simplicité
  • 8. Design + Web  I love typography  Typographie, Aspect visuel, Pertinence, Lisibilité, Simplicité, Arrangement…
  • 9. Design + Web + Émotions  Analytique c’est bien, mais…  Nous donne seulement le:  Quoi: cliques, temps sur page, rebonds, segments, contenu populaire  Résultat: revenus, taux de conversion  Pas le Pourquoi: expérience, émotions  Discussion avec clients, sondage, test d’utilisabilité, etc.
  • 10. Design + Web + Émotions  Les gens ressentent des émotions sur le Web (Éthier et al., 2008)  “We're not fighting an attention war here… we have people's attention because they're on our website. No, we're fighting an emotional war.” (Joshua Porter, bokardo.com)  Objectifs:  Augmenter l’intensité des émotions +  Diminuer l’intensité des émotions –
  • 11. Recommandations  Reconnaître quels sous-concepts du design sont les plus importants  Mettre les consommateurs en confiance  Bon système de navigation  SEO (ex. recettes)  Comme dans le magasin  Selon la compétition (test d’utilisabilité)  Selon la théorie des scripts  Éliminer les culs de sac  Diminuer l’importance de l’esthétique  Coûts de transfert: Facebook, Google Analytics  Mobilité
  • 12. Recommandations  Bonnes descriptions des produits  Créer une personnalité
  • 13. Recommandations  Adapter le design/message en fonction des utilisateurs  Culture, homme vs femme, âge  Selon les connaissances :  Réticence au changement? Modifications incrémentales: réduit les écarts
  • 14. Conclusion  L’expérience utilisateur et les émotions sont guidés par le design  L’esthétique n’est qu’une partie du design  Évaluer le design d’un site Web passe avant tout par la reconnaissance des sous-concepts importants pour l’utilisateur  Sont probablement différents d’une industrie à une autre  Important de mesurer et d’optimiser  Ne surtout pas oublier le qualitatif!  Le Web peut et devrait être ludique  Infolettre amusante avec MailChimp
  • 15. Conclusion  Le design peut être une façon de se différencier de la compétition  Valeur ajoutée pour l’utilisateur: on se souci de lui et de ses besoins  Le design permet de simplifier les tâches  Comme le fait si bien Google…
  • 16. Conclusion Merci! Quimp.com