Как выбрать шрифты для финтех продуктов: наше руководство по лучшим практикам (Часть 1)

Daria is a UX and interface designer with a keen interest in typeface design. Her career in Fintech spans over two years, during which she has been involved in designing various products. For more about Daria, click here.

Get weekly tips on front-end & UX, trusted by over 200,000 people.

Hello! I'm Daria. For the past two years, I've been part of the Devexperts team. My experience ranges from designing crypto wallets to exchange administration platforms. Our diverse target audience includes professional and non-professional brokers, beginners and experienced traders, and trade desk operators. They all use financial tools daily, some with high intensity.

Continuous product use under high-stress conditions, a common occurrence in the financial sector, can lead to eyestrain and overall fatigue. This can result in users making poor decisions and overlooking details, potentially damaging their investment portfolios. As a designer, my objective is to mitigate these issues and make daily operations more comfortable.

The primary tool for a designer is the UI kit, which is a collection of reusable components like controls, color palettes, effects, and text styles. Typography plays a crucial role as it establishes a text style library and communicates the most critical and potent tool - information - from the platform to the user.

To better understand my approach to digital product typography, let's walk through each step, from research to implementation. But first, let's clarify some basic terms.

A typeface (or font family) is a set of visually similar fonts with a shared design concept. For instance, Helvetica is a typeface.

A font is a subset of a typeface. It is a set of symbols that can vary in weight (Semibold/Bold/Black), orientation (Regular/Cursive/Italic), width (Narrow/Wide), etc.

It's important to note that these two terms are often used interchangeably, even by type designers.

With these basic terms defined, let's discuss our recommendations for the workflow of creating or selecting a font for a fintech product.

Introducing "TypeScript in 50 Lessons", our brand new guide to TypeScript. It features detailed code walkthroughs, practical examples, and common pitfalls. It's perfect for developers who are proficient in JavaScript.

As a fintech designer in the trading sector, you'll primarily work with spreadsheets, which usually display fundamental data units on markets.

Other standard data mediums include product cards and forms for order entry, cancellation, adjustment, etc. Product cards offer users detailed information on trading instruments, while forms enable users to interact with markets. These interactions constitute user flows.

What's common among these different types of information? They're all presented as texts. In this context, the core design values are as follows:

In the image above, you can see an example of a platform for exchange administrators with all typical data types. A spreadsheet lists trades and their numerous parameters. In the background is a trading instrument card (currency pair) with dynamic quotes that update in real time. The chart shows trade history with prices and volumes, and the Market Depth graph on the right displays the current market state - the volume of Buy and Sell orders and their prices.

Having defined the most common data types in fintech products, let's delve deeper and examine the specific conditions we need to consider in our product.

The best design practices cater to current requirements and anticipate potential product evolution scenarios. When working on...