Design web de personnalisation

Personnalisation dans le design web : comment rendre le contenu plus attrayant

Dans le passé, les sites web étaient plutôt des concepts statiques - caractérisés par une communication unilatérale avec tes utilisateurs. La personnalisation te permet de fournir un contenu pertinent qui améliore le parcours client individuel de ton groupe cible. L'objectif : passer d'une approche rigide à plus de dialogue et de meilleures expériences.

Selon Hubspot, 74% des utilisateurs sont frustrés lorsqu'on leur montre un contenu non pertinent. Il s'agit d'informations qui n'ont rien à voir avec leurs intérêts. Une autre analyse a examiné plus de 93 000 call-to-action (CTA) en un an. Le résultat n'est pas surprenant : les CTA personnalisés rapportent 43% de clics en plus que ceux qui sont identiques pour toutes les personnes.

Il est donc grand temps de rendre ton site web plus personnel !

Lorsque nous parlons de personnalisation, nous faisons la distinction entre les contenus que les utilisateurs peuvent modifier (personnalisation). Et ceux qui sont modifiés par le site Web pour les utilisateurs (personnalisation). En outre, tu peux rendre ton site Web plus intéressant grâce à des interactions intelligentes et offrir ainsi aux visiteurs une expérience plus personnelle.

La personnalisation dans le design web

Quand on parle de personnalisation, on parle de contenus adaptés aux utilisateurs, sans intervention directe de leur part. Cela signifie que toi, en tant que propriétaire de site, tu adaptes le contenu à ton groupe cible. Nous le faisons en nous basant sur les données dont nous disposons.

Avec un contenu personnalisé, tu peux améliorer la convivialité et l'expérience utilisateur en général. Mais attention : ne perds pas de vue la protection des données. Dans l'espace européen, tu dois savoir quelles données tu peux conserver, quand, comment et surtout pendant combien de temps.

Contenu basé sur l'emplacement de l'utilisateur

Les contenus basés sur la localisation sont constamment utilisés pour la personnalisation dans le design web. Nous connaissons les informations basées sur la localisation des boutiques en ligne et des entreprises internationales qui proposent des contenus régionaux. De nombreuses entreprises, comme Adobe, publient ainsi automatiquement leur site web dans la langue de la région de leurs utilisateurs.

Adobe aussi mise sur les informations basées sur la localisation dans le design web.
Adobe aussi mise sur les informations basées sur la localisation dans le design web.

Login et zone utilisateur

S'il s'agit de personnalisation dans le design web, il faut aussi mentionner la zone de connexion et d'utilisateur. Le Social Login en fait partie. Tu peux ainsi faciliter la connexion de tes clients sur ton site. Ils gagnent ainsi du temps et n'ont pas besoin de retenir trop de mots de passe. En outre, dans le commerce électronique, il est utile d'afficher un aperçu adapté des produits en fonction des commandes précédentes.

Social Login facilite la connexion à ton site web.
Social Login facilite la connexion à ton site web.

Nombre de visites sur le site

Il peut être utile de montrer un contenu différent à chaque personne, selon qu'elle est déjà venue sur ton site et combien de fois.

Miro montre aux utilisateurs First-Time ou à ceux qui n'ont pas été là depuis un moment une petite introduction aux fonctions principales du programme.

Personnalisation dans le design web : comment rendre le contenu plus attrayant
Un petit onboarding chez Miro explique les fonctions principales.

Donner à tes utilisateurs la possibilité de rester connectés à certains appareils peut créer une grande valeur ajoutée.

Amazon ne propose pas seulement la reconnaissance, mais aussi la possibilité de sauvegarder les produits populaires pour plus tard. En tant qu'utilisateur, tu peux ainsi revenir à tout moment sur des produits que tu as déjà consultés. Amazon utilise également l'emplacement et n'affiche que les produits qui peuvent être envoyés à cet endroit.

Personnalisation dans le design web : comment rendre le contenu plus attrayant
Amazon permet de rester connecté via une case à cocher.

Parcourir l'historique

De nombreux sites web proposent des publicités ciblées. Celles-ci sont généralement basées sur ce que quelqu'un a regardé en dernier. Ton historique général de navigation peut avoir une influence sur cela. Les contenus personnalisés de ce type sont importants pour les sites de commerce électronique.

Si tu montres à tes visiteurs des contenus qu'ils ont déjà consultés ou enregistrés, cela peut avoir un impact positif sur tes ventes. Il s'agit de permettre à ton groupe cible de retrouver aussi facilement que possible les articles qui ont déjà éveillé leur intérêt.

"*" indique les champs requis

