Le design émotionnel est une pratique courante dans la publicité, le marketing et la communication, mais depuis quelques temps c’est le web design émotionnel qui fait surface. Cette nouvelle pratique et tendance web permet de renforcer l’attrait de votre marque en intervenant sur l’aspect émotionnel et affectif de l’internaute.
D’autre part, le web design émotionnel améliore le trafic d’un site web, diminue le taux de rebond de la page d’accueil, et c’est surtout une bonne stratégie et alternative pour vous démarquer des concurrents…
Voici une brève présentation du web design émotionnel que nous abordons : Web design émotionnel vs. rationnel, aborder le concept du webdesign, définir sa promesse en web design, communiquer par le web design, choisir les éléments du web design émotionnel…
Et pour les moins courageux voir la vidéo en bas de page !
Web design émotionnel vs. rationnel
Toute décision prise par une personne résulte d’un processus de choix qui se veut rationnel dans la plupart des cas. Néanmoins, en tant qu’humains, nos émotions ont souvent un impact bien plus important que l’on voudrait. Que ce soit pour l’achat d’un nouvel ordinateur ou même le placement de son argent, les émotions nous influencent trop souvent.
Dans son livre « Emotional Design », Donald Norman déclare; les utilisateurs perçoivent les objets esthétiques comme plus efficaces. Ce concept s’applique à presque tout. Y compris aux sites internet…
Les émotions peuvent être positives ou négatives. Elles sont déclenchées par l’utilisateur en réponse à des stimuli sensoriels – ici visuels. La réaction à ces éléments est différente selon les personnes, entre hommes et femmes par exemple. Elle est également affectée par la culture et le vécu de chacun.
Selon une étude réalisée sur un panel de femmes, lorsqu’elles n’apprécient pas le ton et le format d’un site internet, elles ont moins de chances de s’y engager émotionnellement. Pour un site e-commerce, cela se traduit par le fait qu’elles ne feront pas d’achat sur ce site et qu’elles n’y retourneront jamais.) !
Par ou commencer ?
Comment créer un site web au design émotionnel, tout d’abord définir ce qui va intéresser votre public tout en pensant à la promesse et au message que vous souhaitez leur adresser.
Le concept émotionnel de votre site web doit prendre en compte 4 étapes clés :
- La promesse objective, qualitative ou subjective, par le message ou l’image que vous souhaitez communiquer aux internautes
- Votre image de marque devrait exprimer la garantie de vos produits et services aux prospects visés. Idéalement, la promesse de marque engage une obligation de résultat.
- Les caractéristiques de conception / design qui aideront votre promesse à atteindre les internautes
- Les caractéristiques de conception / design qui pourraient impacter négativement votre promesse
Définir sa promesse en design
La première étape est de définir un message clair et le plus simple possible. Ensuite, évaluez attentivement toute contradiction avec ce message avant d’ajouter des éléments. Il est bien entendu conseillé d’ajouter de la profondeur à votre promesse, mais un examen approfondi reste nécessaire avant toute complexification. Votre ajout pourrait-il nuire à la lisibilité de votre promesse ? Votre ajout est-il compréhensible par l’ensemble de vos visiteurs ?
Un design simple est toujours fonctionnel mais un bon design raconte quelque chose de plus. – Tinker Hatfield, shoe designer, Nike.
Une promesse est bien plus que des simples mots et éléments graphiques. Il faut vous assurer que votre promesse évoquent les bonnes émotions. Tous les éléments du design, du contenu textuel aux éléments de conception en passant par les émotions, forment un tout.
Une attention particulière doit être accordée au ton dans lequel votre message est délivré. Ce peut être un plus d’ajouter une légère dose d’humour au contenu pour humaniser votre site internet et créer une proximité avec vos internautes. Notez néanmoins qu’un humour excessif ou trop lourd peut vous pénaliser, manque de professionnalisme.
La promesse et les émotions associées devraient correspondre à l’image de votre entreprise. Les utilisateurs aiment la cohérence et les entreprises établies doivent considérer leur image de marque dans le web design émotionnel.
L’objectif est d’offrir à vos visiteur une expérience utilisateur de qualité et d’éviter qu’ils se perdent en naviguant sur votre site. Cela est particulièrement important sur les pages d’accueil, qui servent d’entrée et d’introduction à votre site Web. Le ressenti émotionnel devraient être évident pour tout public.
Communiquer via le design émotionnel
Tous les éléments du webdesign d’un site internet devrait donner du sens au message. En effet, les choix d’un design sans signification peuvent être frustrants pour les internautes. Et si un élément n’a pas de signification, les visiteurs vont s’interroger et risquent de mal interpréter le message. Ce qui pourrait aller à l’encontre de votre message et promesse.
Le texte du message doit être cohérent et logique pour cela éviter les contradictions, voir même les expressions relatives. Créer une relation harmonieuse entre le texte, photos, graphisme. Afin que le web design présente bien l’image de votre entreprise.
Les gens ne cherchent pas des produits justes faciles à utiliser mais que ce soit une joie de les utiliser. — Bruce Claxton, Professor, Design Management at Savannah College of Art and Design.
La cohérence ne s’arrête pas uniquement au web design, mais à l’ensemble des médias. Utilisez toujours votre logo sur vos pages web, dans vos courriers électroniques et sur vos réseaux sociaux. Cela détermine clairement l’identité de votre entreprise. Cette association est indispensable, surtout si vous travaillez pour l’établissement d’une marque forte. En fin de compte, un logo utilisé de manière cohérente peut déjà générer du sens.
Choisir les éléments du web design émotionnel
Lorsque vous concevez un site Web pour susciter des émotions, vous devez tenir compte de tous les aspects du webdesign. Des choix de couleurs et d’images à la typographie , chaque partie de la page doit faire partie d’une sémantique et d’un tout harmonieux.
Les couleurs
De nombreux articles et livres existent sur le sujet, et la couleur est particulièrement importante lors de la conception d’une page.
Du jaune pour le bonheur, bleu pour la sérénité et rouge pour l’excitation, la couleur peut créer un signal émotionnel approprié.
Les préférences individuelles sont bien sûr très diverses, mais chaque couleur a une sémantique émotionnelle établie pour l’ensemble de la population.
Les images
La dimension des images perçu par le lecteur peut donner un signal émotionnel significatif. Plus une image apparaît près et plus elle est grande dans le champ visuel, plus elle communique urgence et intimité. La dimension conduit souvent à une distance émotionnelle. Si les images ne couvrent pas une grande partie du champ visuel, elles semblent moins importantes et l’image peut être perçue comme insignifiante.
Les images peuvent également susciter des émotions par le contenu qu’elles affichent. Par exemple, l’image d’une personne souriante va exprimer de la joie soit une émotion positive.
Les éléments de navigation
Utiliser des éléments d’interface standard (Barre de navigation, Onglets de navigation, fil d’Ariane, grille de navigation…)
sauf si une partie de votre promesse indique que vous réalisez des prestations unique et avant-gardiste. Lorsque vous décidez de ne pas utiliser d’éléments d’interface standard, assurez-vous qu’ils soient bien fonctionnels et compréhensibles aux visiteurs. Briser les règles de conception sans connaître la fonction du standard n’est pas raisonnable. Modifier une règle de conception ou d’un standard est uniquement bien s’il apporte une amélioration à la navigation.
Dans le cas d’une modification des éléments d’interface standard, assurez-vous de créer une navigation claire avec un emplacement bien accessible. Les internautes n’aiment pas se perdre dans une barre de menus ou perdre le fil de leur visite. Les nouvelles fonctionnalités peuvent créer un sentiment d’unicité pour une page Web. d’autre part, vérifiez les éléments d’interface non standard qu’ils n’interfèrent pas le fonctionnement de votre page . Par exemple des menus qui apparaissent uniquement à l’action du défilement de la page ou de trop grandes illustrations, un certain nombre d’éléments spéciaux peuvent nuire à la convivialité de votre interface . Pour résumer, soyez prudent lorsque vous appliquez un élément de design innovant !
Les polices
Le choix de certaines polices est essentiel, certaines polices sont considérées comme standard et professionnelles, telles que Arial et Times New Roman.
L’utilisation d’une police trop marginale qui sort des standards des navigateurs et du web peuvent ne pas s’afficher dans vos pages web.
D’autre part, une police trop marginale, peu créer un design vétuste ou une tendance Bling-bling.. D’autant plus que votre site peut également sembler peu professionnelle.
En bref
Désormais, les nouvelles tendances webdesign s’orientent sur la simplicité d’utilisation de la navigation et l’uniformisation des interfaces et du design des pages, ainsi, les sites sont peu personnalisés, et la frontière entre uniformisation et ennui est proche, c’est une ligne tout aussi mince qui se situe entre excitation et confusion.
Assurez-vous que votre site soit du bon côté de la frontière. Pour cela intégrer du web design émotionnel dans vos pages peut faire la différence et vous aider à vous démarquer !
N’hésitez pas à nous contacter pour concevoir votre web design émotionnel, nous pouvons vous aider à transmettre votre promesse !
Autres articles :
Comment améliorer l’expérience utilisateur de votre site web
https://www.abime-concept.com/blog/2019/04/16/les-pratiques-et-avantages-du-web-design/
