Conception de sites web personnalisés

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. Grâce à la personnalisation, tu crées des contenus pertinents qui enrichissent le parcours client individuel de ton groupe cible. L'objectif est de passer d'une approche rigide à un dialogue accru et à de meilleures expériences.

Selon Hubspot, 74 % des utilisateurs se sentent frustrés lorsqu'un contenu non pertinent leur est présenté. 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 l'espace d'un an. Le résultat n'est pas surprenant : les CTA personnalisés génèrent 43 pour cent de clics en plus que ceux qui étaient identiques pour toutes les personnes.

Il est donc grand temps de personnaliser ton site web !

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.

Personnalisation dans le design web

Lorsque nous parlons de personnalisation, nous entendons par là un contenu adapté aux utilisateurs, sans intervention directe de leur part. Cela signifie qu'en tant qu'exploitant de site web, tu adaptes le contenu à ton groupe cible. Nous le faisons sur la base des données dont nous disposons.

Avec des contenus individuels, tu améliores ainsi la convivialité et l'expérience utilisateur générale. Mais attention : ne pas perdre de vue la protection des données. En particulier dans l'espace européen, tu dois savoir quelles données tu peux enregistrer, quand, comment et surtout pendant combien de temps.

Contenu basé sur la localisation de l'utilisateur

Les contenus basés sur la localisation sont constamment utilisés pour la personnalisation dans la conception de sites 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 mise également sur les informations basées sur la localisation dans la conception de sites web.
Adobe mise également sur les informations basées sur la localisation dans la conception de sites web.

Login et espace utilisateur

Lorsqu'il s'agit de personnalisation dans le design web, il faut également mentionner le login et la zone utilisateur. Le Social Login en fait partie. Tu peux ainsi faciliter la connexion de tes clients sur ton site web. Ils gagnent ainsi du temps et ne doivent pas retenir trop de mots de passe. En outre, dans le commerce électronique, il est intéressant d'afficher un aperçu adapté des produits sur la base 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 présente aux utilisateurs First-Time ou à ceux qui n'ont pas été là depuis un certain temps une petite introduction aux principales fonctions du programme.

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

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 se sert également de la localisation et n'affiche que les produits qui peuvent être envoyés à l'endroit en question.

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 se basent généralement sur ce que quelqu'un a regardé en dernier. Ton historique général de navigation peut avoir une influence sur ce point. Les contenus personnalisés de ce type sont importants pour les sites de commerce électronique.

Le fait de montrer à tes visiteurs des contenus qu'ils ont déjà consultés ou enregistrés peut avoir un impact positif sur tes ventes. Il s'agit ici de permettre à ton groupe cible de retrouver aussi facilement que possible les articles qui ont déjà suscité son intérêt.

"*" indique les champs obligatoires

Consentement*
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é d'afficher 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, tu peux afficher le site web dans une langue facile à comprendre ou en langue des signes. Le site est également disponible dans d'autres langues que l'allemand.

Personnalisation du design web : l'Agence fédérale pour l'emploi mise sur 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 l'arrière-plan 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
Humour et 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. La particularité est que le site web n'est ici que le moyen de la personnalisation, mais que 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 peux créer tes propres baskets.

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 mise également 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 comportera déjà un certain nombre d'interactions - qu'il s'agisse de boutons, de liens ou de connexions. Les éléments de formulaire tels que l'inscription à la newsletter constituent é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 un tracker qui suit ta souris. L'arrière-plan vaporeux se déforme en conséquence et crée de petits cercles qui correspondent à ses Compétences sont étiquetés. Cette approche est simple et ludique. En tant que visiteur, on a envie d'explorer le site, tandis que l'on se sent bien. Risoud peut faire étalage de ses compétences.

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

Tu trouveras un effet similaire sur le site 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 web 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 également être à l'origine d'une plus grande interaction dans le design web.

Les interactions sont un excellent moyen d'en savoir plus sur tes clients. En utilisant par exemple des questionnaires pertinents pour le produit, tu peux obtenir quelques 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. Il offre en outre 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 bien immobilier, de la taille du terrain, de l'infrastructure et de bien d'autres informations. 

De même, des outils gratuits peuvent être une méthode habile pour obtenir les adresses e-mail de tes visiteurs et leur envoyer ensuite des contenus pertinents. Là encore, la prudence est de mise : 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 sinon un autre exemple chez les nombreux fournisseurs d'assurance ou sur des 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 plus-value et montrer, en fonction des résultats, des produits, des liens ou des informations qui sont mieux adaptés à tes utilisateurs.

Tu peux également utiliser l'interaction pour égayer ton site web. Elle n'offre toutefois pas de valeur ajoutée directe dans un premier temps.

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

Si l'on atterrit sur le site de The Cool Club et que l'on clique sur le jeu de cartes, on fait vaciller l'emballage et on vide 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 tes contenus de manière interactive, tu peux immensément augmenter ta portée.

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

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

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

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 réalisation technique. J'ai sélectionné quelques plugins à 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 encore loin d'être épuisées. L'interaction et la personnalisation fonctionnent 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 web s'ennuieront rapidement. Sauf si tu modifies régulièrement certaines parties de ton site. Cette dernière solution peut toutefois s'avérer coûteuse et chronophage.

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

Enfin, il faut le faire : 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 concepts peux-tu recommander ? N'hésite pas à utiliser la fonction 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.