Less is More principes fondamentaux de la conception Web minimaliste

La lutte contre le fouillis est une tâche que chaque concepteur entreprend, que ce soit sur son propre site ou lors de la conception pour un client. La conception de votre site Web doit améliorer la fonction de votre site en mettant l'accent sur le contenu et en étant utilisable par tout le monde. Prendre le temps nécessaire pour s’assurer qu’aucun détail n’est négligé produira un site Web efficace et attrayant..

Définir le but du site

“Votre site a besoin d'un objectif clairement défini pour éliminer toute confusion dès le début…

Tout d’abord - avant d’ouvrir votre application graphique préférée pour concevoir votre nouveau site minimaliste, vous devez déterminer à quoi sert le site. Votre site a besoin d'un objectif clairement défini pour éliminer toute confusion dès le départ en disposant d'un seul et même point focal. Il peut s’agir d’exposer des photographies primées à des clients potentiels, de partager des actualités technologiques ou de vendre vos jouets pour animaux domestiques. Commencez par faire une déclaration simple:

Mon site doit ______________________________________.

  • Éduquer les adolescents sur les dangers du texto au volant
  • Présentez les photos primées aux clients potentiels
  • Vendre des jouets pour chiens haut de gamme fabriqués à la main

En définissant clairement un objectif dès le début, vous pourrez l'utiliser pour aider à garder votre conception sur la bonne voie. Pendant que vous travaillez sur les éléments de conception, continuez à vous poser des questions telles que:

  • Est-ce que cela complimentera et renforcera le but de mon site??
  • Est-ce vraiment nécessaire ou est-ce que je remplis juste l'espace??
  • Est-ce que cela va distraire du but de mon site?

Tout ce que vous ajoutez au site et qui ne renforce pas le véritable objectif de votre site peut être une distraction, affaiblissant votre message. Les éléments supplémentaires doivent compléter votre attention.

Votre site vendant des pogo sticks haute performance n'a pas besoin d'inclure un lien vers votre portefeuille de photographies d'archives, peu importe sa qualité..

Ce n’est pas le moment de faire ce que vous voulez sur votre site, c’est ce dont vous avez besoin qui est vraiment important. Vous n'avez que quelques secondes pour convaincre vos visiteurs de rester et de lire votre message..

Transpirer les petites choses

Chaque détail a une signification, ce que vous supprimez de votre conception l'est tout autant que ce que vous ajoutez.

Les fondamentaux ne sont que cela, fondamentaux. Il est de plus en plus important de comprendre et de mettre en œuvre tous vos principes de conception lorsque les éléments de fouillis et inutiles sont supprimés, ce qui met votre message au premier plan.

Les erreurs sont amplifiées avec des conceptions nettes, simples et minimales. S'assurer que vous avez étudié les principes fondamentaux de la conception est essentiel pour placer des éléments sur la page et les relier les uns aux autres. Tout ce que vous faites a besoin de planification et d’objectif - le fait qu’il reste de la place pour "une dernière chose" ne signifie pas nécessairement qu’il doit y avoir quelque chose.

La plupart des principes de conception, si ce n'est tous, s'appliquent aux modèles de style épuré, simple et minimaliste, mais assurez-vous de les noter dès le début:

Unité

Les éléments de votre page doivent s’entendre et s’harmoniser pour améliorer la conception générale. Les éléments qui se démarquent pour attirer l'attention sur la page doivent se démarquer parce que vous le souhaitez, pas parce qu'ils ne sont pas en correspondance avec les autres éléments de la page..

De simples touches de couleur ajoutent de l'intérêt à une palette de couleurs noir et blanc et attirent votre regard du logo jusque dans les domaines de la créativité, de l'intelligence et de l'amusement.

Espace blanc

Les éléments de la page ont besoin d'espace pour respirer. Cela peut sembler logique pour vous et vous pouvez le faire sans même y penser, mais les demandes courantes des clients semblent être:

  • "Ajoutons encore une chose, il semble y avoir beaucoup d'espace supplémentaire ici ..."
  • "Il y a de la place sous le menu, déplacez-le afin que nous puissions ajouter…"
  • «Il y a un vide sur les côtés du site, nous devrions également inclure…»

