Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Design Theory
Webdesign

Réduire l'encombrement

by
Length:ShortLanguages:
This post is part of a series called Design School for Developers.
Building Consistency and Relationships into Your Designs
An Introduction to Hierarchy

French (Français) translation by Henri Lotin (you can also view the original English article)

La complexité dans nos créations est souvent inévitable. Parfois, c'est également nécessaire. Lorsque l'on travaille pour n’importe quel client il va toujours y avoir un niveau de complexité que nous allons essayer de réduire, s’il s’agit de le faire par le biais de la quantité d’éléments de navigation qu’ils veulent, la quantité de contenu qu’ils ont, ou toute autre chose qui semble trop compliqué ou difficile à suivre.

Notre travail comme en tant que designer ou développeur (ou les deux) est tout au sujet de savoir comment résoudre créativement les problèmes que nos clients nous soumettent. La nature de leur problème importe peu ; si ce problème est tout simplement de créer un site responsive, ou qu’ils veulent augmenter les ventes est en fait sans importance. Au lieu de cela, nous devons mettre l’accent sur les éléments essentiels qui font fonctionner le site le font bien fonctionner. Comprendre quand à réduire l'encombrement est une partie importante de ce processus.

Même si nous pouvons parfois avoir besoin de sites web et de designs qui sont plus compliqués que nous l'aurions souhaité, il y a des choses que nous pouvons faire pour aider à réduire l'encombrement et toujours nous assurer que nous répondons à leurs besoins en procurant la meilleure expérience à nos utilisateurs.

The oak.is website uses space in a great way, ensuring everything appears clear and easy to read.
Le site web oak.is utilise l’espace d'une grande manière, assurant que tout soit clair et facile à lire.

La complexité dans nos créations est souvent difficile à gérer et peut même être difficile à repérer. Alors que tout peut sembler se passer en douceur et vous avez un grand design il peut parfois y avoir des interactions cachées ou des éléments, trop complexes. Ce genre de chose peut déteindre sur vous - et parfois passe inaperçu jusqu'à ce qu’il soit trop tard.

Si vos créations finissent par devenir trop compliquées alors cela peut créer des problèmes pour vos clients et vos utilisateurs. Faire des sites trop complexes - même accidentellement - a un grand impact, car cela rend les sites web non seulement moins lisible et difficile à naviguer, mais aussi beaucoup moins utilisables. Et un site web est difficile à naviguer et à utiliser les résulte en une expérience affreuse pour nos utilisateurs.

Réduire l'encombrements dans un design de site web peut s’avérer difficile, mais dans l’ensemble, ça devrait contribuer à améliorer la lisibilité sur le site web. Ça peut aussi aider à améliorer les performances du site et accélérer les temps de développement, parce que c'est aussi simple que cela puisse paraître, ça pourrait parfois être moins difficile réellement à développer et construire.


Réduire l'encombrement

Réduire l'encombrement dans vos créations signifie ramener les choses à l’essentiel et décaper votre design tout de suite. Cela ne signifie pas que vous allez créer un design totalement minimaliste et devez vous débarrasser de tous les embellissements fantaisies, jolies ou visuels que vous pourriez avoir. Au lieu de cela, concentrez-vous à désencombrer les interfaces et les sites web que vous concevez.

Cependant, réduire l'encombrement ne veut pas dire que nous allons, ou devrions toujours enlever des items ou des éléments qui sont présents dans nos créations. Parfois, il s’agit de savoir comment gérer le contenu que nous avons à placer sur la page et de comprendre comment ce contenu doit être présenté de la meilleure manière possible pour nos utilisateurs.

The Paravel homepage very simply talks about what the company does, while still reflecting a lot of personality.
La page d’accueil de Paravel parle très simplement de ce que fait la société, tout en reflétant toujours beaucoup de personnalité.

Démarrer

Nous allons examiner comment nous pouvons commencer à réduire l'encombrement dans une situation donnée.