Je souhaite m'abonner à la newsletter pour être informé des nouveaux articles de blog, des ebooks, des fonctionnalités et des nouvelles de WordPress. Je peux retirer mon consentement à tout moment. Merci de prendre connaissance de notre politique de confidentialité.
Ce champ sert à la validation et ne doit pas être modifié.

La personnalisation dans le design web

La personnalisation dans le design web comprend les modifications apportées à ton site web que tes clients peuvent configurer eux-mêmes. Le plus connu est le réglage de la langue, lorsque tu affiches ton site Web dans d'autres langues à l'aide d'un bouton. 

La possibilité de voir ton site web en mode sombre ou lumineux fait également partie de la personnalisation. Grâce à la personnalisation, les utilisateurs peuvent décider eux-mêmes de la manière dont ils souhaitent voir certains aspects de ton site Web.

Tu peux utiliser ce type de personnalisation pour améliorer massivement l'utilisabilité de ton site web. L'agence fédérale pour l'emploi propose plusieurs types de personnalisation.

En tant qu'utilisateur(trice), tu peux afficher le site web dans une langue facile à comprendre ou en langue des signes. De plus, le site est disponible dans d'autres langues que l'allemand.

Personnalisation du design web : l'agence fédérale pour l'emploi utilise des outils pour une meilleure accessibilité.
L'agence fédérale pour l'emploi mise sur des outils pour une meilleure accessibilité.

L'agence Puppy Love a opté pour une approche humoristique. Les visiteurs du site peuvent décider au début avec quelle voix off ils souhaitent écouter le site. La couleur de fond peut également être modifiée individuellement. Il s'agit plutôt d'un ajout qui n'offre pas de réelle valeur ajoutée.

Personnalisation dans le design web : comment rendre le contenu plus attrayant
L'humour et la personnalisation peuvent aller de pair - comme le montre l'agence Puppy Love.

Personnalisation des produits

La personnalisation des produits existe depuis longtemps. Et pourtant, elles n'ont pas perdu leur attrait pour les clients. Ce qui est spécial, c'est que le site web n'est qu'un moyen de personnalisation, mais le site web en lui-même n'a pas été adapté à la personne.

Il peut s'agir du produit lui-même, qui est personnalisé, comme dans l'exemple de Nike ci-dessous.

Personnalisation dans le design web : comment rendre le contenu plus attrayant
Chez Nike, tu crées des sneakers personnalisées.

Le produit à personnaliser peut également être un produit marketing. Comme dans l'exemple de Nutella. Ici, les utilisateurs sont récompensés par un livre de recettes Nutella personnalisé s'ils ont acheté au moins deux pots de Nutella.

Personnalisation dans le design web : comment rendre le contenu plus attrayant
Nutella aussi mise sur la personnalisation dans le design web - avec des livres de recettes individuels.

Interaction dans le design web

En règle générale, ton site web aura déjà un certain nombre d'interactions - que ce soit des boutons, des liens ou des connexions. Les éléments de formulaire comme l'inscription à la newsletter sont également des interactions.

Chaque possibilité de faire quelque chose sur ton site web permet une interaction. Comment rendre ces interactions plus intéressantes pour les visiteurs de ton site ?

François Risoud utilise sur son site web un tracker qui suit ta souris. L'arrière-plan vaporeux se déforme en conséquence et crée de petits cercles qui s'associent avec ses Compétences sont étiquetés. Cette approche est simple et ludique. En tant que visiteur, tu as envie d'explorer le site, tandis que tu te sens bien. Risoud faire preuve d'habileté.

Personnalisation dans le design web : comment rendre le contenu plus attrayant
C'est là que les compétences et l'interaction se rejoignent : en déplaçant le curseur.

Tu trouveras un effet similaire sur le site d'argor-heraeus.com: le curseur de la souris laisse une queue qui rappelle la poussière d'or.

Personnalisation dans le design web : comment rendre le contenu plus attrayant
Si tu déplaces ton curseur sur le site d'Argor Heraeus, tu laisses de la poussière d'or derrière toi.

Sur blacknegative.com tu peux utiliser le Mouse-over Découvrir petit à petit une image de fond.

Personnalisation dans le design web : comment rendre le contenu plus attrayant
La curiosité peut aussi créer plus d'interaction dans le design web.

Les interactions sont un excellent moyen d'en apprendre plus sur tes clients. En utilisant, par exemple, des questionnaires relatifs au produit, tu peux obtenir des informations pertinentes sur ton groupe cible. Et ce, tout en leur offrant une valeur ajoutée.

ImmoScout24 permet aux visiteurs d'utiliser gratuitement le calculateur immobilier. Cela incite les utilisateurs à interagir avec le site. De plus, il offre un avantage supplémentaire : l'évaluation rapide et gratuite du bien immobilier. ImmoScout obtient pour cela un aperçu du marché immobilier national. En effet, pour l'évaluation, ils ont besoin du code postal, du type de propriété, de la taille du terrain, de l'infrastructure et bien plus encore. 

