Blog

UXCorp | Blog | UX | Typographie : Un impact sur la stratégie digitale ?

Typographie : Un impact sur la stratégie digitale ?

La typographie est l’art et la manière d’utiliser différents types de caractères afin que le texte soit efficace, harmonieux, et artistique. La typographie digitale s'est instaurée petit à petit sous l’influence de Steve Jobs. De nos jours, la typographie dans le web a une utilité capitale dont les enjeux restent encore trop mésestimés.

Changez votre logotype

Travaillons ensemble l'évolution de votre logotype.

Parlons-en

Formez vous à Photoshop

Découvrez nos formations Photoshop CC.

Se former

L’impact de la typographie sur votre stratégie de marque :

D’emblée, la typographie est l’utilisation de différents types de caractères afin que le texte soit lisible et esthétique. En effet, la typographie digitale s’est installée petit à petit sous l’influence du créateur d’Apple, Steve Jobs. De plus, de nos jours, la typographie digitale dans le web a une utilité capitale dont les enjeux restent encore trop mésestimés. Il est nécessaire pour votre marque de choisir une police de caractères correspondante à votre image de marque. Serif, sans serif, cursive, manuscrite ou encore monospace, vous avez l’embarras du choix !

La typographie digitale a-t-elle un impact sur la stratégie de marque des entreprises aujourd’hui ?

Distinguons plusieurs types de typographies :

Avec Serif : Les polices avec serif ont des empattements.
Les empattements sont les petites extensions qui terminent les extrémités des caractères dans certaines polices d’écriture. 
Exemple — La police Georgia
Dans le digital, ces polices à empattements sont souvent utilisées pour un effet « old school ». Elles ne sont pas considérées comme des typographies digitales modernes.
 
Sans Serif : Les polices sans serif ne possèdent pas d’empattements. Elles peuvent être plus modernes et dans l’air du temps. Elles sont plus faciles à utiliser, à lire et laissent plus de place à l’univers design qui les entoure.
Exemple — la police Helvetica

Display : Principalement des typographies digitales de titrage, ce sont des polices populaires à forte personnalité. Souvent utilisées lors de la création de site internet par exemple.

Handwriting ou encore manuscrite/cursive : Une police de caractères de style manuscrite s’adresse à une cible plutôt féminine, mais aussi pour toucher les émotions et/ou les sentiments. Son retour est en grande pompe. En effet, les polices manuscrites et cursives sont utilisées dans la création de logo, dans le style vintage, signe d’authenticité.
Exemple — la police Pacifico ou encore dancing script 
 
Monospace : Cette police a une largeur fixe. Les polices monospaces sont très régulières. Elles dégagent du sérieux, délivrent de la rigueur mais aussi de la clarté.
Exemple — le Courrier New

 « Le Reed College dispensait probablement alors le meilleur enseignement de la typographie de tout le pays. Dans le campus, chaque affiche, chaque étiquette sur chaque tiroir était parfaitement calligraphiée. Parce que je n’avais pas à suivre de cours obligatoires, je décidai de m’inscrire en classe de calligraphie. C’est ainsi que j’appris tout ce qui concernait l’empattement des caractères, les espaces entre les différents groupes de lettres, les détails qui font la beauté d’une typographie. C’était un art ancré dans le passé, une subtile esthétique qui échappait à la science. J’étais fasciné.»— Steve Jobs

Qu’est-ce que la typographie digitale ? 

« La typographie désigne les différents procédés de composition et d’impression utilisant des caractères ou symboles en relief. »

La typographie digitale, est l’ensemble des polices ou variables utilisées de manière harmonieuse et artistique. En outre, la typographie digitale valorise le contenu d’une page web. Souvent confondue avec la typographie, la calligraphie est le fait d’écrire avec soin, à travailler un mot, une lettre, une phrase, ou même, tout un texte de manière artistique.
 
Dans le domaine du digital, le choix typographique peut être une valeur ajoutée pour la marque et / ou pour l’entreprise. Celle que vous choisirez d’arborer sur votre site web ou encore pour vos différents contenus, pour votre logo etc… pourrait refléter une vision particulière de votre marque.
 
D’autant plus qu’une première impression se doit d’être très bonne pour que les visiteurs restent sur votre site et commandent l’un de vos produits et / ou services.

