25 termes de designers que vous faites semblant de connaître !
Vous êtes en pleine création de site internet ou en refonte et votre designer balance soudainement des mots étranges ?
Vous souriez poliment en notant frénétiquement des termes que vous Googlisez en cachette ?
Chez Luneos, on n’est pas dupe. Et rassurez-vous, même nos équipes SEA et SEO sont parfois obligées de demander plus quelques définitions…
Voici 30 mots que vous prétendez comprendre (mais avouez que… Bah pas vraiment en fait !). Nous on les entends tous les jours dans notre agence de refonte de site !
Ci dessous les 25 termes de designers !
1. Kerning
C’est l’espacement entre deux lettres. Oui, DEUX. Pas toute la phrase, juste deux lettres. Et oui, ça change tout. (Enfin, selon votre designer.)
2. Grid system
Non, ce n’est pas une grille de sudoku. C’est une structure invisible qui permet d’aligner les éléments du design. Si votre site est un Tetris mal rangé, c’est qu’il en manque une.
3. Leading
L’espace entre les lignes de texte. Trop serré, on suffoque. Trop espacé, on a l’impression de lire un poème d’avant-garde.
4. Z-pattern layout
Un schéma de lecture en « Z ». Vos yeux suivent cette trajectoire sur un site web. Les designers en parlent comme si c’était une loi physique universelle.
5. Whitespace
L’espace vide dans le design. Non, ce n’est pas du gâchis. C’est du minimalisme.
6. Skeuomorphisme
Quand un design imite un objet réel (genre une appli calculette qui ressemble à une vraie calculette). Un truc très 2010, mais ça revient à la mode.
7. Neumorphisme
Le cousin branché du précédent. Un style tout en ombres et reliefs subtils, comme si votre bouton était en silicone moelleux.
8. Brutalisme
Un design web qui a l’air moche exprès. Bordures épaisses, typographies massives, c’est le « moche chic » du web.
→ D’ailleurs on vous en dit plus sur les tendances webdesign dans cet article !
9. Hero section
La toute première chose que vous voyez en arrivant sur un site. Si elle est ratée, autant fermer la page et aller sur TikTok (enfin, tout dépend de votre âge…).
10. Parallax scrolling
Quand l’arrière-plan bouge plus lentement que le premier plan en scrollant. C’est joli, mais ça peut aussi donner le mal de mer.
11. Menu burger
Les trois petites barres qui cachent un menu… Tout le monde sait comment ça marche, mais personne ne sait pourquoi on l’appelle comme ça. En tout cas, ça donne faim d’en parler.
12. Dark mode
Le mode sombre. C’est cool, c’est écolo (ou pas), mais surtout : ça donne l’impression qu’on bosse dans la tech.
13. Micro-interactions
Les petites animations qui font plaisir : un bouton qui change de couleur, un cœur qui bat après un like… De la dopamine en pixels.
14. Affordance
Un mot compliqué pour simplement dire « deviner comment ça marche ». Exemple avec une poignée de porte : pousse ou tire ? Si vous hésitez, c’est qu’il n’y a pas d’affordance ! Pareil pour un bouton sur un site.
15. Contrast ratio
Le rapport entre la couleur du texte et celle du fond. S’il est trop bas, votre site devient un test de vue chez l’ophtalmo.
16. Negative space
Un autre mot pour dire « whitespace », parce que « espace vide », ça faisait trop simple.
17. Gestalt principles
Un ensemble de règles qui expliquent comment notre cerveau regroupe des formes. En gros, pourquoi vous voyez un smiley dans un logo alors qu’il n’y en a pas.
18. Grid-gap
L’espace entre les colonnes et les lignes dans une grille. C’est ce qui fait que votre site respire ou qu’il ressemble à une feuille Excel compressée.
19. Typography scale
Un système magique qui donne des tailles de police harmonieuses. Parce que « mettre tout en 16px » n’est PAS une stratégie.
20. SVG
Un format d’image vectorielle qui ne pixelise jamais. Un peu comme du texte, mais en image. L’enfer pour ceux qui ne savent pas l’éditer.
21. Lazy loading
Une technique pour charger les images au fur et à mesure au lieu de tout balancer d’un coup. Résultat : un site plus rapide (et un peu de frustration quand l’image met trop de temps à s’afficher).
22. Sticky
Non, ce n’est pas le nom du chat de votre voisin. À moins qu’il ne soit designer… On dit d’un menu qu’il est sticky lorsqu’il reste collé en haut de votre écran pendant que vous scrollez.
23. Hover state
L’état d’un bouton quand on passe la souris dessus. Si rien ne change, votre designer a raté un truc.
24. Dark UX
Des techniques de design pas très éthiques qui vous poussent à faire des trucs que vous ne vouliez pas (genre souscrire à une newsletter sans le voir). Si un site vous a déjà piégé, c’est sûrement du Dark UX.
25. Wireframe
Votre designer vous envoie un truc gris avec des carrés et des lignes ? Oui, un wireframe, c’est moche ! Mais essentiel pour comprendre où ira chaque élément sur votre site.
Alors, combien de ces termes connaissiez-vous avant de lire ceci ?
Désormais, vous êtes en mesure de glisser un petit « kerning » dans votre prochaine réunion (juste pour voir la réaction de votre équipe.)
Cet article à été rédigé par
