5 bonnes pratiques pour une belle interface - PART 1

1 – Réaliser un moodboard

Chez Matière Noire lorsqu’on s’apprête à commencer un nouveau projet, on créé un moodboard : un tableau d’humeur.

C’est un espace où vous pouvez placer toutes vos inspirations graphiques. N’hésitez pas à laisser libre cours à votre imagination et ne vous limitez pas à chercher des interfaces similaires à la vôtre. Explorez différents supports : internet, photographie, magazine, oeuvre d’art…

Ce moodboard vous permettra de trouver plus facilement un concept fort et vous aidera à communiquer votre idée.

Notre top 3 de sites de veille graphique : behance, dribbble, awwwards.

• 

• 

2 – Uniformiser les pictogrammes

Quand on débute en design, on peut vite commettre l’erreur de mixer plusieurs styles de pictogrammes.

Cependant garder une cohérence graphique est essentiel pour créer une jolie interface. Nos designers mettent un point d’honneur sur l’uniformisation de vos icônes, que ce soit du flat, du linéaire, etc

Petite astuce : si vous n’avez pas le temps de créer vos icônes vous-même, il existe des libraires d’icônes gratuites comme sur flaticon & thenounproject.

• 

• 

3 – Utiliser du contenu réel

Dans l’idéal, le client fournit son contenu avant l’étape des maquettes. Mais ça, c’est dans un monde rêvé et il faut avouer que ça arrive rarement.

Pour régler ce problème, beaucoup de designers ont pris l’habitude d’utiliser le fameux “Lorem ipsum”. Mais malheureusement cette solution a ses limites : le designer choisit la taille du texte et il peut y avoir une différence une fois le vrai contenu rentré.

Dans notre agence, lorsqu’on design une application ou un site, on privilégie donc l’utilisation de texte correspondant au contenu final, par exemple un vrai nom et prénom pour la maquette d’un compte utilisateur.

Petite astuce : sur Figma vous avez le plugin “Content Reel” qui vous permet de placer : nom prénom, date, numéro de téléphone, adresse…

• 

• 

4 – Customiser sa map

Aujourd’hui, beaucoup d’applications et de sites internet utilisent une map.
Cependant, tout le monde ne sait pas qu’une map peut se personnaliser.

Au cours d’un projet, les designers et développeurs de Matière Noire s’allient pour créer une map qui correspondra au mieux à l’univers graphique du client.

Nos deux sites de personnalisation de map préféré : MapBox & SnazzyMaps

• 

• 

5 – Utiliser de belles photos

Une interface sera toujours plus agréable si les photos sont belles et de bonne qualité. Vous n’avez pas de photo du projet ? Pas de problème, il y a plein de banques d’images gratuites.

Nos deux sites de banque d’images préférés : Unsplash & Pexels

• 

• 

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.