• UI & UX

Le principe de Pareto dans la conception de sites Web - concevoir un site Web plus efficace grâce à la règle des 80/20

  • Lene Wandrey
  • 1 min read
Le principe de Pareto dans la conception de sites Web - concevoir un site Web plus efficace grâce à la règle des 80/20

Le problème du perfectionnisme dans la conception de sites web

Le perfectionnisme peut être un défi pour de nombreux graphistes et concepteurs de sites Web. La recherche de l'excellence est admirable, mais elle peut entraîner une certaine frustration en raison des modifications et des ajustements incessants jusqu'à ce que chaque élément du site Web soit parfait. Pour de nombreux concepteurs, il est facile de se laisser emporter par le processus de conception et de perdre la notion du temps en choisissant des polices de caractères, des palettes de couleurs et en réfléchissant à des centaines de décisions de conception parfaites au pixel près. Bien sûr, il est important de fournir un travail de qualité, mais en tant que designer, il est facile de perdre de vue ce que cela signifie ? Un site Web ne devrait pas être axé sur les objectifs du concepteur, mais plutôt sur les résultats souhaités par le client, tout en tenant compte des contraintes de temps, de ressources et d'énergie. En l'absence de contraintes, un site Web peut facilement devenir trop sophistiqué, lent, avec trop d'éléments et de fonctionnalités qui déroutent les utilisateurs. Il est également difficile d'intégrer toutes les fonctionnalités dans un temps limité, de sorte que le concepteur peut tout simplement manquer de temps, et le fait de ne pas livrer un bon site Web dans les délais impartis est très stressant pour toutes les personnes concernées.

Qu'est-ce que le principe de Pareto ?

La "règle des 80/20", parfois appelée principe de Pareto, stipule que 80 % des effets proviennent de 20 % des causes. Le principe de Pareto a été introduit pour la première fois par un économiste italien nommé Vilfredo Pareto en 1895, lorsqu'il a observé que 80 % de la richesse de l'Italie était détenue par seulement 20 % de sa population. Il a également remarqué que 20% des cosses de pois dans son jardin produisaient 80% des pois ! Le principe de Pareto suggère que quelques éléments clés sont responsables de la production de la majeure partie d'un résultat donné. Depuis lors, il a été appliqué à de nombreux autres domaines, dont les affaires, l'économie et la psychologie, et peut même être pratique dans la vie de tous les jours.

Cela s'applique également à des exemples à plus petite échelle ; avez-vous déjà remarqué que la plupart de vos revenus proviennent d'une poignée de clients réguliers ? Ou que vous semblez toujours porter les mêmes vêtements alors que la majeure partie de votre garde-robe n'est pas utilisée ? Bien que le ratio ne soit pas toujours exactement de 80/20 et qu'il y ait toujours des exceptions, il s'agit d'un excellent outil pour aider les gens à identifier les actions qui ont le plus d'impact sur leur succès et à les prioriser en conséquence.

Le principe de Pareto dans la conception de sites web et le marketing numérique

Le principe de Pareto, appliqué à la conception de sites web, part du principe que la plupart des résultats proviendront d'un petit nombre de caractéristiques clés. En marketing, certaines campagnes donneront de bien meilleurs résultats que d'autres. Pour obtenir les meilleurs résultats, il est logique de se concentrer d'abord sur ce petit nombre de caractéristiques clés et de s'assurer qu'elles reçoivent le plus d'attention, tandis que les parties moins importantes peuvent être réalisées plus rapidement. Une façon d'utiliser le principe de Pareto est de se concentrer sur l'expérience utilisateur et la facilité d'utilisation - en prêtant attention à la façon dont les utilisateurs interagissent avec votre contenu en ligne et en veillant à ce qu'ils puissent trouver ce dont ils ont besoin, vous êtes susceptible de récolter de plus grands bénéfices que si vous vous concentriez uniquement sur l'esthétique. Cela nous apprend que la perfection n'est pas toujours nécessaire, et qu'il est possible d'obtenir un site web encore plus efficace en optimisant les 20% de fonctionnalités importantes.

À titre d'exemple, nous venons d'examiner les données de trafic d'une petite boutique de commerce électronique qui vend des produits artisanaux et avons remarqué plusieurs tendances de Pareto. Par exemple, la quasi-totalité de leurs visiteurs accèdent au site par le biais du mobile. La plupart des ventes de produits proviennent d'un petit nombre de catégories. Facebook était leur plus grande source de trafic sur les médias sociaux. En examinant une carte thermique de la page produit, on constate que certaines zones sont plus sollicitées. On peut observer le modèle F typique, avec des groupes d'interactions dans la rangée supérieure et sur le côté gauche de la page.

