Comment simplifier votre design en plus de 20 étapes faciles avec exemples

Les entreprises s'efforcent constamment de créer des produits simples et faciles d'utilisation. Plus de fonctionnalités, de nouvelles technologies et des capacités avancées, le tout dans un format léger et intuitif. Bien souvent, simplifier les choses est ce qu'il y a de plus difficile.

Qu’est-ce que la « simplicité » ?

On peut définir la simplicité comme quelque chose de facile à comprendre ou à réaliser, sans difficulté. La simplicité est subjective ; ce qui paraît simple à une personne ne le sera pas forcément pour une autre. Généralement, notre opinion sur la simplicité ou la complexité d'un processus se forme en trois étapes rapides :

Supprimer les obstacles qui se dressent sur le chemin des utilisateurs vers leurs objectifs vous aidera à progresser vers la simplicité. Dans Les Lois de la Simplicité, John Maida Elle propose dix lois pour équilibrer simplicité et complexité dans les affaires, la technologie et le design : des lignes directrices pour avoir besoin de moins et obtenir plus.

Maeda, professeur au MIT Media Lab et graphiste de renommée mondiale, explore la question de savoir comment nous pouvons redéfinir la notion d’« amélioration » afin qu’elle ne signifie pas toujours autre chose. « Les lois de la simplicité » est un excellent livre.Je vous recommande donc de le lire.

Et la complexité, alors ?

En parlant de simplicité, il faut évoquer l'autre extrémité du spectre. Tout comme la simplicité, la complexité est une notion subjective. Avec une formation adéquate, même les sciences spatiales ne sont pas si difficiles. Cependant, plusieurs facteurs tendent à compliquer même les tâches les plus simples. Il convient de les éviter autant que possible lors de la conception de produits.

Alors, comment pouvons-nous appliquer cela à la conception de produits ?

1. Créer des produits à valeur ciblée

Il existe tellement de logiciels qui prétendent tout faire pour un public si vaste que chacun essaie de devenir le couteau suisse du secteur. Si vous souhaitez que votre produit soit simple, vous devez définir une valeur fondamentale et identifier clairement votre public cible. L'intégration de Facebook n'est pas indispensable à tous les produits.

2. Éliminez tout ce qui est inutile

La meilleure façon d'atteindre la simplicité est de réduire soigneusement son interface. En cas de doute, supprimez tout simplement ce qui est superflu : informations secondaires, commandes rarement utilisées, styles superflus… C'est aussi simple que cela. Dès que vous appliquerez ce principe, vous constaterez immédiatement les résultats. Mais attention à ce que vous supprimez.

« La simplicité n'est pas l'absence de désordre ; elle en est une conséquence. La simplicité consiste, en quelque sorte, à décrire l'utilité et la place d'un objet ou d'un produit. L'absence de désordre se résume à un produit sans désordre. Cela n'est pas simple. » – Jonathan Ive

3. Traduire les données dans un format significatif

La plupart des produits que nous concevons au quotidien reposent sur une grande quantité de données que l'utilisateur doit comprendre pour accomplir efficacement ses tâches. Lorsque vous rencontrez des utilisateurs intéressés par les tendances et les évolutions, privilégiez les représentations visuelles plutôt qu'une masse de chiffres. Vous pouvez toujours afficher des informations complémentaires sur demande. Efforcez-vous d'extraire les informations les plus pertinentes des données dont vous disposez et de les présenter clairement à l'utilisateur.

4. Favorise une prise de décision rapide

Les utilisateurs submergés d'options doivent prendre le temps d'interpréter et de décider, ce qui leur impose un travail qu'ils ne souhaitent pas. Ce phénomène a été expliqué par le célèbre Loi de HickLa loi de Hick prédit que le temps et les efforts nécessaires à la prise de décision augmentent avec le nombre d'options. Par conséquent, pour une expérience utilisateur simple, il est essentiel de faciliter au maximum la prise de décision rapide. Évitez d'avoir à choisir inutilement ; guidez et impliquez l'utilisateur.

5. Trop de choix risquent de faire fuir les clients.

