50 conceptions d'interface utilisateur de carte créative

Quand j'étais gamin, j'étais désespéré pour un appareil photo Polaroid: pouvoir prendre une photo et la voir presque immédiatement était fantastique pour moi. Avec les caméras «normales», vous deviez attendre que vous ayez terminé tout le film, puis vous deviez le développer pour prendre une semaine. Alors, bien souvent, lorsque vous avez vu vos photos, la connexion avec elles était un peu plus distante. Avec les polaroids, c'était là et ensuite. De plus, le format du polaroid classique incluait le cadre blanc avec l’espace au bas où vous pouviez écrire quelque chose: la date, l’endroit où vous vous trouviez, avec qui vous faisiez ce que vous vouliez dire sur la image ou le moment.

le polaroid classique incluait le cadre blanc avec l'espace au bas où vous pouviez écrire quelque chose ...

Semble familier? Une grande partie des médias sociaux tire son inspiration visuelle du polaroid classique des 80 ans cette année. L'influence peut être vue dans les publications Facebook, Instagram, Twitter et, bien sûr, Pinterest. Cela a eu un effet sur la conception du site Web en général. Il s’agit d’un style d’interface avec lequel les utilisateurs se familiarisent avec les médias sociaux. Il est basé sur une grille, mais les éléments, ou les cartes, sont compartimentés de telle manière qu'ils se sentent comme des entités séparées. (Plutôt comme une bande de polaroids épinglés sur un mur.)

La mise en page des cartes fait partie intégrante de la conception des matériaux. La séparation est souvent obtenue en utilisant des ombres, ce qui donne une illusion de profondeur ou une légère différence de couleur. C'est un choix populaire pour les sites Web d'actualités, les sites de magazines et les blogs, qui présentent tous à l'utilisateur des «instantanés» d'histoires sur lesquels il pourrait ensuite cliquer pour en savoir plus. Il est également populaire pour les portefeuilles car il permet de présenter un grand nombre de contenus différents simultanément, mais clairement.

Comme ce style de présentation de carte est devenu plus populaire, il a évolué au fur et à mesure que les concepteurs s’investissaient, trouvant des moyens de créer des mises en page de cartes fraîches et intéressantes. Certains utilisent l'asymétrie à bon escient, certains mettent beaucoup d'espace entre les cartes, d'autres n'en insèrent aucune. La plupart des mises en page de cartes utilisent des images, mais il y en a quelques-unes qui utilisent du texte, au moins sur certaines des «cartes». Certains ont l'image et le texte visibles sur le devant, d'autres affichent leur texte uniquement lors de l'interaction.

Ce qui est formidable à voir, c’est que ce style de mise en page fonctionnel et pratique soit adapté et façonné par différentes approches créatives, de sorte qu’il ne se dégrade pas.