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