Devices popularity

Dashboard with website analytics data

Que peut-on faire avec ces informations pour améliorer les ventes de ce client ?

Dans cet exemple, le gain le plus rapide serait d'améliorer l'expérience mobile de ce site web, qui a été initialement conçu pour les ordinateurs de bureau. Les cartes thermiques de toutes les pages pourraient être examinées pour en savoir plus sur les préférences des utilisateurs. Par exemple, les questions les plus cliquées de la section FAQ pourraient être déplacées vers la page d'accueil au lieu d'être cachées. Les produits à forte rentabilité pourraient être présentés dans les zones de la page où les clics sont les plus nombreux.

Commencez toujours par le "pourquoi".

Always start with the Why(Image Source : Envato Elements)

D'après mon expérience dans le secteur, j'ai remarqué que de nombreux concepteurs sont heureux d'accepter le cahier des charges et de commencer à travailler sur des créations, même s'il leur manque des éléments d'information essentiels concernant l'objectif du projet. La personne qui a rédigé le briefing a peut-être pensé que ces informations étaient implicites, ou le client ne les a pas exprimées de manière concise. Prenez un moment pour prendre du recul avant de commencer à travailler. Si vous ne comprenez pas clairement pourquoi vous faites ce que vous faites, votre conception Web manquera de direction. Votre site Web peut vous sembler bon, et même au client, mais malgré vos nombreuses heures de travail, le résultat sera décevant s'il n'atteint pas les résultats escomptés par le client.

Posez-vous la question : Pourquoi ce site Web existe-t-il ? Qui seront les utilisateurs finaux du site et comment interagiront-ils sur le site ? Comment le site Web créera-t-il de la valeur et du succès pour votre client ? Comment le client mesurera-t-il ce succès ? Comment le site Web attirera-t-il les visiteurs et capturera-t-il des prospects ? Lorsque vous pouvez répondre à ces questions et que vous comprenez le "pourquoi", il est plus facile de hiérarchiser le "quoi" et le "comment" des éléments de conception. Lorsque vous pouvez visualiser le résultat souhaité, cela vous aidera à concentrer votre énergie sur les domaines les plus importants pour y parvenir.

Adopter l'approche du produit minimum viable dans la conception de sites web

Avec tant de décisions à prendre lors de la conception d'un site Web, il peut être difficile de savoir par où commencer. L'approche du produit minimum viable (MVP) consiste à ne construire d'emblée que les éléments de base d'un site Web, puis à les affiner continuellement au fil du temps grâce aux commentaires des clients. Cette approche est généralement adoptée pour économiser des coûts et du temps, ou lorsqu'une idée commerciale repose sur de nombreuses hypothèses. Au lieu de tout tenter d'un coup, les développeurs peuvent hiérarchiser les fonctionnalités en fonction des besoins des clients et créer des prototypes dès que possible. Même si vous n'êtes pas soumis à des contraintes de temps ou de budget, considérer le site Web comme un MVP est un moyen fantastique d'appliquer le principe de Pareto et de combattre les tendances perfectionnistes. Mentalement, il est utile de savoir que vous pourrez toujours ajouter d'autres fonctionnalités plus tard, mais que vous devez vous concentrer sur les éléments les plus importants pour le moment.

La conception en fonction du mobile peut vous aider à simplifier votre site web.

Lorsque vous concevez un site web, vous souhaitez offrir aux utilisateurs une expérience efficace et intuitive. La meilleure façon d'y parvenir est d'adopter une approche de conception "mobile-first". Ce concept consiste à créer des sites Web optimisés d'abord pour les appareils mobiles, plutôt que des sites de bureau adaptés aux mobiles. Pourquoi cela est-il nécessaire ? En 2022, selon techjury.net, les téléphones mobiles génèrent 60,66 % du trafic des sites web, tandis que les ordinateurs de bureau et les tablettes représentent ensemble 39,34 %. Cela peut varier selon les secteurs d'activité et les sites Web, mais la tendance mérite d'être soulignée. En axant votre conception sur la version mobile du site, vous mettez toutes les chances de votre côté.

