Design em destaque: fontes em serviços financeiros

A economia global está crescendo rapidamente e os serviços financeiros online continuam a conquistar o mundo. A maioria dos usuários de diferentes partes do mundo há muito não consegue imaginar sua vida e seus negócios sem a capacidade de fazer transferências de dinheiro remotamente, e o dinheiro está gradualmente se tornando parte do passado.

Cada vez mais bancos e outras organizações financeiras estão criando aplicativos móveis para manter contato com seus clientes, e as startups estão apresentando novas ideias para implementar serviços financeiros seguros, mesmo sem representação física.

Tudo isso sugere que os serviços financeiros online estão na onda do desenvolvimento, mas será que é tão simples quanto parece? Criar um aplicativo financeiro requer grandes investimentos e, antes de tudo, investimento em reputação, o que pode ser feito com a ajuda de ferramentas de design, inclusive. Neste artigo, falaremos sobre o design de soluções web e mobile para gestão financeira, e daremos atenção especial ao uso de fontes para esta tarefa.

Design Thinking e Abordagem Mobile-First na Indústria de Fintech

Então, o que vemos em primeiro lugar quando abrimos um site ou lançamos um aplicativo de qualquer orientação? Isso mesmo, prestamos atenção principalmente ao design. Nesse contexto, o design atua como uma combinação de ferramentas visuais que afetam subconscientemente os usuários e começam a convencer (ou desencorajar em caso de má implementação) do uso posterior de nosso aplicativo. Quando uma empresa coloca o design de sua aplicação em primeiro lugar, isso é chamado de design thinking. E esta é a abordagem certa, pois você não terá uma segunda chance de causar uma primeira impressão.

Isso é especialmente verdadeiro para a criação de serviços financeiros, pois nesse caso todo o conjunto de ferramentas de design deve ser usado para que o usuário receba uma mensagem direta e forte de que seu dinheiro estará seguro aqui. E a fonte é um dos elementos que ajudam a transmitir não apenas uma mensagem de texto, mas também uma subliminar.

Além disso, a abordagem mobile-first também é usada no processo moderno de desenvolvimento de aplicativos. De acordo com essa abordagem, é necessário primeiro pensar no conceito do design do aplicativo para telefones celulares ou outras telas pequenas e só depois mudar para a versão desktop, se necessário. Concentrando-se principalmente em dispositivos móveis, os designers de serviços financeiros também devem prestar atenção especial à fonte e seu tamanho – porque o espaço para implementação será significativamente limitado. E aqui a fonte começa a funcionar em forte conexão com a interface do usuário, que deve ser criada de forma que o usuário possa encontrar as informações necessárias ou realizar a ação necessária em não mais que três cliques ou toques.

Características da Percepção de Fontes em Web Design

A psicologia de uma fonte determina qual efeito uma determinada fonte produzirá em um usuário. Tipografia ou fontes é um componente muito significativo, ignorando o que leva à criação de web design de qualidade inferior. Muitos designers se concentram na beleza e no apelo artístico do projeto, nas combinações de cores e no significado prático, mas poucos se relacionam com o mesmo escrúpulo nas fontes.

Eles simplesmente não entendem que é o componente visual do texto que envia a mensagem ao usuário. Uma fonte é um dos elementos que você precisa levar muito a sério. As fontes fornecem legibilidade e carregam o ponto principal. A psicologia das fontes desempenha o papel da espinha dorsal na eficácia do web design. Todo designer sabe que as cores afetam o humor, as emoções e os sentimentos das pessoas. As fontes nesse sentido dão o mesmo efeito que as cores.

Grafólogos e desenvolvedores concordam que a escolha do estilo da fonte é acompanhada pela transferência de um determinado autovalor, independentemente de o efeito ser usado intencionalmente ou não. Acredita-se que o efeito da aplicação de uma determinada fonte em certo sentido depende do contexto, bem como das características da pessoa que a percebe. Essa influência é subconsciente. O ideal é que o texto visual e a mensagem em si se complementem, caso contrário, teremos um desencontro.

Na vida real, são situações em que uma pessoa diz uma coisa e a expressão no rosto ou o tom de voz revela o contrário. Muitas pessoas usam uma determinada fonte porque gostam dela, ou simplesmente porque ela está instalada em seu editor de texto, sem imaginar o destinatário da mensagem – a pessoa que lê o texto que elas criaram. No entanto, essa abordagem será extremamente errada para a criação de aplicativos financeiros.

Características da Percepção de Fontes no Design de Serviços Financeiros Online

Assim, a percepção visual de sites e aplicativos para serviços financeiros tem suas próprias características principais. E decorrem dos valores que o serviço traduz para atrair e reter usuários. Os principais valores, neste caso, são segurança, confiabilidade, garantias e reputação, pois estamos falando de ativos valiosos que os usuários confiam temporariamente a uma determinada empresa.

Portanto, os elementos visuais devem estar em conformidade e refletir esses valores, e em nenhum caso contradizê-los. E a fonte é um, mas não o único elemento que funciona nessa tarefa. Para criar uma impressão visual e uma interface de usuário que transmita esses valores, os designers de serviços financeiros também precisam usar corretamente o espaço branco ou vazio, bem como a combinação certa de cores do ponto de vista da psicologia da percepção. A seguir, falaremos sobre quais pares de fontes e cores são mais adequados para criar sites ou aplicativos financeiros.

Pares de fontes potencialmente correspondentes