En abandonnant les précieux espaces entre les éléments, le site devient encombré et les éléments commencent à fonctionner ensemble, sans donner à vos yeux une pause nécessaire qui permet de définir des zones séparées..

Web Creme a un nombre limité d'annonces mais les place dans une zone ayant le plus grand impact.

Alignement

Il existe de nombreuses façons d’aligner des objets sur une page, mais avec un design épuré, simple et minimaliste, il est beaucoup plus facile de repérer un élément, même à un ou deux pixels de distance..

Utilisez une grille pour que tout ce dont vous avez besoin soit aligné, carré et parfait. Ils sont parfaits pour dessiner une conception jusqu'au développement avec de nombreux cadres parmi lesquels choisir.

La subtilité n'est pas ton truc? Créez un impact immédiat en choisissant une couleur audacieuse pour compléter votre design.

Hiérarchie

Sur de nombreux sites, vous ne disposez que de quelques secondes pour transmettre votre message ou aider un utilisateur à se rendre où il le souhaite..

La façon dont vous utilisez différentes tailles et poids d'éléments crée un chemin, guidant l'utilisateur à travers la page, aboutissant généralement à un appel à une zone d'action. Lorsque les utilisateurs se sentent à l'aise, ils continuent dans la bonne direction, mais s'ils sont confus quant à ce qui se passe, ils peuvent devenir frustrés..

Pandaweb utilise des espaces pour attirer l'attention des visiteurs sur la zone promotionnelle.

Supprimer l'inutile

Quel est le meilleur moyen de trouver et d’éliminer les éléments inutiles? En ne les ajoutant pas en premier lieu! Passez plus de temps à planifier le site et à définir votre objectif dès le départ pour éliminer les suppléments qui ne faisaient que remplir l'espace.

Pendant le processus de conception, passez en détail chaque élément de votre site en demandant: est-ce que j'en ai vraiment besoin? Votre objectif ou votre objectif peut légèrement varier en cours de route, c'est donc une bonne idée de continuer à vous poser la question à mesure que vous avancez..

Si vous avez accès à un groupe de test, essayez d’utiliser un logiciel de suivi des clics sur un site de test pour localiser les éléments qui ne sont jamais utilisés. Examinez les éléments non utilisés et décidez si vous pouvez les supprimer ou les placer à un emplacement différent..

N'oubliez pas que la création d'un design épuré, simple et minimal permet à l'esprit de se familiariser avec les bases, de montrer à vos visiteurs ce que vous avez à offrir et de faire passer votre message de la manière la plus efficace possible..

La convivialité n'est pas facultative

Il n'y a aucune bonne raison de choisir le design plutôt que la convivialité, ils fonctionneront parfaitement s'ils sont exécutés correctement. Un site bien conçu et facile à utiliser gardera les visiteurs plus longtemps et remplira le but ultime du site: afficher votre contenu et diffuser efficacement votre message..

Un site facile à utiliser sera presque comme s'il lisait dans l'esprit de l'utilisateur et la navigation devient facile et amusante..

N'ayez pas peur d'être créatif avec de nouveaux styles et techniques, mais soyez conscient des fonctionnalités communes et du placement des éléments que vous pouvez prendre pour acquis:

  • Les liens doivent être faciles à identifier et à cliquer sur
  • Toujours fournir un moyen de rentrer à la maison
  • Ne jamais désactiver le bouton de retour
  • Ajouter des boutons de fermeture au contenu dans les fenêtres contextuelles
  • Indique sur quelle page l'utilisateur est actuellement

Certaines personnes associent des conceptions nettes, simples et minimales à du texte miniature et à des éléments presque inutilisables sur une page vide. Certaines des recommandations les plus élémentaires sont généralement négligées lors de la conception de nouveaux sites:

  • La navigation doit être cohérente et intuitive à utiliser
  • Le contenu doit être lisible avec des en-têtes clairement définis
  • Le code doit être propre et conforme aux dernières normes Web.
  • Assurez-vous que votre site s'affiche et fonctionne correctement sur tous les navigateurs.

Localisation des points problématiques

Bien que certaines choses aient l'air géniales lors de la phase de conception, une fois que vous avez obtenu le site dans votre navigateur, vous pouvez découvrir des problèmes d'utilisabilité que vous n'avez jamais remarqués lorsque la conception était dans Photoshop..

