La règle des 80/20 appliquée à la conception Web
Ayant récemment commencé à lire un peu plus sur les principes de conception, je suis tombé sur un principe intéressant appelé le 80/20 Règle , également appelé le principe de Pareto , le principe de Juran , les nombreuses règles essentielles et nombreuses et le principe de la rareté des facteurs .
Ce principe, que je qualifierai de «règle 80/20» dans le présent document, dans le contexte de la conception de sites Web et d’applications Web, peut avoir un impact profond sur l’expérience des utilisateurs et, en fin de compte, sur l’efficacité du contenu. fonctionnalité de votre site Web ou de votre application Web.
Dans ce post, je vais d'abord fournir une définition de base, puis je considérerai quelques exemples spécifiques de la façon dont la règle des 80/20 se révèle bénéfique, puis je résumerai quelques leçons pouvant être tirées de la connaissance de cette règle.
Quelle est la règle?
L'économiste italien Vilfredo Pareto a initialement observé la règle des 80/20, et le principe actuel a été nommé principe de Pareto par Joseph M. Juran.
Vous trouverez ci-dessous des définitions de deux sources différentes. D'abord du livre Principes universels de conception :
La règle 80/20 affirme qu'environ 80% des effets générés par un système important sont causés par 20% des variables de ce système.
Et ensuite, de Wikipedia :
Le principe de Pareto ... stipule que pour de nombreux événements, environ 80% des effets proviennent de 20% des causes
Donc, immédiatement, vous remarquerez que ce n'est pas toujours un principe sur lequel nous, les concepteurs, avons un contrôle direct, mais plutôt un principe que nous observons presque naturellement.
En connaissant l'existence de ce principe ou de ce type d'occurrence, nous disposons d'informations précieuses pour prendre des décisions qui contribueront à améliorer la convivialité et l'efficacité de nos conceptions.
Ne jamais faire attention à la nature hypothétique de la règle ...
Oui, il y a des critiques et ceux qui pensent que la règle des 80/20 n'est rien d'autre qu'une hypothèse ou une théorie trop générale qui ne s'applique pas toujours.
Mais en dehors de cela, le concept lui-même est certainement bénéfique pour ceux qui travaillent sur des interfaces utilisateur et des fonctionnalités qui nécessitent un examen et une optimisation - même si la règle est plus proche de 70/30 ou 90/10.
Comment pouvons-nous l'appliquer à l'expérience utilisateur?
Dans n'importe quel site Web, application Web ou environnement logiciel, la règle 80/20 nous indique que 20% des fonctionnalités et fonctionnalités d'un environnement donné sont responsables de 80% des résultats ou des actions entreprises dans cet environnement.
Dans certains cas, il est facile de déterminer ce qui constitue les 20% d’impact si important. Les statistiques d'analyse Web, les envois de formulaires et les cookies de session peuvent tous être utilisés pour suivre le comportement des utilisateurs. L'analyse de ces éléments nous aidera à déterminer quels domaines de l'interface utilisateur interagissent le plus.
En revanche, les tâches plus petites qui ne sont pas suivies à l'aide de ces méthodes peuvent être plus difficiles à analyser. Dans ce cas, des études d'utilisabilité peuvent être effectuées lorsque les utilisateurs sont observés lorsqu'ils interagissent avec l'interface utilisateur de votre site Web.
Quelques exemples qui reconnaissent la règle des 80/20
Que ce soit intentionnel ou non, il existe de nombreuses preuves que les concepteurs d’UI et d’UX tiennent compte de la valeur de ce principe.
Prenez par exemple un élément d'interface utilisateur simple, comme une liste déroulante de pays présentée dans un formulaire d'inscription. La plupart des développeurs de sites ou des créateurs de contenu reconnaissent que 80% du temps, certains pays seront sélectionnés.
Donc, même si une liste aussi longue risquerait de casser l’ordre alphabétique de la liste, la règle des 80/20 permet de rompre cette convention en mettant les pays les plus sélectionnés en haut, comme le montre la capture d'écran ci-dessous. de Fenn Wright Manson page de paiement:
Dans d'autres cas, comme lors de l'ajout d'une nouvelle adresse à votre carnet d'adresses sur Amazon.com , le choix par défaut est le pays le plus sélectionné - dans ce cas, les États-Unis:
Voici un autre exemple, cette fois d’une entreprise basée au Royaume-Uni appelée North Rock Gallery , qui a l'option UK sélectionnée par défaut:
Ces exemples simples ci-dessus montrent l’importance de l’optimisation des fonctions et des options les plus utilisées ou sélectionnées.
Où regardent les utilisateurs?
le F-Pattern les habitudes de lecture et de numérisation des internautes sont désormais bien établies. Bien entendu, le F-Pattern n’est pas toujours un indicateur sur tous les marchés, mais c’est un bon point de départ pour déterminer où vos utilisateurs regarderont lorsqu'ils interagissent avec vos conceptions.
Jetez un coup d’œil aux cartes de chaleur présentées ci-dessous à partir de l’article bien connu d’Alertbox lié ci-dessus:
En supposant que ceci est un bon indicateur de la concentration de l'attention d'un utilisateur, cela appuie le concept de la règle 80/20. Les zones les plus intenses sur la carte peuvent représenter les 20% de la page que les yeux de l'utilisateur interagissent avec 80% du temps.
À partir de ces connaissances, en tant que concepteurs, nous pouvons prendre des décisions qui contribueront à améliorer et à optimiser les domaines dans lesquels l’utilisateur sera habitué.
Bien sûr, la conception sera souvent le facteur déterminant de l’attention de l’utilisateur, donc cette suggestion ne devrait être qu’un guide de base et pas nécessairement une manière dogmatique de décider de ce qui tombe sous les 20%.
Tendances de la conception mobile et règle 80/20
Récemment, avec l'explosion des appareils mobiles dans le monde entier, certains concepteurs et développeurs, notamment Luke Wroblewski , ont été encourageants conception web premier mobile . C'est-à-dire que lors de la conception et du développement d'un site Web, la version mobile doit être effectuée en premier lieu, et non l'inverse, pour obtenir certains avantages.
Dans un site Web ou une application Web traditionnelle, certaines zones de votre site tombent naturellement dans les 20% les plus utilisés et avec lesquels vous interagissez. Lorsqu'un site mobile est conçu, l'accent est mis sur ce 20% (ou à peu près).
Ainsi, alors que la version mobile d'un site Web peut avoir ses propres options les plus utilisées (20%), par rapport à la totalité du contenu disponible sur un site Web traditionnel, la version mobile n'aura normalement que les fonctions les plus importantes.
Voici un exemple simple ci-dessous utilisant le PETCO.com site Internet:
Ci-dessus est la version complète du site, dans toute sa splendeur encombrée. Bien qu'il existe des zones d'appel à l'action, et que ce n'est certainement pas le pire design au monde, dans l'ensemble, ce n'est pas très ciblé et les options sont trop nombreuses.
Comparez cela à la version mobile ci-dessous:
En revanche, l’interface mobile présentée ci-dessus est simple et permet aux utilisateurs d’accéder d’abord aux domaines les plus importants, sans les accabler. Les options et les zones de contenu les plus utilisées dans la version complète sont les seules options disponibles dans la version mobile.
Ainsi, les applications Web mobiles bien ciblées sont d'excellents exemples de concepteurs canalisant leur énergie sur les aspects les plus importants de leurs projets, en restant concentrés sur les fonctionnalités et le contenu (les 20%) utilisés la plupart du temps (les 80%).
Leçons résumées
Ayant compris comment fonctionne la règle des 80/20, les concepteurs sont équipés pour prendre des mesures de plusieurs manières, résumées ci-dessous:
- Dans la mesure du possible, analysez soigneusement les données d'analyse et de convivialité pour déterminer les fonctions les plus utilisées de votre site Web.
- Prioriser; c'est-à-dire, se concentrer sur les aspects les plus importants de votre site Web ou de votre application Web, et les améliorer
- Ne passez pas trop de temps à optimiser les choses qui se situent dans les 80% qui ne sont pas souvent utilisées
- Simplifiez vos conceptions et vos mises en page à partir de données qui déterminent ce qui relève des 20% des fonctions les plus utilisées
- Supprimer les fonctionnalités non critiques ou le contenu qui n'est pas souvent utilisé
- N'investissez pas trop de temps et d'argent en optimisant les fonctionnalités les moins utilisées, car le retour sur investissement sera probablement faible
- Trouver des moyens d'améliorer la fonctionnalité et la conception des éléments les plus critiques et moins utilisés qui pourraient avoir un impact plus important sur les conversions si ces éléments de la conception étaient utilisés plus souvent
Alors que la règle 80/20 est un principe discutable avec quelques défauts inhérents, ce n'est pas sans valeur. Donc, considérez cette règle pendant le processus de vos reconfigurations, réalignements, ou même pour de nouveaux projets.
Cela devrait aider vos utilisateurs à rester concentrés sur les fonctionnalités et les contenus les plus importants et, à terme, à améliorer les taux de conversion.
Cet article a été écrit exclusivement pour Webdesigner Depot par Louis Lazaris, rédacteur indépendant et développeur web. Louis court Web impressionnant où il publie des articles et des tutoriels sur la conception de sites Web. Vous pouvez suivez Louis sur Twitter ou contactez-le via son site web.
Avez-vous considéré la règle 80/20 dans vos décisions de conception? Quel effet a-t-il eu sur le succès de votre site Web ou de votre application Web? Partagez vos commentaires ci-dessous.