Dans cet article, je vous propose de découvrir ensemble ce composant que l'on retrouve sur presque tous les sites ou applications et qui est ultra stratégique : les cartes en design d'interface.

Jouer sa carte maîtresse, abattre ses cartes, sont des expressions souvent utilisées dans une négociation et empruntées à des jeux comme le poker ou, les cartes Pokémon, des jeux où les joueurs s'affrontent dans des parties où la gestion des risques est au cœur du jeu.

Mais pour mieux comprendre le caractère "hautement stratégique" d’un jeu de cartes, regardons ensemble plus en detail les éléments qui la compose.

1- Leur taille.De taille restreinte, les cartes sont facilement manipulables et peuvent être tenues dans une seule main.

2- Les informations. Un autre élément essentiel est l'organisation de l'information, souvent simple et accessible, fournissant ainsi les données essentielles au joueur pour qu’il puisse prendre connaissance du contenu rapidement et agir en conséquence.

3- L'universalité. Les cartes sont un moyen de communication visuel puissant qui transcende les barrières linguistiques grâce des éléments graphiques universellement reconnus, tels que les icônes, les couleurs codées et les structures hiérarchiques, qui permettent une compréhension immédiate

Enfin, un dernier avantage réside dans leur versatilité et la liberté offerte pour organiser et présenter leur contenu, à condition de respecter des principes essentiels que nous allons aborder dans le paragraphe suivant.

Anatomie d’une carte d'une app.

Une carte se compose généralement de 3 parties.

Le header ou l’en-tête doit donner une indication concernant le contenu de la carte et se compose généralement d’un titre de carte.

Le body ou le corps contient le contenu principal de la carte et peut être organisé en une ou plusieurs sections.

Enfin, le footer ou pied de page est placé après le contenu principal, ce qui en fait un endroit intuitif pour le contenu et les actions qui prolongent le contenu de la carte. C'est un emplacement parfait pour un appel à l’action.

Ci-dessous, une carte en mid-fi.

Les cartes sont un composant modulable, par conséquent il ne faut pas resté enfermé dans un schéma précis.

Dans quel contexte utiliser les cartes ?

Les cartes sont un composant que l’on retrouve dans beaucoup d'applications et incitent à l’exploration.

Ainsi, les cartes sont utilisées aussi bien pour des applications mobiles de rencontres comme Tinder que pour des réseaux sociaux comme Pinterest. Les cartes sont également très utilisées en B to B car elles permettent de créer des catégories facilement.

Un des meilleurs exemples est sûrement Trello, qui permet de créer des tableaux où chaque élément est représenté par une carte.

J'ai moi même dû concevoir ma propre carte en tant que designer pour une application d'apprentissage des tons en Chinois.

Contexte : Mon application vise à aider les jeunes apprenants en chinois à progresser grâce à des exercices pour apprendre à reconnaître les tons en chinois.Conclusion.

Conclusion.

Pour concevoir des cartes efficaces, il est crucial de respecter certains principes. Cependant, l'utilisation des cartes dans divers contextes, que ce soit pour des applications de rencontre, des réseaux sociaux ou des outils B to B comme Trello, montre qu'il faut faire preuve de créativité tout en restant flexible.