Un excellent moyen de savoir comment le site est utilisé consiste à prendre un volontaire et à le regarder par-dessus son épaule ou (avec son autorisation) à utiliser un outil de partage de bureau si vous n'êtes pas au même endroit..

Donnez-leur une liste de tâches et observez-les de près pour voir si elles sont faciles à accomplir:

  • Acheter un livre de mon magasin
  • Me contacter pour un rendez-vous
  • Découvrez mes antécédents

Vous serez peut-être surpris de voir comment différentes personnes interprètent différentes zones du site ou les chemins qu’elles empruntent. Observez-les de près, mais ne donnez aucune aide ou conseils en cours de route..

  • Sauront-ils où cliquer?
  • Est-ce qu'ils se perdent dans une zone spécifique?
  • Cliquent-ils sur un élément de design en pensant que cela les mènera à une nouvelle page??
  • Ont-ils du mal à cliquer sur une petite icône??

Prenez des notes sur les domaines sur lesquels ils peuvent avoir du mal et trouvez des moyens de s’améliorer. Ne soyez pas sur la défensive ou en colère si vous rencontrez des problèmes avec le site. Utilisez ces nouvelles connaissances pour améliorer votre travail et les transférer dans vos projets futurs..

Mais j'aime la couleur!

Créer un design épuré, simple et minimaliste ne veut pas dire que vous devez être bloqué en noir et blanc ou sur un site terne et sans intérêt: apprenez simplement à simplifier vos choix de couleurs. Il y a deux voies principales à prendre lors de l'ajout de couleur:

Tâche de couleur

Avec de petites touches de couleur, vos visiteurs sauront immédiatement que la zone colorée est importante. Utilisez ceci à votre avantage en l’utilisant pour tracer un chemin à suivre pour les yeux..

Les frameworks CSS tels que le système 960.gs permettent de tout aligner parfaitement.

Simple mais audacieux

Un choix plus audacieux peut être de faire de votre déclaration de couleur à l'arrière-plan une couleur unie audacieuse. Les caractères gras peuvent être gênants, assurez-vous donc que vous n'enlevez pas le message de votre site, ce qui le rendra difficile à lire ou inutilisable, mais cela ne manquera pas de faire remarquer votre site..

Les éléments de Finch se sentent comme s’ils appartiennent tous à la page et travaillent ensemble.

Ce n'est pas pour tout le monde

Presque tout le monde bénéficiera d'un site fortement ciblé, mais un style épuré, simple et minimal n'est pas pour tout le monde..

Auteurs de thème de site Web - Souvent, il ne vous reste que quelques secondes avant qu'un acheteur décide s'il souhaite passer du temps à regarder le site que vous avez créé. Afficher uniquement un design super minimal en tant que seule option de mise en page peut être considéré comme «de base» et immédiatement considéré comme manquant de fonctionnalités. Vous devrez peut-être simplement indiquer différents niveaux de possibilités dans certains domaines et les laisser décider d'utiliser ou non la fonctionnalité..

Sites lourds d'annonces - Le style épuré, simple et minimaliste ne sera probablement pas la meilleure solution pour les sites qui comptent beaucoup sur la publicité, sauf si vous avez des propriétaires très compréhensifs qui s’adaptent à votre style. Une meilleure option consiste peut-être à placer moins d'annonces mais à les localiser dans la zone sur laquelle l'utilisateur clique le plus..

Sofa utilise une pyramide inversée d’informations qui vous conduit au bas de la page, de la vue d’ensemble de la société et des services fournis.

Trouver un équilibre

Réalisant que nous n'obtenons pas tous le contrôle créatif complet de chaque projet de conception, essayez de trouver un équilibre avec vos clients.

Lorsque vous expliquez pourquoi vous avez conçu un site d’une certaine manière, référez-vous à d’autres sites qui font les choses correctement et expliquez pourquoi cela fonctionne et pourquoi leur site Web est un succès..

Expliquez comment ils ont bénéficié et comment vous pourriez aussi. Montrez-leur les résultats positifs et les réponses que l'autre site a reçues en raison des bons choix de conception et en prenant le temps supplémentaire nécessaire pour que tous les visiteurs disposent d'un site utilisable et efficace..