Fontes com grandes letras redondas “O” e “rabos de cavalo” são percebidas como amigáveis ​​e “humanas”, possivelmente porque seu estilo imita a imagem de um rosto humano. Exemplos são Apple Pay, Google Pay e Square. Nesse contexto, o Square é o indicador mais clássico deste exemplo, enquanto o efeito de humanização é criado pela Apple e Google através do uso de tais logotipos nativos e familiares na frente do nome do sistema de pagamento.

Fontes retas e angulares estão associadas à inflexibilidade, rigidez; eles são caracterizados pela frieza, ausência de rosto e mecanicismo. Em termos de psicanálise, eles são definidos por expressões como “emocionalmente ensanduichado” ou “de mente forte”. Um exemplo é o Skrill.

Fontes antigas (serifadas) como Times, Times New Roman e Palatino são um compromisso entre o antigo e o novo. Claras e bastante simples, têm forma e redondeza bem definidas, sugerindo a tradição e continuidade neoclássica. Eles causam um sentimento de confiança, por isso são os favoritos entre os respeitados representantes dos negócios tradicionais. Exemplos são Stripe, PayPal e alguns outros bancos de classe mundial.

As fontes Sans Serif, como Arial, Modern e Univers, possuem baixa carga emocional e estão associadas à praticidade e sanidade. Eles carregam um começo comum moderno e são uma escolha confiável para aqueles que desejam harmonia e não estão preocupados com a auto-expressão através do design de fontes. Um exemplo é o Visa.

Normalmente, as fontes modernas Sans Serif falam sobre força, confiabilidade e estabilidade (como Montserrat, Futura Medium e Overpass) e fontes com personalidade forte (como Arsenal) são geralmente usadas no setor de serviços financeiros. Além disso, muitas vezes, os designers precisam usar duas fontes para transmitir corretamente a mensagem de marketing necessária e traçar uma linha entre a chave e as informações adicionais. Para serviços financeiros, os seguintes pares de fontes serão adequados, pois sua combinação aumenta a sensação de confiança e confiabilidade.

• Soleil + Borgia Pro. Estas são duas fontes clássicas que se complementam perfeitamente e são bem percebidas quando combinadas. Eles falam sobre a confiabilidade das informações e dados verificados.
• Gibson + Adriane Texto. Este par é um pouco semelhante ao anterior e geralmente executa suas tarefas muito bem.
• Texto Clarendon + Interface. Essas duas fontes Serif e Sans Serif possuem letras arredondadas e excelente legibilidade, e isso, como dissemos anteriormente, é bom para humanizar seu atendimento.
• Abril Titulação + Fira Sans. Usadas juntas, essas duas fontes têm um bom efeito no nível de confiança e inconscientemente falam de garantias – é exatamente isso que sua aplicação financeira pode precisar.
• Fira Sans + Freight Text Pro. Esta é a última combinação perfeita que transmite uma sensação de confiança em cada ação realizada.

Cores potencialmente correspondentes

No entanto, não basta apenas escolher as fontes certas. Também é necessário combiná-los com competência com o esquema de cores. Aqui estão as cores mais adequadas para serviços financeiros em termos de psicologia.

• Branco : Esta é a cor mais popular, e você verá isso nos exemplos abaixo. A cor branca transmite paz e harmonia. Na linguagem dos serviços financeiros, branco significa a transparência de todas as ações e a fluidez de todas as transações financeiras.
• Azul claro : Azul claro indica estabilidade e segurança. E esta é a segunda cor mais popular que os designers escolhem para sites e aplicativos financeiros. Azul indica que é um lugar seguro para ser confiável. O análogo é o céu azul, que está sempre acima de nossas cabeças, independentemente das circunstâncias.
• Cinza : Cinza é a cor do profissionalismo e da mente fria. Sendo utilizado no desenvolvimento de aplicações financeiras, o cinza indica que todas as operações serão realizadas com precisão matemática de um milionésimo.
• Vermelho : O vermelho é uma cor bastante ousada. No entanto, é muito bem usado pela MasterCard em combinação com o amarelo. Nesse caso, a cor indica liderança no setor e qualidade dos serviços.
• Amarelo : Amarelo é a cor de um estímulo positivo. Subconscientemente, também desperta uma sensação de confiança, segurança e estabilidade, além de motivar a ação.
• Preto : O preto é a cor mais rigorosa, que mais uma vez enfatiza o profissionalismo e as garantias de ferro. O preto não permite emoções e erros. Esta é a cor da inequívoca.

Exemplos práticos

Então, vamos ver como as fontes e cores que listamos podem ser implementadas na prática.

PayPal

O PayPal é um clássico no design de serviços financeiros. As duas cores mais populares e confiáveis ​​– branco e azul são usadas no site. Além disso, o branco também é usado para o efeito de espaço vazio para enfatizar a importância da informação textual.

Listra

O Stripe continua a tendência clássica originalmente definida pelo PayPal.

Skrill

Este serviço usa uma cor inesperada – roxo, mas também não recusa azul e branco, e um pouco de cinza é adicionado.

Western Union

A WesternUnion é um participante forte e sério do mercado financeiro. Suas cores são preto, amarelo como cores primárias e também branco e azul como opcionais.

Em Conclusão – Lembre-se de que nem tudo depende da escolha da fonte

Talvez sua tarefa não seja resolvida escolhendo uma fonte “bonita”, mas sim pelo uso correto dos fundamentos da tipografia. No layout, o resultado final é afetado não apenas pela fonte selecionada, mas também por seu tamanho, tipo (por exemplo, negrito ou itálico), distância entre linhas (entrelinhas), distância entre letras (rastreamento e kerning), recuos e margens, o uso de caracteres tipográficos (por exemplo, traços longos e aspas), cor, composição, hierarquia visual, presença de outros elementos gráficos e muito mais!