De même, les outils gratuits peuvent être une méthode habile pour obtenir les adresses e-mail de tes visiteurs et leur envoyer ensuite un contenu pertinent. Ici aussi, il faut faire attention : un marketing par e-mail agressif découragera les clients potentiels.

Personnalisation dans le design web : comment rendre le contenu plus attrayant
Immoscout utilise les évaluations pour collecter des données.

Tu peux utiliser ce type d'interaction à chaque fois que tu peux fournir à ton client des informations personnalisées sur tes produits.

Tu trouveras un autre exemple sinon chez les nombreux fournisseurs d'assurance ou sur les sites de comparaison comme check24.

Personnalisation dans le design web : comment rendre le contenu plus attrayant
Check24 collecte des données : via des comparaisons personnelles.

Le contenu interactif peut également être présenté sous forme de quiz. Par exemple sous la forme d'un quiz de connaissances. Tu peux ainsi offrir une valeur ajoutée et, en fonction des résultats, montrer des produits, des liens ou des informations qui sont mieux adaptés à tes utilisateurs.

Tu peux aussi utiliser l'interaction pour égayer ton site. Cependant, elle n'offre pas de valeur ajoutée directe.

Mais de telles interactions peuvent amener les visiteurs à rester sur ton site plus longtemps que d'habitude. Ils sont ainsi invités à explorer et à se souvenir de ta marque de manière positive.

Si tu atterris sur le site de The Cool Club et que tu cliques sur le jeu de cartes, tu fais trembler l'emballage et tu vides petit à petit les cartes via leur site web. Une approche humoristique et ludique qui s'accorde avec le reste de l'identité visuelle.

Personnalisation dans le design web : comment rendre le contenu plus attrayant
Une approche ludique de The Cool Club pour plus de personnalisation.

Les interactions se prêtent merveilleusement bien à la transmission de contenus et de connaissances. Que ce soit par le biais d'un storytelling interactif ou en combinaison avec la gamification, si tu prépares ton contenu de manière interactive, tu peux augmenter ta portée de manière considérable.

Sur polishchristmasguide.com, les visiteurs peuvent patauger dans la neige et explorer les différentes traditions de Noël polonaises de manière ludique.

Personnalisation dans le design web : comment rendre le contenu plus attrayant
La personnalisation et la gamification se rejoignent

A l'aide d'un défilement interactif , Obys montre comment utiliser les propriétés de la grille CSS. Les visiteurs peuvent activer ou désactiver la grille CSS en fonction du thème. Il est également possible de changer de thème sur leur site.

Personnalisation dans le design web : comment rendre le contenu plus attrayant
La grille CSS peut être activée ou désactivée sur le site Web d'Obys.

Réalisation technique dans WordPress

Selon la manière dont tu souhaites rendre ton site web plus personnel ou plus interactif, WordPress t'offre quelques possibilités pour la mise en œuvre technique. J'ai sélectionné quelques plug-ins à cet effet, mais le choix sur le marché est bien sûr encore plus vaste.

Conclusion sur la personnalisation dans le design web

Les possibilités d'interaction et de personnalisation sont loin d'être épuisées. L'interaction et la personnalisation fonctionnent le mieux lorsqu'elles apportent une réelle valeur ajoutée à ton groupe cible. Par exemple, si elles correspondent à ta marque et à ton secteur et aident tes clients à gagner du temps ou à partager des informations précieuses.

Si la personnalisation ou les interactions n'offrent pas de valeur ajoutée, les visiteurs de ton site s'ennuieront rapidement. A moins que tu ne modifies régulièrement certaines parties de ton site. Mais cela peut être coûteux et prendre beaucoup de temps.

Si tu utilises une interaction comme onboarding ou intro de ton site, tu dois donner à tes utilisateurs la possibilité de la sauter. Sinon, cela peut frustrer les visiteurs qui reviennent.

Enfin, il ne faut pas oublier : Si ton interaction ou ta personnalisation contient également du son, n'oublie pas de l'implémenter de manière à ce que les utilisateurs puissent le désactiver.

Tes questions sur la personnalisation dans le design web

Quelles sont tes questions sur la personnalisation dans le design web ? Quels sont les concepts que tu peux recommander ? N'hésite pas à utiliser la fonction de commentaire. Tu veux plus de conseils sur le webdesign et le développement ? Alors suis-nous sur Twitter, Facebook ou via notre newsletter.

As-tu aimé cet article ?

Tes évaluations nous permettent d'améliorer encore plus notre contenu.

Laisse un commentaire

Ton adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués d'un *.