🧐 Vous êtes en pleine refonte de site web 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 !).
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.)
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.
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.
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.
L’espace vide dans le design. Non, ce n’est pas du gâchis. C’est du minimalisme.
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.
Le cousin branché du précédent. Un style tout en ombres et reliefs subtils, comme si votre bouton était en silicone moelleux.
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 !
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…).
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.
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.
Le mode sombre. C’est cool, c’est écolo (ou pas), mais surtout : ça donne l’impression qu’on bosse dans la tech. 🦾
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.
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.
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.
Un autre mot pour dire "whitespace", parce que "espace vide", ça faisait trop simple.
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.
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.
Un système magique qui donne des tailles de police harmonieuses. Parce que "mettre tout en 16px" n’est PAS une stratégie.
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. 🔥
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).
Non, ce n’est pas le nom du chat de votre voisin. A 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.
L’état d’un bouton quand on passe la souris dessus. Si rien ne change, votre designer a raté un truc. 🤔
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.
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.) 🔥
