Design

5 bonnes pratiques pour une belle interface - PART 2

Image principale du blog pour l’article publié le 18/11/2020

1 – Bien choisir sa palette de couleurs

La couleur joue un rôle crucial dans votre identité de marque. Chez Matière Noire, avant de choisir la palette couleurs de nos clients, nous détaillons plusieurs points importants : quelle est l’audience ? Le positionnement ? Les valeurs ? Etc.

En effet, les couleurs transmettent des messages que nous interprétons inconsciemment (le rouge : la passion, le vert : la nature, etc.). Il est donc primordial de veiller à ce que ces teintes soient en adéquation avec votre marque/concept.

Attention à ne pas utiliser trop de couleurs et à garder une certaine harmonie dans votre palette couleur. Nos designers gardent toujours en tête le cercle chromatique afin de trouver la meilleure combinaison de couleurs possible. 

Notre top 3 de générateurs de palettes de couleurs : colors.muz.li, colordrop, colorhunt

2 – Travailler ses typographies

Un site web est avant tout un outil de communication. Il a pour but de véhiculer un message qui ce doit donc d’être le plus lisible possible. Pour cela, au cours de chaque projet, Matière Noire veille à travailler la typographie

Le choix de la police est le point de départ de ce travail. Votre police doit être en adéquation avec la personnalité de votre marque et vos valeurs. Par exemple, les polices à empattement sont souvent utilisé dans l’univers du luxe. Une fois votre typographie choisie, Matière Noire travaille sur différents aspects de vos typographies telles que les titrailles, la graisse, l’interlignage et l’interlettrage, etc. Tous ces critères sont importants à prendre en compte afin de hiérarchiser au mieux vos informations.

Le standard pour la taille du corps de texte (body) est de 16px

Choisissez une typographie avec plusieurs familles de graisse (light, regular, bold…)

3 – Ne pas avoir peur du vide

En design d’interface, certaines personnes ont tendance à penser que les espaces blancs  sont une perte de surface qu’il faut absolument remplir pour ne pas faire “vide”.

Ces zones sont pourtant indispensables. En effet, quand il y a trop d’informations, on ne sait plus où poser les yeux et notre esprit est rapidement distrait. Ces espaces, permettent de faire respirer ce qui les entoure et donc de mettre en avant le contenu

Les designers de Matière Noire conseillent toujours à nos clients de privilégier un design aéré afin d’améliorer l’expérience utilisateur.

4 – Penser responsive

Selon l’étude sur l’usage de web et des réseaux en France en 2020 de Hootsuite et We Are Social : 82% des Français se connectent à Internet depuis un mobile. 

La compatibilité de votre site internet en responsive (technique de conception web qui vise à adapter et à redimensionner le contenu en fonction du terminal utilisé par l’internaute : un smartphone, une tablette, un desktop, etc.) est donc indispensable.

En effet, les typographies et les images doivent être adaptées afin de garder une bonne lisibilité, et cela même sur un écran plus petit. Au cours de chaque projet, nos designers travaillent sur des maquettes desktop et mobiles afin d’adapter au mieux le design à l’expérience de l’utilisateur.

Grâce à l’application Figma Mirror (disponible sur Google Play et App Store) vous avez la possibilité de voir vos maquettes directement sur votre mobile.

5 – Bien choisir ses mockups

La meilleure façon de présenter une création (site web, application mobile ou encore logo, flyer, etc.) est d’utiliser un mockup. Les mockups sont des “mises en scène” dans lesquelles vous n’avez plus qu’à insérer vos designs.

Chez Matière Noire, nous avons pour habitude de les utiliser. En effet, ils permettent de mieux se projeter et de mettre en avant la création.  

Sur le site Mockup World vous avez accès à de nombreux mockups gratuitement.

Si vous souhaitez approfondir le sujet, n’hésitez pas à prendre contact avec Matière Noire. L’équipe design répondra à toutes vos interrogations et vous conseillera sur les bonnes pratiques à adopter.

Auteur de l article Fanny Mingant

Par Fanny Mingant

Partager l'article