Поставьте вопрос раньше числа
Сначала покажите, что означает показатель и на какую дату относится. Затем значение и существенное ограничение. Короткая подпись должна оставаться понятной без соседнего экрана. Не прячьте определение в наведении мыши, недоступном обычному касанию. Если показатель требует сложного объяснения, дайте явный путь к нему. Читатель не должен запоминать общий заголовок таблицы, пока листает длинный список карточек и сравнивает разные единицы, периоды и состояния без видимой связи с исходным вопросом отчёта.
Сохраняйте порядок внутри случая
Для каждой записи используйте одинаковую последовательность: предмет, значимое состояние, факт и продолжение. Не смешивайте видимые поля случайно из-за длины текста. Важное неизвестное должно быть заметно, а не исчезать в обрезке. Если название слишком длинное, оставьте способ открыть полный контекст. Но не делайте весь материал зависимым от постоянного перехода назад и вперёд: основной вопрос должен читаться на одном уровне без обязательного открытия каждой отдельной записи ради понимания её значения.
Выберите нужную детализацию
Общий обзор может предшествовать короткому списку существенных случаев. Для больших наборов нужен доступный порядок поиска или перехода, если инструмент это поддерживает. Не обещайте функции, которых нет в выбранной системе. Если готовите отдельный документ, проверьте его реальное отображение. Адаптивность CRM и удобство конкретного отчёта — связанные, но разные задачи: даже корректный технический масштаб не спасает материал, где бессистемно смешаны все доступные поля и отсутствует ясный вопрос чтения для руководителя компании.
Пример двух показателей
Активная сумма и число покупок без оценки показываются отдельными понятными блоками с одной датой. Неизвестная часть не исчезает под маленькой сноской. Детальный случай открывается с сохранением контекста. Условный пример не задаёт обязательный дизайн: важно, чтобы узкий экран не менял смысл. Если значение цвета недоступно без легенды, добавьте текст, а если обрезка скрывает отрицание или ограничение, пересмотрите формулировку вместо надежды, что пользователь догадается по общему стилю документа.
Проверьте рабочее чтение
Откройте материал на реальном узком экране и попробуйте ответить на один вопрос без увеличения и горизонтального поиска. Проверьте длинные названия, неизвестные значения и видимость времени. Не ограничивайтесь красивым первым кадром. После перехода к детали читатель должен понимать, как вернуться к тому же основанию обзора. Полезность мобильного отчёта определяется не количеством уместившихся цифр, а сохранностью смысла, удобным доступом к проверке и отсутствием ложных выводов из скрытого контекста, которые возникли только из-за тесного представления.
Проверка по шагам
- Подписи видны рядом.
- Определение доступно касанием.
- Порядок случаев единый.
- Ограничения не обрезаны.
- Проверено реальное чтение вопроса.
Частые вопросы
Нужно показывать на телефоне все колонки?
Нет. Сохраните главное для вопроса и доступ к деталям. Скрывать поля можно только без потери смысла: если исчезает основание или ограничение, число становится вводящим в заблуждение. Простой перенос широкой таблицы редко решает задачу полностью.
Как проверить мобильный отчёт без большого тестирования?
Выберите реальный вопрос и несколько сложных строк, откройте на узком экране и попробуйте найти ответ. Посмотрите длинные названия, пустые значения и возврат из детали. Такой проход обнаруживает проблемы смысла быстрее оценки одного красивого скриншота первого блока.
Можно использовать цвет как единственную метку?
Лучше добавить текстовую подпись. На маленьком экране и при разных условиях просмотра цвет может быть непонятен. Значение состояния должно оставаться доступным без необходимости помнить легенду, которая находится далеко от текущей строки.
Прототип CRM для вашей компании
Расскажите о текущих системах и задаче. Согласуем состав бесплатного прототипа, который можно проверить с командой. Возможности и объём автоматизации обсуждаем до включения в проект.
Получить прототип CRM →Материал подготовлен с помощью ИИ. Примеры условные и не являются результатами клиентов. Как устроена библиотека.