Блог Perkova&Perkova

Как работать с цифрами и датами в интерфейсе

Цифры и даты в интерфейсе должны помогать сравнивать варианты и принимать решение. Единый формат особенно важен в расписании: пользователь не должен переводить каждую карточку в собственную систему обозначений.

Учебное расписание встреч

Возьмите условные события: 12 ноября в 18:30, 16 ноября в 11:00 и 23 ноября в 19:00. Продолжительность — 90 минут, 2 часа и 60 минут. Добавьте одну встречу, время которой ещё не определено. Макет предназначен для выбора события, поэтому дата, время и продолжительность должны обнаруживаться в одинаковых местах.

Выбор формата

Запись «12 ноября, 18:30» понятнее отдельного числа «12.11» там, где контекст месяца не виден. Компактный числовой формат может подходить плотной таблице, если её заголовок однозначно задаёт период. Сравните обе версии на трёх карточках, а не на одном событии.

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

Продолжительность приведите к сопоставимому представлению: например, 1 час, 1,5 часа и 2 часа. Смешение минут, диапазонов и приблизительных слов может затруднить сравнение. При этом выбирайте точность по имеющимся данным: неизвестное время обозначьте словами «Время уточняется» и объясните дальнейший шаг.

Проверка вместо украшения

  1. Соберите карточки с одинаковым расположением даты, времени и продолжительности.
  2. Добавьте самое длинное название месяца и событие с неизвестным временем.
  3. Проверьте, не превращаются ли цифры в визуальный шум из-за нескольких разных акцентов.
  4. Дайте человеку задачу выбрать короткую встречу, которая начинается после 18:00.
  5. Если события доступны онлайн из разных регионов, явно укажите часовой пояс в месте выбора времени.

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

Для продолжения пригодятся карточки для сравнения вариантов и иерархия типографики. Для дальнейшего развития сравните свой уровень и цели с условиями продуктов в подборке курсов Perkova&Perkova.

2026-05-23 10:00 Обучение веб-дизайну