Voici les typographies les plus durables au monde

Comment une typographie peut-elle être durable ?

Le nouveau site web de Formafantasma utilise Arial et Times New Roman dans un effort pour être plus durable, explique Fastcompany.

La durabilité ne se mesure pas seulement en livres, en émissions et en sources de matériaux. Elle se mesure aussi en octets.

Le studio de design Formafantasma, basé à Amsterdam, dont le travail se concentre sur la conception durable, a récemment redessiné son site web pour le rendre plus respectueux de l’environnement. Le site a l’air aussi simple que possible : Il y a beaucoup d’espace blanc, peu d’images et seulement deux polices de caractères : Arial et Times New Roman, en bleu et noir standard qui rappelle les débuts du web.

Vous n’avez probablement pas réfléchi à la question de savoir si certains sites web peuvent être plus durables que d’autres, mais en fait, les choix de conception du site web peuvent avoir une incidence sur la quantité d’énergie qu’il consomme. Dans ce cas, l’équipe de Formafantasma a fait des choix visuels qui ont eu un effet direct sur la durabilité du site. Ils n’ont pas seulement choisi Times New Roman et Arial parce qu’ils les aimaient, mais parce que ce sont des polices de caractères standard par défaut et donc les plus durables du web.

Pour comprendre pourquoi, il est utile de faire un bref séjour dans les rouages du web. Toutes les données qui composent un site web vivent sur un serveur quelque part. Ainsi, lorsque vous visitez un site web, par exemple, fastcompany.com, votre navigateur fait une demande d’accès à ces informations. Le serveur hôte donne son accord et renvoie toutes les informations qui composent le site – qu’il s’agisse de polices de caractères, d’images, de noms – par Internet et à votre ordinateur. « Tout le contenu qui doit être chargé dans une page, y compris les polices de caractères, les logos, etc., est une demande adressée au serveur », explique Andrea Trimarchi, cofondateur de Formafantasma. Ces requêtes, appelées requêtes HTTP, nécessitent de l’énergie et de l’espace de stockage. Donc, pour rendre un site web aussi durable que possible, ces requêtes doivent être aussi minimales que possible.

Arial et Times New Roman sont les polices par défaut sur les Mac et les PC, ce qui signifie qu’aucune demande supplémentaire n’est nécessaire. « C’est également la raison pour laquelle le logo ‘FORMAƑANTASMA‘ est un non-logo », explique M. Trimarchi. « Il utilise des symboles Unicode qui sont visualisés et disponibles sur tous les appareils de la même manière ».

Arial et Times New Roman ne sont pas les seules polices par défaut : Courier New, Georgia, Verdana et Helvetica le sont également, ce qui les rend tout aussi durables. Pourtant, si l’on considère que des fonderies entières produisent des polices de caractères sur mesure, le choix est mince.

Bien que le choix des caractères de Formafantasma soit important, il existe d’autres moyens de réduire l’impact environnemental d’un site web, selon Ben Kiel, créateur de caractères et partenaire de XYZ Type. L’utilisation d’images plus petites est en fait la manière la plus efficace de réduire l’empreinte écologique d’un site, dit-il. « C’est un bugg, car les concepteurs de sites web veulent toujours le plus petit fichier de police possible, mais chargent ensuite des images énormes. Donc, se concentrer sur les polices plutôt que sur les images, c’est comme des forêts pour les arbres ». (Les images, qui sont souvent mesurées en mégaoctets, sont généralement beaucoup plus volumineuses que les fichiers de police personnalisés, qui sont généralement mesurés en kilooctets). « Cela ne signifie pas nécessairement que vous ne pouvez pas utiliser des polices personnalisées, car les polices personnalisées peuvent être petites », dit-il. « Cela signifie que vous devez faire des choix délibérés ».

Si vous êtes capable de faire le compromis visuel, ces choix de conception durable peuvent également améliorer l’expérience de l’utilisateur car les pages se chargent plus rapidement, ajoute M. Kiel. Servir des fichiers de plus petite taille est important pour la bande passante mobile, selon M. Kiel, et peut être moins cher pour les utilisateurs qui paient pour les données. (Le code de suivi joue également un rôle : moins vous avez de trackers, moins vous consommez d’énergie et plus votre site sera rapide). Au total, le site Formafantasma est un exercice de retenue qui met à profit ce vieux mantra du design « moins c’est plus ». Et même si les polices de caractères personnalisées ne sont pas la plus grande source d’énergie sur leur site, l’aspect visuel austère souligne la mission de conception durable du studio et facilite la navigation. Kiel encourage les concepteurs de sites web à réfléchir à ces décisions de conception de manière encore plus large. « Ne servir aux gens que ce dont ils ont besoin pour afficher la page, c’est juste un bon design ».

Via Fastcompany

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.