La typographie dans le digital a une fonction spécifique et importante. Ainsi la police de caractères doit être agréable à regarder mais aussi facilement lisible. D’autant plus qu’une utilisation sage et pertinente des polices de caractères facilite la lecture ainsi que la compréhension de l’information que vous voulez partager. Cependant, un manque de réflexion concernant le choix de la typographie peut amener à perdre le visiteur de votre site internet ou distraire son attention. Au final, le visiteur ne verra pas les informations importantes.

Comment choisir la bonne typographie ?

Il y a de cela quelques années, Google a instauré un hébergement de typographie open source. En effet, Google l’a mis en place pour le web. Ce service d’hébergement appelé Google Fonts propose plus de 800 polices de caractères dans différentes langues. L’ensemble des typographies peuvent être téléchargées et utilisées gratuitement. Il y en a pour tous les goûts, vous êtes obligés de trouver une police de caractères qui correspond à votre univers. Il est important qu’il y ait une concordance entre vos produits / services et votre image de marque. Le choix de la typographie et du design de votre site internet appuiera ces points. Restez fidèle à vous-même et aidez l’utilisateur à ressentir ce que vous souhaitez dégager par votre marque.

Choisir la bonne typographie peut s’avérer compliqué

En effet, il y a sûrement une quantité importante de polices qui vous correspondent. Quoi qu’il en soit, afin de faciliter le choix d’une police de caractères nous avons défini 3 grands critères à prendre en compte, en plus de votre image de marque.

Nos 3 grands critères sont :

La lisibilité :

La lisibilité est le critère le plus important. Il faut que le visiteur de votre site web comprenne ce que vous essayez de transmettre. La lecture doit être fluide et sans encombre. Les lettres doivent être facilement identifiables.

La diversité :

Il est important que la police que vous proposez soit diversifiée. En effet, le light, le regular, et le bold, peuvent être utilisés afin de hiérarchiser les informations. Opter alors pour une famille de police complète facilitera l’architecture de votre contenu sur votre site web.

La compatibilité :

Il est essentiel de s’assurer avant l’utilisation d’une typographie que la police de caractères est compatible avec les différents navigateurs web.

« La typographie est simple, aussi simple que de jouer du violon ! » — Maximilien Vox, typographe

La typographie des grandes entreprises

Il y a de cela quelques années, Helvetica était la police des logos d’un nombre incroyable de grands groupes tels que Nestlé, Panasonic, Lufthansa, Jeep, Toyota, Orange, American Airline, American Apparel etc..
C’est également la police des panneaux de signalisation de nombreuses villes dans le monde, des stations de métro à New York. Il faut savoir que même les inscriptions sur les fusées de la Nasa sont en Helvetica.
 
Nous pouvons prendre l’exemple de quelques géants du web : 
 
Apple, depuis le 24 janvier 2017, Apple utilise la police San Francisco, en tant que police principale sur la majorité des produits et services de la marque.
 
Amazon utilise Bookerly, débarquée sur les écrans de la version mise à jour du Kindle PaperWhite.
 
Google, utilise la police Arial sans serif. Un choix simple et efficace.

Facebook a pris pour habitude d’utiliser la police de caractères Helvetica mais aussi Arial sans serif. Auparavant, Facebook utilisait Tahoma sur le mur de publications.

Quelles sont les typographies adaptées au design d’un site web ?

En général, il est préférable d’utiliser une typographie sans serif, qui permet une meilleure lisibilité du texte.
Cependant, quel que soit le type de typographie que vous avez choisi de mettre en avant sur votre site web, qu’il s’agisse d’une typographie avec ou sans serif, le plus important est d’avoir un texte lisible, facile à comprendre aux yeux des visiteurs.
En effet, une typographie est lisible quand elle n’est pas démesurée. La police de caractères ne doit pas être trop grosse ou trop petite, trop fine ou trop grasse. C’est essentiel de pouvoir manier la typographie de manière pratique et ergonomique en faisant ni trop ni trop peu.

Nous avons donc fait notre top 6 des typographies les plus adaptées au design d’un site web :

Helvetica / Helvetica Neue :

Cette police de caractères est sans empattement. Helvetica a des lignes épurées et en même temps très neutres, ce qui fait d’elle l’une des polices la plus utilisée au Monde.

Open Sans :

