💬 Les Mots de l’UX/UI design

⚔️ Le monde l’UX/UI Design est rempli de termes barbares, pas toujours facilement compréhensibles …

Mais dans mon quotidien, j’utilise forcément ces mots et, selon avec qui j'échange, chacun a une connaissance différente des termes utilisés.

Au fil de mes expériences, j’ai découvert un grand nombre de notions et un vocabulaire que j’aurais aimé connaître à mes débuts. Je vous ai donc préparé une sélection des mots du web design, tout en expliquant simplement chaque notion (je l’espère 😂)

‍

La hiérarchie visuelle

Premier tour d’horizon du vocabulaire de l’UX/UI Design, avec la hiérarchie visuelle 🖼️

Qu’est ce que c’est et comment ça fonctionne ?

La hiérarchie visuelle d’une page web permet à l’utilisateur de savoir où concentrer son attention et son regard.

Cela permet d’ordonner l’information et de guider l’utilisateur.

‍

Pour créer cette hiérarchie, plusieurs techniques peuvent être utilisées :

• La couleur
• Le contraste
• La taille des éléments
• L’emplacement

‍

➡️ Un exemple

‍

Le fil d’ariane

Deuxième mot : le fil d’ariane🧶
Petit indice : on ne parle pas ici de mythologie grecque mais il est quand même question d’orientation😁

Qu’est ce que c’est ?

Le fil d’ariane indique à l’utilisateur où il se situe sur un site web.

C’est un système de navigation secondaire qui permet de réduire le nombre d’actions de l’utilisateur et de l’aider à mieux s’orienter dans l’arborescence du site.

‍

➡️ Un exemple

‍

Pourquoi utiliser un fil d’ariane ?

Le fil d’ariane est utile pour les sites qui comportent plusieurs niveaux de hiérarchie (grande quantité de contenus, catégories...)

Le fil d’ariane :

• Facilite la navigation
• Prolonge le temps passé sur un site
• Apporte une aide visuelle
• Améliore votre SEO (maillage interne et mots clés)

‍

La ligne de flottaison

Dans un univers un peu plus maritime, voici le 3ème mot du webdesign : la ligne de flottaison 🛟.

Qu’est ce que c’est ?

La ligne de flottaison d'un site internet est une ligne invisible qui sépare la partie visible de la page de la partie invisible (accessible après avoir scrollé).

‍

➡️ Un exemple

‍

Fun fact

Le concept n’est pas récent et remonte aux débuts de l’imprimerie.

« Above the fold » signifie « au-dessus du pli ».

‍

Les journaux, imprimés sur de grandes feuilles de papier, étaient pliés et seule la moitié supérieure du papier était visible.

Pour capter l’attention des lecteurs, cette partie devait présenter un contenu attractif.

‍

L’ancre de lien

Toujours dans un esprit marin, nous allons parler de l’ancre de lien⚓. 

Qu’est ce que c’est ?

Une ancre de lien ou lien ancré est tout simplement un lien qui redirige vers un élément précis d’une page.

Ce type de lien est souvent utilisé dans les sites One page.

‍

➡️ Un exemple

‍

La barre de navigation

Et enfin, dernier mot pour aujourd’hui : la barre de navigation ⛵ .

Qu’est ce que c’est ?

La barre ou menu de navigation permet de naviguer parmi les différentes pages et contenus d’un site web. 

Elle permet de faciliter la recherche de l’utilisateur. 

Elle regroupe un ensemble de liens qui, au clic, vont rediriger l’utilisateur.

‍

➡️ Un exemple

‍

Pour finir :

J’espère que ces explications vous ont intéressés et que ces termes vous semblent plus clairs 😊

👉 Et pour vous, c’est quoi le mot le plus incompréhensible du webdesign ? Vous pouvez m’envoyer un message sur LinkedIn pour me suggérer un nouveau mot.

‍

A bientôt pour d’autres mots de l’UX/UI !

‍

Lien :

• Mon profil sur LinkedIn, si vous voulez me contacter directement : https://www.linkedin.com/in/margaux-teste/ 

‍