Lorsque vous commencez à concevoir pour les appareils mobiles, vous remarquez rapidement qu'il y a moins de place pour les mots et le désordre. Il est assez difficile de s'adapter, si vous avez longtemps conçu pour des ordinateurs de bureau. Mais cette approche s'inscrit parfaitement dans le cadre du principe de Pareto, puisqu'elle vous aide à choisir le contenu ayant le plus grand impact. Cette approche présente deux avantages : votre site sera optimisé pour la plate-forme mobile préférée des utilisateurs et, lorsque vous l'adapterez pour les ordinateurs de bureau, il sera visuellement moderne et propre. Vous devrez toujours adapter votre site Web au bureau par la suite, mais si vous travaillez selon l'approche "mobile-first", cela devient beaucoup plus facile, car vous disposez déjà d'un design simplifié.

Faites des recherches et analysez les sites web des concurrents

Lorsqu'il s'agit de conception de sites Web, nous pensons souvent que la recherche consiste à regarder d'autres sites Web inspirants ou des modèles présentant de beaux éléments de conception. Mais la recherche en matière de conception Web ne se limite pas à admirer l'esthétique d'autres sites Web. Il est nécessaire de comprendre comment les gens utilisent le web, comment les utilisateurs interagissent avec différents designs et comment le contenu est organisé pour créer un site web efficace. En demandant toutes les données d'analyse que le client peut fournir ou en utilisant un outil de suivi comme Ranktracker, nous pouvons mieux identifier les domaines à améliorer pour obtenir un site Web plus performant.

La recherche doit inclure l'examen des normes industrielles existantes, des publics cibles et des préférences des utilisateurs par le biais d'une analyse de la concurrence. Vous pouvez trouver des concurrents en demandant au client, ou en effectuant vos propres recherches et en voyant quels sites Web se classent en tête. Une fois que vous avez identifié certains concurrents, vous avez besoin d'une source fiable de données sur eux. L'une de mes fonctions préférées de Ranktracker est la possibilité d'ajouter vos propres concurrents identifiés et il affichera les performances des concurrents dans une colonne à côté des résultats de votre propre domaine. Si un concurrent vous surclasse pour vos propres mots-clés, cela vaut la peine d'analyser son site Web pour en tirer des enseignements. Pour ajouter un concurrent, il suffit de coller son URL.

Add competitors in Rank Tracker

Rank Tracker board

Cliquez pour un excellent article approfondi sur la façon de mener une analyse concurrentielle.

