Mélangez et pliez les règles avec une typographie expressive

Nous voulons tous que le World Wide Web (WWW) soit un lieu plus informatif et engageant, n'est-ce pas ? Nous voulons voir les nouvelles tendances du design donner vie à l'espace numérique chaque année. En tant que concepteurs, spécialistes du marketing et créatifs, nous nous asseyons parfois et attendons de savoir quelle tendance nous devrions suivre pour l'année prochaine, puis nous découvrons qu'il existe des tendances qui existent et évoluent depuis le début detypographielui-même.

Alors, qu'est-ce que la typographie expressive, demandez-vous? C'est une stratégie créative pour mélanger et plier les règles de typographie pour communiquer visuellement un concept. Il peut utiliser la police, la taille, la répétition, la forme, la couleur, le contraste, la position et l'espace pour évoquer un sentiment ou envoyer un message. L'utilisation de la typographie expressive permet au créateur de s'affranchir des règles typiques de la typographie pour créer un récit tout en laissant au spectateur la liberté d'interpréter l'art du créateur à sa manière.

Prenons notre premier exemple, il utilise la police, la taille, la couleur, le contraste et l'espace. En un coup d'œil, nous pouvons lire le mot et savoir ce qu'il véhicule. À un deuxième coup d'œil, il y a des sentiments qui peuvent également être évoqués avec la façon dont le mot est stylisé. Si quelqu'un vous demandait comment vous pourriez décrire ce graphique en quelques mots sans utiliser le mot qu'il épelle, certains adjectifs qui pourraient vous venir à l'esprit sont paisibles, calmes et recueillis.

Remplaçons le mot écrit mais gardons le style et ce sont des émotions toujours liées à son apparence et à sa sensation. C'est une chose puissante dans la communication visuelle.

Notre deuxième exemple utilise la police, la répétition, la couleur, le contraste et l'espace pour envoyer un message. D'abord et avant tout, vous voyez le mot inclusion dans un spectre de couleurs principalement parce qu'il est audacieux et lumineux par rapport au texte qui l'entoure – cela seul peut envoyer un message assez puissant. Cependant, lorsque vous commencez à lire les mots dans l'environnement en niveaux de gris, votre esprit peut créer un récit tout seul. Ce sont les choses mêmes qui composent l'inclusion. Ce graphique pourrait essayer d'évoquer des sentiments de chaleur, d'acceptation et d'accessibilité. Mais aussi, il informe le spectateur que rien ne peut être laissé de côté et qu'il est vraiment inclusif.

Les avantages de l'expérience utilisateur (UX) / de l'interface utilisateur (UI)

Augmenter la lisibilité et l'engagement

Peut-être souhaitez-vous augmenter les conversions ou augmenter l'engagement avec votre marque ou votre produit. S'appuyer sur un traitement typographique expressif rompt non seulement la monotonie du contenu sous forme de paragraphe, mais peut vous aider à communiquer visuellement ce que vous voulez que vos utilisateurs ressentent.

Regardons"Demandez à un Superhost" d'Airbnb '. À première vue, la grande typographie peut attirer votre attention, mais au fur et à mesure que vous lisez, vos yeux parcourent les noms de superhôtes remplis d'écriture manuscrite. Le cerveau d'un concepteur peut penser qu'il s'agit simplement d'une police de script d'écriture manuscrite, mais un utilisateur qui n'est pas familier avec la famille de polices peut penser qu'il s'agit de l'écriture manuscrite de l'hôte. Rendre indirectement cet appel à l'action accueillant et accessible. Airbnb veut que plus d'hôtes s'impliquent afin qu'ils mettent l'accent sur la possibilité d'obtenir des réponses à vos questions par de vraies personnes grâce à l'utilisation d'une typographie expressive.

Différenciez et personnalisez votre marque

Les possibilités sont infinies lors de la création d'une expérience visuellement agréable avec une typographie expressive. Pourquoi ne pas l'utiliser pour différencier votre produit ou votre organisation du reste de la concurrence ? Cela peut instantanément augmenter vos chances de devenir mémorable et reconnaissable.

