Числовое значение на дашборде: плитка, которой можно верить

Когда число лучше стрелки и графика

Стрелочный индикатор хорош, когда важно, где величина находится относительно границ: «давление в норме», «бак почти пуст». Об этом подробно в материале про стрелочный индикатор. График отвечает на вопрос «как менялось» — ему посвящена инструкция про графики. Плитка с числом отвечает на самый короткий вопрос: «сколько сейчас?»

Возьмём условную квартиру в городе N. Хозяин хочет утром, не вставая с кровати, понять, нужно ли открывать окно. Ему не нужна дуга с зелёной и красной зонами — достаточно крупного «22,5 °C» и «48 %» рядом. Плитка занимает мало места, читается за секунду и хорошо переносит узкий экран телефона.

Число уместно и для дискретных состояний: «открыто / закрыто», «идёт полив», «котёл в режиме ожидания». Здесь значение — не число, а слово, но принцип тот же: одна крупная надпись, одна подпись.

Из чего состоит хорошая плитка

Подпись

Подпись отвечает на вопрос «что это и где». Не «sensor_kitchen_t1», а «Кухня, температура». Технический идентификатор пригодится вам при отладке, но жильцам он ничего не говорит. Если подписи длинные, сокращайте по месту, а не по типу: «Кухня» важнее, чем «температура», потому что тип часто понятен из единицы.

Значение и единица

Единица стоит рядом с числом, чуть мельче, но на одной строке. Без неё «45» может оказаться и процентами влажности, и градусами в бойлере. Для состояний единица не нужна, зато нужен словарь: договоритесь, что «вкл» и «работает» не используются вперемешку на одной панели.

Время обновления

Под значением или в углу плитки — когда пришло последнее сообщение. Достаточно относительного вида: «2 мин назад». Абсолютное время удобно для журналов, но на плитке его приходится пересчитывать в уме.

Округление: точность под задачу

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

• Комнатная температура — один знак после запятой или целые.
• Влажность воздуха — целые проценты.
• Напряжение батареи датчика — обычно хватает слова «норма / садится», число нужно только при диагностике.
• Счётчики потребления — целые единицы, иначе цифры будут меняться слишком часто.

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

{
  "room": "kitchen",
  "temperature": 22.437,
  "humidity": 47.8,
  "ts": "2026-11-08T07:41:05Z"
}

Из такого сообщения плитка покажет «22,4 °C», «48 %» и «обновлено только что». Как такие сообщения доходят от датчика до панели, разобрано в материале про обмен сообщениями MQTT.

Устаревшие данные — главный риск

Датчик в теплице на условной даче сел, а плитка продолжает показывать «+18 °C», полученные вчера вечером. Ночью ударил заморозок, но панель спокойна. Это классическая ловушка: последнее известное значение выглядит как текущее.

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

Текстовые статусы

Некоторые величины удобнее сразу превращать в слова. Уровень заряда батареи датчика протечки мало кому интересен в процентах, а вот «пора менять» — полезный сигнал. Состояние двери — «закрыта», «открыта», «открыта больше получаса». Такие статусы вычисляются в автоматизации или на стороне панели по простым правилам.

Следите, чтобы набор статусов был небольшим и одинаковым по всей панели. Если у одной двери «открыто», а у другой «open», жильцы начнут сомневаться во всём остальном.

Плитка-переключатель: число плюс действие

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

Надёжнее показывать промежуточное состояние — «включаем…» — до тех пор, пока устройство не опубликует своё новое состояние в отдельный топик. Если подтверждение не пришло за разумное время, плитка возвращается к прежнему виду и сообщает, что команда не выполнена. Такой подход требует от устройства двух топиков — для команд и для состояния, — но избавляет от ситуаций, когда панель уверена, что полив работает, а теплица сохнет.

Числа, которые лучше не показывать

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

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

Чек-лист плитки

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

Типичные ошибки

Слишком много знаков после запятой. Цифры «прыгают», внимание уходит на шум, а не на смысл.

Нет единиц. Через месяц сам автор панели не вспомнит, в чём измерялось «312».

Последнее значение без даты. Самая опасная ошибка: панель показывает вчерашний мир как сегодняшний.

Плитки разного размера без причины. Важное и второстепенное выглядят одинаково или, наоборот, случайное оказывается крупнее главного. Как выстроить сетку, разобрано в материале про отступы и сетку.

Смешение языков и форматов. «22.4» рядом с «22,4», «on» рядом с «вкл» — мелочь, которая подрывает доверие к данным.