Les théories et recherches psychologiques actuelles affirment les conséquences affectives et motivationnelles positives du libre arbitre. Ces résultats ont engendré l'idée répandue que plus on a de choix, mieux c'est, et que la capacité humaine à gérer ses choix et son désir de choisir sont illimités. Or, les recherches démontrent en réalité le contraire.

L'expérience de la confiture est l'une des plus célèbres en psychologie du consommateur ; elle démontre que proposer moins de choix aux consommateurs peut stimuler les ventes. Plus important encore, l'étude révèle dans quelles situations une offre plus restreinte peut améliorer les ventes.

Cette expérience semble démontrer que les clients confrontés à un choix restreint sont dix fois plus susceptibles d'acheter que ceux à qui l'on présente un grand nombre d'options. Elle constitue un exemple crucial de la surcharge d'informations, l'idée selon laquelle proposer trop de choix aux clients freine leurs achats.

6. Formuler des recommandations lorsque plusieurs options sont présentées.

Lorsqu'il est impossible d'éviter de proposer des options, essayez de les limiter. Faites une recommandation ou partagez des statistiques sur les préférences d'autres clients. Communiquez clairement à l'utilisateur la principale différence entre les options proposées. Cette approche est souvent utilisée sur les pages de tarification.

7. Dirigez l'attention des utilisateurs vers les zones appropriées.

Lorsque vous comprenez le parcours de vos utilisateurs vers l'atteinte de leurs objectifs, vous constaterez qu'à chaque étape, certains éléments sont plus pertinents et contribuent à leur progression vers l'objectif final. Identifiez ces points clés et mettez-les en évidence pour vos utilisateurs.

8. Utilisez la couleur et la typographie pour communiquer une hiérarchie du contenu.

Combien de fois avez-vous entendu dire : « Les utilisateurs ne lisent pas » ? Et c’est vrai, nous sommes très sélectifs quant à ce que nous retenons ou approfondissons. Si vous avez déjà accepté une politique d’utilisation interminable sans en lire un mot, vous savez de quoi je parle. De nombreux éléments peuvent influencer le choix de la typographie : police, taille, crénage, interligne, majuscules et couleurs. Utilisez-les pour hiérarchiser votre contenu. Un usage judicieux des couleurs et de la typographie vous permettra de refléter l’image de marque de votre produit et de le rendre immédiatement reconnaissable, beaucoup plus attrayant et mémorable.

9. Les organisations contribuent à rendre le système composé de nombreux éléments plus petit et plus facile à gérer.

Faisons un test simple. Dans l'illustration suivante, nous avons deux images. Utilisez un chronomètre pour mesurer le temps (et l'effort) nécessaire pour compter le nombre de points noirs dans chaque carré.

C'est terminé ? Comme vous le constaterez, compter les points mélangés dans ce carré a pris beaucoup plus de temps et a demandé un effort cognitif bien plus important. Comment expliquer ce résultat alors que les carrés contiennent le même nombre de points ?

Le fait de reporter les points sur une grille précise nous a permis de les repérer visuellement et de les regrouper lors du comptage. Avec le carré désorganisé, nous devions procéder point par point, en les comptant individuellement. De plus, nombre d'entre vous ont probablement commis une erreur de calcul ou ont dû vérifier leur résultat par rapport à l'image de gauche.

Organiser les éléments facilite non seulement leur reconnaissance, mais aussi leur mémorisation. Lorsqu'on utilise une machine, il est essentiel de se souvenir de la position et de la fonction de toutes les commandes. Faisons un autre petit exercice. Il y a une minute, vous comptiez les points dans deux images ; essayez maintenant de vous souvenir de la position de chaque point dans deux carrés. Pour la plupart des gens, mémoriser une structure désorganisée est quasiment impossible.

10. Contenu relatif au groupe

Souvent, pour simplifier une page complexe, il est facile de regrouper ses composants. Ainsi, l'utilisateur interagit avec quelques groupes plutôt qu'avec une multitude d'éléments disparates. Ajouter des bordures (créer des zones communes) autour d'un élément ou d'un groupe d'éléments permet de les séparer facilement des éléments environnants. En psychologie de la forme (Gestalt), plusieurs principes de regroupement contribuent à créer un sentiment de lien entre les éléments : la proximité, la similarité, la continuité, la clôture et la connexion.