Par exemple, prenons un projet Kickstarter que j'ai rencontré –Forêts de Pangaia , une marque pour un jeu de société unique. L'utilisation intelligente de l'espace négatif en forme d'arbre dans le «A» à la fin de Pangaia est apparemment un trait petit mais puissant de leur marque. Le comptoir désormais en forme d'arbre (l'espace autrefois fermé à l'intérieur d'un A) crée non seulement quelque chose d'intéressant à regarder, mais communique également une histoire. Lorsque leur public cible ne voit qu'une lettre ou un symbole, ils sauront exactement quelle marque il représentera une fois qu'il aura gagné en popularité.

L'aspect le plus unique de cette marque est qu'elle pourrait utiliser le symbole expressif «A» seul sur les cartes de visite, les publicités sur les réseaux sociaux, les actifs dans l'espace numérique, les avatars, etc. La typographie expressive utilisée dans les supports d'identité de marque peut aider à propulser et à rendre votre identité mémorable par opposition à une sans.

Améliorer l'apparence professionnelle

Tout le monde ne peut pas trouver des moyens utiles de mettre en valeur une typographie expressive. S'appuyer sur la forme d'art permet à votre public de comprendre intuitivement que vous prenez la communication visuelle au sérieux.

Une typographie expressive peut également être obtenue avec une animation – prenezUn médical par exemple. L'animation à travers plusieurs mots de service met non seulement l'accent sur la police de la marque sur tout le site Web, mais permet également à l'utilisateur de comprendre intuitivement que cette organisation propose une large gamme de services. Alternativement, ils auraient pu simplement les énumérer, mais ce traitement unique et peu encombrant permet à votre public de se sentir comme s'il s'agissait d'un guichet unique qui met également en valeur leur marque.

Mettre l'accent sur les messages importants

La typographie expressive ne doit pas toujours être un script sauvage ou une lettre mal placée pour avoir un impact. Par exemple,UCSF Santé utilise un dégradé simple mais efficace sur les mots importants pour engager ses utilisateurs. En affichant un beau spectre de couleurs comme remplissage de texte, cela crée un sentiment accueillant et inclusif même si vous ne deviez pas lire tous les mots par vous-même.

Lorsque vous utilisez une typographie expressive dans le cadre de votre identité de marque, UX, une image de déclaration ou un appel à l'action, assurez-vous de la rendre significative, non seulement pour vous mais pour votre public – sans eux, personne ne regarde à vos affaires, non ? Le cerveau humain moyen visualise et traite les informations en un clin d'œil, alors gardez cela à l'esprit lorsque vous utilisez la typographie expressive comme outil de conception pour communiquer quelque chose. Un mot ou un ensemble de mots trop compliqués où il devient illisible, créecharge cognitiveet peut perdre complètement la valeur prévue.

Gardez-le accessible

Lors de la création de graphiques ou d'images contenant une typographie expressive comme certains des exemples que nous avons vus ci-dessus, assurez-vous de penser aux normes d'accessibilité et de décrire dans le texte alternatif de l'image aux utilisateurs qui n'ont peut-être pas les mêmes capacités visuelles que les autres fais. Cela permet à vos utilisateurs qui sontutilisant des lecteurs d'écran et la navigation au clavierpour interagir et expérimenter vos créations comme n'importe quel autre utilisateur le ferait.

Gardez-le amusant

Enfin, nos vies sans tous les différents moyens de communication seraient ennuyeuses, n'est-ce pas ? Alors amusez-vous et faites preuve de créativité. Rendez votre marque unique, augmentez l'engagement de vos spectateurs, améliorez votre apparence professionnelle et mettez l'accent sur les messages importants.

Si vous avez besoin d'aide pour des besoins UX ou de conception, lisez plus dans notresérie de styles de conception de sites Webetcontactez notre expert en conception d'expérience dès aujourd'hui.

A propos de l'auteur

Lauren Shirrell est Senior UI/UX Designer chez Perficient basée à Louisville, Ky. Elle conçoit et améliore principalement des expériences numériques pour le secteur de la santé. Elle survit à l'éducation d'un tout-petit en buvant trop de café, en apprenant de nouveaux programmes de design et en suivant les dernières tendances en matière de design.

Plus de cet auteur