web-dev-qa-db-fra.com

Comment les cartes améliorent-elles la lisibilité?

La plupart des applications et des sites Web s'adaptent à la conception des cartes pour afficher les informations nécessaires. Qu'est-ce qui rend les cartes si intuitives et attrayantes pour la lecture/visualisation?

8
Mehul Shah

Certains des avantages de l'interface utilisateur basée sur les cartes incluent:

  • Amélioration de la numérisation - Les cartes sont de petits conteneurs soignés pour l'information. Ils divisent le contenu en sections significatives et ainsi l'information est organisée et bien structurée.
  • Visuellement agréable - Les cartes peuvent taquiner les utilisateurs avec des informations visuelles qui attirent l'attention de l'utilisateur de manière efficace et immédiate.
  • Visuels faciles à lire - Le contenu des cartes est facilement digestible pour les utilisateurs, aidant ainsi à communiquer des histoires rapides.
  • Thumb Friendly - Se comportent de la même manière que les cartes physiques, ce qui rend les utilisateurs comme sa simplicité et ils comprennent intuitivement la physique de retourner une carte pour plus d'informations ou glisser pour le prochain morceau d'informations.
  • Bon pour différentes tailles d'écran - Un bon choix pour une conception réactive car les cartes agissent comme des conteneurs de contenu qui évoluent facilement vers le haut ou vers le bas en créant une esthétique unique sur plusieurs appareils et aide à établir une expérience cohérente quel que soit l'appareil.

Référence: Cartes: définition du composant UI

17
Akhil Ashok

La grande chose avec les cartes est la métaphore de la vie réelle. Tous les types de cartes dans la vie réelle sont principalement de petits éléments d'information qui regroupent les informations de différents types (images, texte, etc.) de manière compacte afin que vous puissiez obtenir directement les informations en un bref aperçu. L'aspect de regroupement est assez important ici. Il est impossible de ne pas percevoir les informations sur une carte en tant que groupe en raison de la conception des cartes. Par conséquent, les cartes sont un très bon moyen de présenter plusieurs blocs d'informations brèves de différents types (image, texte, etc.) qui peuvent conduire à des informations plus détaillées (par exemple, dans une chronologie, un fil d'actualités, etc.).

3
peddersen

Les cartes ont de multiples avantages, notamment sur mobile.

Physique

Un morceau de texte à l'écran est un morceau de texte, mais une carte est un objet. Les utilisateurs ont été formés par les modèles de conception pour s'attendre à ce que les objets puissent être tapés et glissés, au minimum. Si des actions apparaissent sur la carte, la portée de ces actions est clairement délimitée.

Homogénéisation

Les cartes ne sont pas seulement des objets, mais des objets identiques, donc même si le contenu peut varier, les utilisateurs peuvent s'attendre à ce qu'il soit lié d'une manière ou d'une autre. Les utilisateurs sont également formés pour faire défiler dans le sens que les objets identiques répètent, de sorte que la possibilité de faire défiler horizontalement (pensez: les publications liées à Facebook ou les amis recommandés sur mobile) est créée dès que vous mosaïquez un tas de cartes horizontalement et continuez hors écran. La discrétion d'un objet de carte montre aux utilisateurs qu'il y a plus de contenu de cette façon, même si tout ce qu'ils peuvent voir est le bord de la carte.


Cependant, la question porte sur lisibilité. Comme l'a écrit @akhilashok, les cartes ont touché quelques points importants en matière de numérisation et de hiérarchie des informations. Mais rien de tout cela ne vient de la carte. Une carte n'est qu'un modèle mental qui permet aux concepteurs et aux utilisateurs de formater facilement le contenu.

Si votre contenu ne ressemble pas à "titre, texte court, peut-être image", les cartes ne sont pas utiles. Conception matérielle lignes directrices décrire ce qu'est et n'est pas une carte, et quand utiliser des cartes. Lorsqu'une carte est inappropriée, le supplément chrome et le rembourrage distraient l'utilisateur et réduisent l'espace effectif à l'écran.

1
SPavel