11. Décomposez les tâches importantes en étapes plus petites ; essayez une mise en page à une seule colonne.

Presque tous les produits proposent différents types de formulaires. C'est un moyen de recueillir les informations des utilisateurs. Parfois, même après avoir supprimé tout ce qui est superflu, ces formulaires peuvent devenir énormes. Les remplir peut alors s'avérer très décourageant. Une solution consiste à décomposer cette tâche colossale en une série de sous-tâches. Soudain, le processus global paraît beaucoup plus simple. Accomplir une petite sous-tâche procure à l'utilisateur une dose d'endorphines et un sentiment de satisfaction qui l'incite à poursuivre.

Lors de la conception de formulaires, privilégiez une mise en page à une seule colonne plutôt qu'à plusieurs colonnes. Ce type de mise en page est beaucoup plus facile à remplir. Ainsi, l'utilisateur n'a pas à réfléchir à ce qu'il doit saisir ensuite ; il lui suffit de faire défiler la page vers le bas.

12. Faites preuve de transparence dans la communication du processus et de l'état du système.

L'incertitude est source d'anxiété et doit être évitée autant que possible. Par conséquent, sauf évidence, l'utilisateur doit pouvoir visualiser sa progression, connaître l'historique du processus et anticiper les prochaines étapes. Conserver un récapitulatif des informations précédemment fournies est également judicieux ; cela allège la charge cognitive de l'utilisateur et lui évite de revenir sur les étapes précédentes.

13. Effectuez les calculs pour votre utilisateur.

Le cerveau humain est peu performant en calculs arithmétiques simples. L'évolution a favorisé des cerveaux optimisés pour la reconnaissance d'objets plutôt que pour les opérations arithmétiques. Essayez de laisser le système effectuer tous les calculs à la place de l'utilisateur.

14. Dissimuler la complexité par une révélation progressive

La divulgation progressive est un modèle de conception utilisé en UX pour faciliter l'interprétation des interfaces utilisateur. Elle consiste à séquencer les informations et les actions sur plusieurs écrans afin d'éviter de surcharger l'utilisateur ou de masquer les informations non pertinentes jusqu'à ce qu'elles le deviennent. La divulgation progressive suit le principe classique du passage de l'abstrait au concret, notamment en ce qui concerne la séquence des comportements ou interactions de l'utilisateur. La navigation imbriquée au poignet dans iOS en est un bon exemple.

15. S'appuyer sur des modèles et des interactions communément acceptés

Les utilisateurs passent la majeure partie de leur temps sur d'autres produits. Par conséquent, ils préfèrent que votre site fonctionne comme tous les autres sites qu'ils connaissent déjà et ont des attentes précises quant à son apparence et son comportement. Cette affirmation est valable pour tout produit, physique ou numérique, d'un réseau social à votre réfrigérateur, et reflète la mentalité du consommateur. Cela ne signifie pas pour autant qu'il faille cesser d'innover, mais plutôt qu'il convient d'évaluer si une approche différente de la navigation ou des commandes traditionnelles justifie une évolution du modèle mental de l'utilisateur.

16. Concevoir une expérience simplifiée pour la première fois

L'objectif premier de toute conception devrait être de permettre aux utilisateurs de percevoir la valeur ajoutée du produit le plus rapidement possible. Réfléchissez-y un instant. Tout ce qui s'interpose entre l'utilisateur et la personne qui exploite le système constitue un obstacle, à moins qu'il ne réponde à un besoin fonctionnel. La première impression est cruciale pour tout processus ; les êtres humains se font très vite une opinion sur un produit et l'abandonnent immédiatement s'ils ne sont pas satisfaits.

Même la tâche la plus simple peut s'avérer complexe lors d'une première utilisation. Une formation complémentaire est parfois nécessaire avant de pouvoir utiliser le produit. En conception numérique, je recommande d'abandonner l'approche manuelle ; l'utilisateur s'attend à ce que le produit soit suffisamment simple à comprendre et à pouvoir obtenir de l'aide à la demande ou en cas de problème. Privilégiez une aide contextuelle plutôt que de submerger l'utilisateur de ressources pédagogiques dès le départ, et prévoyez des interfaces pouvant être vides.

