Как оформлять большие числа в инфографике и дашборде

Большие числа в инфографике и на дашборде нужно оформлять так, чтобы значение быстро считывалось, легко сравнивалось с соседними показателями и не теряло точность. Для этого группируйте разряды, выбирайте единую систему сокращений, показывайте понятные единицы измерения и отделяйте главное число от поясняющего контекста. Ниже разобраны правила для KPI-карточек, графиков, таблиц и мобильных экранов.

Число из семи или десяти цифр выглядит как плотный визуальный блок. Пользователь должен одновременно определить порядок величины, найти разряды, понять валюту или единицу измерения и сравнить показатель с другими значениями. Если все эти задачи решаются только за счёт самого числа, интерфейс перегружается. Хорошая типографика снимает часть когнитивной нагрузки: она задаёт ритм, иерархию и предсказуемый способ чтения.

Особенно заметна проблема на дашбордах, где рядом стоят выручка, количество заказов, конверсия и динамика. Записи «12480000», «7.384» и «+14» имеют разную смысловую природу, но без единообразного оформления выглядят как элементы одного типа. Поэтому форматирование чисел — не декоративная настройка, а часть информационной архитектуры продукта.

Для длинных целых чисел используйте разделение на группы по три цифры: 12 480 000, 350 000 и 1 250 000 000. В русскоязычном интерфейсе пробел обычно воспринимается естественнее, чем запятая или точка, потому что запятая нужна для десятичной части. В макете важно не допускать разрыва числа между строками: визуально разделённые группы могут быть приняты за разные показатели.

Разделитель разрядов должен быть не случайным набором символов, а частью дизайн-системы. Если данные приходят из разных источников, приведите их к одному формату до отображения. Значения «1 200 000», «1,2 млн» и «1200 тыс.» могут обозначать одно и то же, но в одном экране они создают ложное ощущение несопоставимости.

Сокращённая запись полезна в KPI-карточке, заголовке инфографики и на небольшом экране. Полное значение нужно оставлять в таблице, подписи, подсказке или детализации, если пользователю важна точность. Например, показатель 12 480 000 рублей в сводной карточке можно показать как «12,48 млн ₽», а в раскрытии сохранить запись «12 480 000 ₽».

Сокращения должны быть локализованы. Для русскоязычной аудитории запись «1,2M» может быть понятна специалистам, но «1,2 млн» обычно быстрее считывается без дополнительного перевода. Следите и за пробелами: «12,4 млн ₽» читается спокойнее, чем «12,4млн₽», где число, единица и валюта сливаются в один блок.

Количество знаков после запятой должно отражать полезную точность данных. Лишние десятичные разряды создают видимость аналитической строгости, но затрудняют чтение. В обзорном дашборде конверсия 7,384% чаще уместнее как «7,4%». В финансовом отчёте или при сравнении близких сценариев может потребоваться «7,38%», если такая точность действительно влияет на вывод.

Округление должно быть последовательным. Если одна карточка показывает «12,5 млн», а другая — «12,48 млн», пользователь не понимает, почему для показателей применены разные правила. Зафиксируйте точность для каждого типа метрик: деньги, количество, проценты, длительность и изменения. Отдельно определите, как отображаются ноль, очень маленькие значения и отсутствие данных.

Крупное число должно быть визуальным акцентом, но без единицы измерения оно неполно. Подпись «48» ничего не сообщает, если не ясно, это 48 заказов, процентов, миллионов рублей или часов. Размещайте единицу рядом с числом либо в короткой подписи карточки. В сложной инфографике повторяйте единицу в заголовке или легенде, чтобы отдельный фрагмент оставался понятным при просмотре без соседних элементов.

Для валюты заранее выберите один принцип: символ, буквенное обозначение или название в подписи. В карточках обычно компактно работает «12,48 млн ₽», а в редакционном тексте может быть уместно «12,48 млн рублей». Не ставьте разные обозначения в одном экране и не заставляйте пользователя угадывать, относится ли знак валюты к одному показателю или ко всей группе.

Для таблиц и сравнительных рядов выбирайте шрифт с табличными цифрами, у которых одинаковая ширина. Такие знаки выстраиваются по колонкам и помогают сравнивать разряды вертикально. В крупных заголовках, где цифры не образуют столбец, можно использовать пропорциональные цифры, если они лучше вписываются в композицию. Главное — проверить, как выглядят 1, 2, 4, 6, 8 и 0 в выбранном начертании.

Не превращайте число в единственный декоративный элемент. Слишком жирное начертание, тесный кернинг и чрезмерно плотная межстрочность ухудшают распознавание цифр. Для KPI-карточки обычно полезно создать явную иерархию: главное значение крупнее, единица немного спокойнее, подпись и период заметно меньше. При этом уменьшение вторичного текста не должно лишать его контраста и доступности.

