Création d’une police sur mesure pour SAP Fiori.

Sap
Son ton est amical, tout en travaillant dur, ce qui est exactement ce que l’application Fiori est censée faire.

Terrance Weinzierl de chez Monotype a aidé l’entreprise de logiciels SAP à développer une police pour SAP Fiori, pour laquelle SAP a remporté un Red Dot Award en 2015. Il était important que le design de la police fonctionne bien dans les environnements d’interface utilisateur basés sur le texte, sans faire de compromis sur la personnalité. La nouvelle police, appelée 72, a remporté un Red Dot Award en 2017.

Avec le lancement de SAP Fiori, l’entreprise avait besoin d’un jeu de polices capable d’offrir une hiérarchie typographique robuste et d’aider les utilisateurs à naviguer sur des écrans à forte densité de texte. L’interface utilisateur étant presque entièrement axée sur le texte, il était essentiel que les polices fonctionnent aisément sur une variété d’écrans.

« Une police de caractères et une typographie de qualité jouent un rôle important dans l’interface utilisateur, même si elles passent souvent inaperçues pour l’utilisateur », explique Jeong-Sook Lee de chez SAP. « Un bon système typographique crée une hiérarchie visuelle claire en utilisant le bon équilibre entre les différentes tailles, graisses et styles. Une belle police, avec une grande lisibilité à n’importe quelle échelle dans différentes graisses et styles, est ce dont nous avons besoin pour notre interface utilisateur. »

Au-delà des exigences techniques, il était essentiel que la police allie performance et style – qu’elle soit capable d’assurer la lisibilité, l’évolutivité et l’accessibilité, tout en transmettant clairement la voix de SAP.

Trust

« Avec de nombreux produits numériques, l’expérience est la marque », explique John Pompa de chez SAP. « Nos utilisateurs doivent consommer ce contenu sans difficulté. Le design ne doit pas les empêcher d’aller efficacement à leur objectif. »

À la recherche d’un remplacement pour Arial, leur police par défaut, SAP et Terrance Weinzierl, de Monotype, se sont rencontrés pour discuter des styles de polices qui pourraient communiquer un contenu digne de confiance, tout en mettant l’accent sur un sentiment de chaleur et de convivialité.

aeg
Son ton est amical, tout en travaillant dur, ce qui est exactement ce que l’application Fiori est censée faire.

« Nous avions ce concept de néogrotesques, comme Arial et Helvetica, qui représente quelque chose de sérieux et de vrai. Cependant nous devions éviter d’être trop froids ou fades », explique Weinzierl, qui a aidé SAP à examiner un éventail complet de caractères grotesques, humanistes et gothiques. « Il s’agissait d’obtenir cette combinaison qui inspire quelque chose de sérieux, tout en évoquant le concept de SAP Fiori – qui consiste en quelque chose de convivial. C’est là que nous avons trouvé l’orientation idéale. »

Weinzierl a commencé par dessiner le a et le g minuscules, qui sont connues pour contenir beaucoup d’ADN design. Les deux formes renvoient à la forme du g en Trade Gothic et présentent ce que Weinzierl appelle « une grande oreille rebondie ».

« Je pense que des détails comme ceux-là, même s’ils sont infimes, peuvent un peu relever ce type de structure grotesque, explique-t-il. J’estime que c’est une des difficultés avec la conception de caractères. Si un ensemble de détails est trop épicé, cela change très vite la saveur, car on le verra répété des dizaines de fois sur une page. C’est une question de subtilité. »

Le processus de conception, qui a duré environ quatre mois, a nécessité une série de réunions entre les équipes design de Monotype et SAP ainsi que des révisions de lettres à plusieurs reprises pour répondre aux exigences. SAP 72 devait respecter les paramètres d’Arial, tout en conservant sa propre personnalité : des caractères plus arrondis et une hauteur d’x légèrement plus grande.

Accessbility

« Elle a la sincérité d’une néogrotesque et l’énergie humaniste d’une gothique, ajoute Weinzierl. Son ton est amical, tout en travaillant dur, ce qui est exactement ce que l’application Fiori est censée faire. »

Les ascendantes et les descendantes sont proportionnellement égales, afin d’obtenir un alignement centré verticalement via CSS dans les contrôles de l’interface utilisateur. L’accent a été mis sur la création de lettres faciles à distinguer – par exemple, en créant un contraste net entre le I majuscule et le L minuscule. La police a également été optimisée pour les écrans et les petites tailles. Elle offre enfin un support linguistique européen complet pour refléter la diversité des marchés de l’entreprise.

Le développement de la police a été l’occasion d’ouvrir des discussions plus larges sur le rôle que joue la typographie pour SAP en tant qu’entreprise, et comment celle-ci reflète sa personnalité.

« Le design est en train de devenir un élément central de SAP, déclare Pompa. En tant qu’organisation et selon le positionnement souhaité par SAP, il y a une valeur indéniable à cela. C’est pourquoi 72 est une contribution importante. »

Découvrez 72

Lisez et faites l’experience de SAP 72 avec l’équipe SAP. Interagissez avec les différentes graisses et caractéristiques de leur nouvelle police personnalisée.

The Studio team.

Terrance Weinzierl.

Terrance Weinzierl

En tant que designer typographique senior chez Monotype Studio, Terrance Weinzierl crée et modifie des fontes pour la bibliothèque Monotype et diverses marques depuis 2008. En plus de travailler sur des projets personnalisés pour Microsoft, Google, Barnes & Noble, Domino’s et SAP, il a également créé des fontes de caractères pour des jeux vidéo, des équipes sportives professionnelles et des constructeurs automobiles.