Criação da fonte para a SAP Fiori.

Sap
Ele é amigável ao mesmo tempo que trabalha forte, o que é exatamente o que um aplicativo da Fiori deveria fazer.

Terrance Weinzierl da Monotype ajudou a empresa de software SAP a desenvolver uma fonte para a SAP Fiori, pela qual a SAP ganhou um Red Dot Award em 2015. Era importante que o design da fonte funcionasse bem em ambientes de UI baseado em texto sem comprometer a personalidade. A nova fonte, chamada 72, ganhou um Red Dot Award em 2017.

Com o lançamento da SAP Fiori, a empresa precisava de um conjunto de fontes capaz de oferecer uma hierarquia tipográfica e auxiliar usuários a navegarem por telas repletas de textos. Tendo em vista que a interface de usuário era composta quase que exclusivamente por texto, era essencial que as fontes funcionassem de maneira confortável em uma grande variedade de telas.

“Uma boa fonte e tipografia desempenham função significativa em UI, por mais que isso passe despercebido pelo usuário a maior parte do tempo”, disse Jeong-Sook Lee, da SAP. “Um bom sistema tipográfico cria uma hierarquia visual clara ao empregar o equilíbrio perfeito entre diferentes tamanhos, pesos e estilos. Uma bela fonte com grande legibilidade em qualquer escala em diferentes pesos e estilos era o que precisávamos para nossa UI.”

Além de todos os requisitos técnicos, era fundamental que a fonte equilibrasse desempenho e estilo, capaz de desempenhar bem em termos de legibilidade, escalabilidade e acessibilidade, enquanto comunicava a voz da SAP com clareza.

Trust

“Diante de tantos produtos digitais, a experiência é a marca”, explica John Pompa, da SAP. “Nossos usuários precisam consumir este conteúdo sem dificuldades”, complementa. “Não podemos permitir que o design atrapalhe as pessoas de operarem de maneira eficaz.”

Em busca de uma substituta para a fonte Arial padrão, SAP e Terrance Weinzierl, da Monotype, se encontraram para discutir estilos de fonte que poderiam comunicar o conteúdo como confiável enquanto enfatizavam uma sensação de cordialidade e simpatia.

aeg
Ele é amigável ao mesmo tempo que trabalha forte, o que é exatamente o que um aplicativo da Fiori deveria fazer.

“Tínhamos em mente esse conceito de fontes neogrotescas como Arial e Helvetica que representam algo sério e verdadeiro, mas precisávamos evitar sermos muito frios ou sem graça”, explica Weinzierl, que ajudou a SAP a observar um espectro completo de fontes grotescas, humanistas e góticas. “Foi a combinação de algo que parecia sério, mas ainda levava consigo o suficiente do conceito da SAP Fiori, que é tornar algo amigável ao consumidor. Foi aí que encontramos o ponto ideal.”

Weinzierl começou pelo desenho do a e g em caixa baixa, letras “notórias” por conterem muito do DNA do design. Ambas as formas fazem a referência de um g da Trade Gothic, e contam com aquilo que Weinzierl chama de “orelhão elástico”.

“Penso até mesmo uns detalhezinhos como esses, dentro daquela estrutura grotesca, podem conferir vida ao material”, explica. “Suponho que essa seja parte difícil do design de fontes. Se um conjunto de detalhes for demais, acaba mudando o tom de tudo muito rápido, porque aquele detalhe se repete dezenas de vezes em uma página. É uma questão de ser sutil mesmo.”

Levando cerca de quatro meses até sua conclusão, o processo de design envolveu uma série de reuniões entre as equipes de design da Monotype e SAP, com letras revisadas repetidamente para que atendessem aos requisitos. A SAP 72 precisava ser trabalhada dentro das métricas da Arial, enquanto mantinha sua própria personalidade através de caracteres mais arredondados e uma altura x um pouco maior.

Accessbility

“Ela tem a sinceridade neogrotesca com a energia humanista de uma fonte gótica”, adiciona Weinzierl. “É amigável enquanto dá duro, o que é exatamente o que um aplicativo da Fiori deveria fazer.”

Ascendentes e descendentes são proporcionalmente iguais, de forma a obter um alinhamento vertical centralizado através de CSS dentro dos controles da UI, além disso, houve foco para tornar as letras facilmente distinguíveis, por exemplo, ao criar um contraste claro entre o I em caixa alta e o L em caixa baixa. A fonte foi otimizada para telas e tamanhos pequenas, adicionalmente. A fonte também oferece suporte linguístico completo para línguas europeias de forma a refletir a diversidade de mercados nos quais a empresa opera.

O desenvolvimento da fonte foi uma oportunidade para um diálogo mais amplo acerca da função desempenhada pelas fontes dentro da SAP enquanto empresa, e como estas refletem sua personalidade.

“O design está se tornando parte central da SAP”, comentou Pompa. “Enquanto organização, há um valor atraente nisso, e na forma como a SAP quer se posicionar, logo, a 72 é uma contribuição significativa.”

Experimente a 72

Leia e experimente a SAP 72 da equipe da SAP. Interaja com diversos pesos e funcionalidades de sua nova fonte personalizada.

A equipe do The Studio.

Terrance Weinzierl.

Como Diretor Criativo de Tipografia no Monotype Studio, Terrance Weinzierl vem criando e modificando tipos para a Biblioteca Monotype e uma ampla gama de marcas desde 2008. Além de trabalhar em projetos personalizados para PBS, Microsoft, Google, Barnes & Noble, Domino’s e SAP, ele desenvolveu tipos para videogames, equipes esportivas profissionais e fabricantes de automóveis.