17. Tenez compte de l’ergonomie et des circonstances dans lesquelles le produit sera utilisé.

La simplicité, telle que nous l'avons déjà définie, fait référence à la facilité d'utilisation d'un produit, grâce à son ergonomie. L'ergonomie est le processus de conception et d'organisation des espaces de travail, des produits et des systèmes afin de les adapter aux personnes qui les utilisent. On l'associe souvent à la conception des sièges ou des commandes et instruments de voiture, et c'est vrai… mais son champ d'application est bien plus vaste. L'ergonomie concerne la conception de tout ce qui implique des personnes, y compris les produits numériques.

En 1954, le psychologue Paul Fitts, étudiant le système moteur humain, a démontré que le temps nécessaire pour atteindre un but dépend de la distance qui le sépare de celui-ci et est inversement proportionnel à sa taille. Par conséquent, veillez à ce que les objets fréquemment utilisés soient de grande taille et placés à portée de main des utilisateurs.

18. Prend en charge la saisie semi-automatique et l'édition en ligne

Éliminez toutes les interactions, vues et étapes inutiles de chaque processus. L'utilisateur doit interagir avec le système à une vitesse optimale, appelée « état de flux ». Ne perturbez pas ce flux avec des fenêtres contextuelles. Pour toutes les actions/valeurs modifiables ultérieurement, privilégiez l'édition en ligne. Utilisez la saisie semi-automatique lorsqu'un grand nombre de valeurs sont disponibles.

19. Utilisez les paramètres par défaut intelligents pour réduire la charge cognitive.

Les options par défaut intelligentes sont des sélections prédéfinies qui répondent à vos questions. Elles permettent aux utilisateurs de remplir les formulaires plus rapidement. Remplir un formulaire implique de l'analyser, de formuler une réponse, puis de la saisir dans le champ prévu à cet effet. Pour définir des options par défaut pertinentes, les concepteurs doivent comprendre les utilisateurs et le contexte d'utilisation du produit. Cela n'est possible qu'avec des recherches et des tests approfondis permettant de tirer des enseignements des utilisateurs et d'ajuster les options par défaut en fonction des données historiques et des habitudes d'utilisation. Il est toujours conseillé de choisir l'option par défaut que la grande majorité des utilisateurs (par exemple, 90 à 95 %) sélectionnerait si des options explicites étaient requises.

20. Prévenir les erreurs

Les messages d'erreur sont source de stress important et donnent aux utilisateurs l'impression d'avoir commis une erreur ou de ne pas avoir réussi leur tâche. Assurez une vérification automatique des données saisies et envoyez des alertes ou des rappels en cas de saisie incorrecte afin de réduire les erreurs. Supprimez ou modifiez les conditions à risque d'erreur et proposez aux utilisateurs une option de confirmation avant qu'ils ne valident leur action. Les actions destructives et irréversibles doivent être protégées par une fonction de forçage afin que les utilisateurs soient conscients des conséquences de leurs choix.

21. Conception pour l'accessibilité

En tant que concepteur, votre objectif est de promouvoir l'accessibilité, en veillant à ce que votre produit soit accessible au plus grand nombre, sans exclusion. Plus d'un milliard de personnes dans le monde vivent avec un handicap. Ne vous fiez pas uniquement à la couleur pour transmettre des informations. Assurez-vous d'un contraste suffisant entre le texte et le fond, prenez en charge la navigation au clavier, etc. L'accessibilité ne se limite pas à un groupe d'utilisateurs spécifique possédant certaines capacités ; concevoir pour l'accessibilité améliore l'expérience de tous les utilisateurs du produit.

Conclusion

Concevoir des produits simples à utiliser et à comprendre n'est pas facile, mais c'est une voie à suivre, et il existe des moyens rapides d'aller vers la simplicité.

Article de Taras Bakusevych, disponible à l'adresse suivante : https://uxplanet.org/how-to-simplify-your-design-69d97fde11b9 

[hover_color align="center" background="" background_hover="" border="" border_hover="" border_width="0px" padding="60px 60px" link="https://selfish.com.mx/servicios/branding/" target="" class="cta-blog themecolorbg" style=""] Avez-vous besoin d'un design pour votre marque ou votre entreprise ? [/hover_color]