Pendant que vous faites vos recherches, dressez une "liste de rêve" de toutes les caractéristiques et de tous les éléments que vous pourriez inclure (ne vous inquiétez pas, vous les réduirez, mais il est utile d'avoir toutes les idées ensemble).

Planification : Identifier les principales caractéristiques de conception

Planning: Identifying Key Design Features(Source de l'image : Envato Elements)

La conception d'un site Web doit être basée sur l'objectif visé. Examinez tous les éléments/fonctionnalités de votre liste de rêve et choisissez ceux qui, selon vous, aideront votre client à atteindre son objectif. Prenez du papier vierge et commencez à dessiner des maquettes brutes pour votre site Web. Sur vos maquettes, reliez chaque élément que vous prévoyez d'inclure à un résultat : si vous ne pouvez pas trouver un objectif clair pour cet élément, supprimez cette section. Ne pensez pas à l'esthétique du design, concentrez-vous sur ce qui est le mieux pour l'expérience utilisateur et la convivialité.

Contrairement à la croyance populaire, vos premières maquettes n'ont pas besoin d'être conçues avec un logiciel de conception sophistiqué. L'approche analogique du crayon et du papier fonctionnera très bien, et parfois même mieux, car vous ne serez pas distrait par le logiciel lui-même. Le papier est plus indulgent et moins permanent ; il est plus rapide à utiliser, ce qui peut être utile pendant le processus de création. Si vous devez présenter des wireframes à votre client, vous pouvez le faire de manière plus professionnelle une fois que vous avez travaillé sur les dessins bruts.

Faites d'abord une maquette, ne concevez pas dans la plateforme web pour gagner du temps.

Un vieux dicton dit qu'on ne peut pas piloter un avion pendant qu'on le construit. Il en va de même pour la conception de sites Web : essayer de construire un site Web alors que vous êtes encore en train de prendre des décisions sur le contenu, les fonctionnalités et la conception, est une recette pour la frustration. Pour que les choses restent efficaces, vous avez besoin d'un plan. La création d'une maquette de chaque page peut sembler longue et contre-intuitive, mais elle a de nombreux objectifs et vous fera gagner du temps à long terme. Les maquettes permettent à votre client de visualiser le site Web avant même que le développement ne commence. Il peut expérimenter les différentes options de couleurs et de polices, et anticiper facilement ce qui doit être modifié. La discussion d'une maquette crée de nombreuses opportunités de discussion et de questions. Cela augmente les chances que votre client soit satisfait lorsqu'il verra le site réel pour la première fois. Plus important encore, travailler avec une maquette vous permet de construire le site Web beaucoup plus rapidement une fois que vous arrivez à la phase de développement, car presque toutes les décisions créatives ont déjà été prises.

Travaillez avec du contenu qui sera bien classé dans les moteurs de recherche.

Parfois, un client insistera pour que vous commenciez à concevoir avec du "texte générique", car il pense que votre rôle se limite à concevoir les éléments esthétiques. Dans la mesure du possible, évitez d'effectuer tout travail de conception avec un texte générique. Même si vos conceptions sont belles, votre site Web n'aura pas de raison d'être si vous négligez un ingrédient clé, comme un contenu bien écrit.

Un site Web n'a de valeur que s'il est visité, et l'optimisation des moteurs de recherche (SEO) est la façon dont les moteurs de recherche trouvent votre site Web de façon organique. Le choix du libellé d'une page est essentiel pour le référencement, et les éléments de conception doivent soutenir le libellé. Si vous connaissez les mots clés dès le départ, cela vous donne un aperçu supplémentaire. Si vous faites appel à un rédacteur pour votre contenu, assurez-vous qu'il connaît bien le référencement. Même si vous n'êtes pas un expert en référencement, familiarisez-vous avec ce sujet afin d'en être plus conscient lors de votre processus de conception web.

Certains outils de recherche de mots-clés sont compliqués (surtout si vous êtes novice en matière de référencement), mais l'outil de recherche de mots-clés de Ranktracker est très simple et intuitif: il vous suffit d'ajouter les mots-clés à une liste et il affiche les résultats selon un code couleur en fonction de la difficulté du mot-clé. Pour un bon référencement, vous devez choisir des mots clés avec une faible concurrence mais un volume de recherche adéquat, il est donc très utile que les volumes de recherche soient affichés directement.

Keyword Finder

Avant de commencer, essayez donc d'obtenir au moins une ébauche du libellé. Si vous êtes un concepteur indépendant, il est probable que vous devrez également aider le client à déterminer où le libellé sera le mieux placé sur le site Web. Une réalité du processus de conception est que ce libellé peut changer plusieurs fois, mais avoir quelque chose pour commencer est bien mieux que rien du tout.

Simplifier les choix concernant les polices, les couleurs, la hiérarchie et les éléments visuels.

Si vous êtes un designer moins expérimenté ou si vous souhaitez simplement gagner du temps, il est utile de travailler avec des modèles et de les utiliser comme base. Pour un CMS comme WordPress, il existe des milliers de modèles de qualité à des prix raisonnables. Ceux-ci comportent déjà des polices, des couleurs, une hiérarchie et des éléments visuels conçus dans un style cohérent. Si l'originalité vous préoccupe, soyez assuré que votre résultat sera différent du modèle puisque vous l'adaptez à vos maquettes. Le fait de disposer de quelques éléments de conception et d'un style général pour commencer peut vraiment vous aider à trouver une direction et à réduire la fatigue liée aux décisions. N'incluez pas trop de couleurs : vous pouvez sans risque limiter les couleurs de votre site Web à 2 couleurs ou à un maximum de 3. Consultez les 20 meilleures combinaisons de couleurs à essayer sur votre site Web pour trouver de bonnes idées et tendances dans le choix des couleurs de votre site Web.

Conclusion : Maximiser l'impact

Savoir où se concentrer peut aider un concepteur à gérer ses tendances perfectionnistes tout en réussissant. Le principe de Pareto est une règle empirique en matière de conception Web qui stipule que 80 % de l'expérience utilisateur peut être obtenue avec 20 % de l'effort. Cela signifie que les concepteurs Web doivent concentrer leurs efforts sur l'optimisation du contenu, des éléments de conception sur la page, de la convivialité et d'autres facteurs afin de créer un site Web efficace qui sera bien classé dans les moteurs de recherche.

Lene Wandrey

Lene Wandrey

Lene Wandrey is a tech-loving artist, graphic designer and entrepreneur living in South Africa. She's the founder of hot-designs.com. She is passionate about design and productivity.

Link: hot-designs.com

Essayez Ranktracker GRATUITEMENT