На оси графика не нужно подписывать каждую точку полным длинным числом, если это превращает шкалу в шум. Выберите шаг и формат, который сохраняет порядок величин: «0», «250 тыс.», «500 тыс.», «750 тыс.», «1 млн». Единицу можно вынести в название оси, но не скрывайте её, если график часто используется отдельно от страницы.

В таблицах важнее сравнимость, чем эффектная компактность. Выравнивайте числа по правому краю или по десятичному разделителю, используйте одинаковое количество знаков и не смешивайте текстовое и числовое представление в одном столбце. Например, значения «950 000», «1 200 000» и «1 350 000» легче сравнивать, чем «950 тыс.», «1,2 млн» и «1,35 млн».

Представим дашборд интернет-магазина. Значение выручки 12 480 000 рублей в верхней карточке можно представить как «12,48 млн ₽», рядом указать период «за месяц», а в подсказке показать полную сумму. Количество заказов 348 500 лучше сократить до «348,5 тыс.», если десятые доли нужны для сопоставления. Конверсию 7,384% — до «7,4%», если это обзорный экран.

Для инфографики о пользователях можно использовать заголовок «1,25 млрд просмотров», но обязательно уточнить период и тип действия. Если рядом сравниваются значения 980 млн и 1,02 млрд, приведите их к одной шкале: например, «0,98 млрд» и «1,02 млрд» либо «980 млн» и «1 020 млн». Разные единицы в одной паре затрудняют оценку разницы.

Изменение показателя оформляйте отдельно от абсолютного значения. Запись «12,48 млн ₽, +14,2%» быстрее читается, чем строка, в которой сумма, стрелка, процент и период собраны без иерархии. Для отрицательной динамики используйте настоящий знак минуса и текстовую подпись, а не только красный цвет: падение должно оставаться понятным пользователям с нарушением цветового зрения и в чёрно-белой печати.

Отдельная ошибка — визуально выделять только красивое округлённое число и скрывать важные оговорки. Показатель «10 млн» может выглядеть убедительно, но без периода, определения метрики и информации о расчёте он не всегда пригоден для анализа. Компактность должна сокращать форму, а не содержание. Если контекст влияет на интерпретацию, он обязан оставаться рядом с числом.

В русскоязычной инфографике и интерфейсе обычно используют пробел между группами из трёх цифр: 12 480 000. Запятую оставляют для десятичной части, например 12,48 млн. В цифровом продукте важно дополнительно предотвратить перенос числа на разные строки.

Сокращайте числа в KPI-карточках, заголовках и компактных подписях, когда пользователю важен масштаб. В таблицах, финансовых деталях и местах, где сравниваются близкие значения, сохраняйте полную запись или добавляйте её в подсказке. Сокращение не должно скрывать разницу, влияющую на решение.

Для русскоязычной аудитории чаще понятнее запись «1,2 млн»: она использует привычное обозначение масштаба и десятичную запятую. Формат «1.2M» допустим в международном продукте или среди профессиональной аудитории, если он закреплён во всей дизайн-системе. Главное правило — не смешивать варианты без необходимости.

Оставляйте столько знаков, сколько нужно для принятия решения. Для обзорной аналитики часто достаточно одного знака, например 7,4%. Два знака оправданы при точном сравнении близких результатов. Три и более знака стоит показывать только тогда, когда исходные данные действительно точны и такая детализация нужна пользователю.

Для таблиц и колонок выбирайте шрифт с табличными цифрами одинаковой ширины. Для крупных KPI-показателей важнее чёткие формы знаков, хороший контраст и различимость похожих символов. Перед внедрением проверьте цифры в реальных значениях, а не только отдельный набор символов из образца шрифта.

Не всегда. В компактной карточке достаточно сокращённого значения, если полная запись доступна по наведению, нажатию, в детализации или в отчёте. На статичной инфографике без интерактивности полное число лучше добавить в подпись или примечание, если округление может изменить смысл показателя.

Оформление больших чисел строится на трёх принципах: быстрый порядок величины, единообразные правила и сохранение необходимой точности. Группируйте разряды, сокращайте значения по задаче, добавляйте единицы измерения, используйте подходящие числовые начертания и всегда проверяйте реальные крайние значения. Такой подход делает инфографику и дашборд одновременно выразительными и надёжными для анализа.

Если числовые показатели должны выглядеть убедительно на экране, в презентации или на печати, подберите шрифт с хорошо различимыми цифрами и нужными вариантами начертания. Создайте собственный шрифт для проекта на fontgenerator.ru и настройте визуальный характер чисел под свою инфографику или дашборд.