Examiner la structure du contenu

La première chose que je recommanderais quand vous essayez de réduire au minimum l’encombrement dans vos créations, c'est de jeter un oeil sur le contenu qui vous a été fourni. Souvent, ce contenu peut être le noeud du problème et être la scène où les choses ont été manquées. Une fois que vous avez commencé à designer avec le contenu que vous avez, il peut y avoir des parties du contenu qui ne reposent pas tout à fait correctement dans le design lui-même. C'est plus qu’OK de revenir en arrière et d'ajuster, de modifier ou de supprimer des contenus qui ne fonctionnent pas, même à ce stade du processus.

En réalité, vous voulez voir les contenus qui fonctionnent dans le contexte de vos créations et si le contenu ne correspond pas, ou semble excessif, alors n’hésitez pas à contester cela. Essayez de trouver des façons dont vous pouvez faire que le contenu soit plus digeste et lisible (et donc apparaître moins encombré). Ce mantra séculaire de « qualité sur la quantité » s’applique vraiment ici.

Pensez à vos étapes de stratégie de contenu et de planification. Utiliser des éléments tels que les puces, les liens, les images, les rubriques et plus décomposera tous vos contenus en morceaux beaucoup plus lisibles.

En retour, cela permet de libérer de l’espace supplémentaite précieux dans votre création et peut faire apparaître moins surchargé. Chacun des éléments aura plus d'espace vital, et même si vous n’avez pas réellement retiré quelque chose de votre design, votre site web aura l'air plus raffiné, structuré et moins surchargé et encombré.

Procurer de l'espace vital

Aussi, essayez d’éviter de designer des éléments regroupés beaucoup trop étroitement. Utilisez vos grilles et mises en page de composition pour vous aider à donner un peu plus de place aux pièces de votre design qui se sentent exigus ou surpeuplés. N’ayez pas peur de rompre la grille de temps à autre et rouler avec vos propres idées ou interprétations de la manière dont désencombrer votre création. Tout ce que je demande est que si vous brisez la grille ou la norme que vous avez définie, vous vous assurez que vous avez une bonne raison de faire ainsi - mais plus important encore, vous comprenez les raisons pour lesquelles vous le faites.

Simon Foster's website is very minimalist in style, with content clear throughout the website.
Le site web de Simon Foster est très minimaliste dans le style, avec du contenu clair dans tout le site.

Retirer des morceaux si nécessaire

Demandez-vous si tous les éléments visuels sur votre design de site web ont vraiment besoin d’être inclus. Maintenant c'est le moment d’être complètement impitoyable et supprimer tout ce qui ne doit pas être inclus dans le design final.

Prenez le temps de donner la priorité du message que vous voulez être projeter aux utilisateurs du site web et assurez-vous que les éléments et les styles visuels, que vous avez en place vous aideront à le faire. Assurez-vous que votre création possède suffisamment de clarté sans passer par-dessus bord avec le message que vous essayez de communiquer. Parfois, supprimer des éléments de votre crétion aidera à garder votre message clair sans déborder.

Ne pas avoir peur d’en ajouter plus

Et aussi fou que cela puisse paraître ; n’ayez pas peur d’ajouter à votre création. Utiliser les graphiques de démarcation d'embellissement ou élégant pour bien séparer et contenu en morceaux plus faciles à gérer, facile-à-lire-et-à-scanner. Cela semble ridicule, comme au début j’ai parlé de réduire l'encombrement, et ici, nous allons ajouter au design. Mais, en substance, si cela peut réduire la quantité de temps que vos utilisateurs doivent passer pour trouver l’information qu’ils recherchent et scanner la page, alors ces éléments visuels supplémentaires sont utiles à ajouter.


Devoirs

Voyez ce que vous pouvez faire pour réduire l'encombrement dans votre création ; que ce soit par le biais de l’utilisation intelligente de fraction de votre contenu ou de retrait des parties de votre design qui sont redondantes ou inutiles.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.