Open Sans est une typographie sans serif. Elle existe en 5 variantes : Light; Norma ; Semi-bold ; Bold et Extra bold. De plus, chacune des variantes à une version italique, ce qui donne à Open Sans un total de 10 variétés. Open Sans a été conçue pour obtenir un rendu optimal et idéal pour le web, en impression ou sur mobile.

Lato :

Lato est une police de caractères sans serif. Elle reste une typographie chaleureuse et sans prétention. Cependant, l’une de ses variantes — Lato italique – est magnifique et a été, de ce fait, utilisée par WordPress dans un de ses thèmes. Cette typographie est devenue très populaire.

Montserrat :

Montserrat est une police sans serif, utilisée sur de nombreux sites web, souvent pour du titrage. Redessinée il y a de cela quelques années, Montserrat se compose désormais de 9 niveaux de graisse, et ainsi chacune de ses variantes possède une nouvelle déclinaison en italique.

Roboto :

Roboto est une combinaison de la police Helvetica, DIN et Myriad. Cette police fonctionne bien sur toutes tailles et résolutions d’écrans. Elle semble familière, et pourtant, plus on la regarde et plus on se rend compte qu’elle possède quelque chose d’unique.

Ubuntu :

« Ubuntu est à Canonical ce que Roboto est à Google ». Cette police, très originale, a l’avantage de privilégier la lisibilité et proposer de l’originalité aux visiteurs. En effet, Ubuntu soumet un jeu de caractères très complet, composé de deux graisses (regular et bold) pour couvrir un maximum de langues. C’est également la police utilisée sur notre site web UXCORP.

« La typographie donne du caractère à votre site internet. »

La typographie digitale, essentielle dans la stratégie de marque :

De plus, la typographie a autant d’envergure qu’une image sur un site web. Il est préférable d’utiliser sur son site web, pas plus de trois polices différentes afin de garder une certaine harmonie. En effet, il ne faudrait pas que la typographie agisse sur l’utilisabilité de votre site web.
Aujourd’hui, nous faisons face à une dématérialisation digitale ainsi que des services, alors l’enjeu est d’autant plus important. De ce fait, les designers travaillent plus durs et se consacrent au design d’interface, mais aussi à l’expérience utilisateur afin d’amener les marques à se différencier de la concurrence.

Concrètement, un jeu de polices choisi adroitement et judicieusement utilisé aide amplement une entreprise ou encore une marque à asseoir sa crédibilité sur le web :

# Maximiser la compréhensibilité du contenu 

Lorsque nous rédigeons des contenus, c’est évidemment pour qu’ils soient lus. Il est donc cohérent d’accorder une attention particulière à la lisibilité de la typographie utilisée. Alors, il peut s’agir de couleur, de taille , de l’espacement, ou de type de police. Afin de mettre en confiance les visiteurs sur son site et sa clientèle, il faut transmettre de manière claire, lisible et précise des informations sur ses produits ou services.
D’autre part, il faut savoir que les recherches avant achat sont majoritairement faites sur internet. Alors, c’est essentiel de comprendre que tout se joue à ce moment précis et que l’interface doit être irréprochable et attractive.

# Améliorer l’expérience utilisateur

Il est moins coûteux de fidéliser des clients que d’en acquérir. Alors, il serait préférable de faciliter, le plus possible, la navigation de vos pages sur votre interface.
Si vous désirez conserver les visiteurs sur votre site web, il est préférable d’accorder de l’importance à la qualité et à la facilité de la navigation entre vos pages. Pour cela, utilisez une typographie digitale à la fois esthétique et lisible.

# Construire l’image de marque

Enfin, la police de caractères reflète une personnalité et le lecteur perçoit une certaine image.
Toutefois, si vous appliquez une police d’écriture avec serif, la sensation, le visuel et le rendu ne seront pas pareils que si vous choisissez une police beaucoup plus classique et sans serif comme Arial ou encore Helvetica. La typographie influence donc l’image de marque et le message que vous souhaitez diffuser. Il faut donc accorder une importance particulière à la police utilisée pour que l’image perçue soit bien celle que vous voulez transmettre.

En définitif

À l’ère du digital, la typographie a pris une place considérable dans le design d’un site internet. Ux Corp. vous propose des ateliers pour trouver, en équipe, des solutions créatives adaptées à votre image de marque et à vos services et / ou produits. En effet, à la fois économique et esthétique, la typographie peut avoir un impact direct sur votre business.

L'actu UX Design