UX и UI-дизайн

Проектирование пустых и начальных состояний

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

Дизайн 8 мин
Схема по теме: проектирование пустых и начальных состояний
Содержание статьи

Пустое состояние должно объяснять, почему данных нет и какое действие доступно сейчас. Один и тот же экран может быть пустым из-за первого входа, фильтра, отсутствия прав, ошибки или действительно нулевого результата. основание Для темы «проектирование пустых и начальных состояний» артефакт «карта пустых состояний» связывает компонент «Причина» с этапом «Перечислить причины пустоты»; неподтверждённые рекомендации остаются редакционными гипотезами темы «проектирование пустых и начальных состояний».

Задача и проверяемые основания

GOV.UK связывает проектирование содержания с пользовательской потребностью и конкретным действием или информацией. основание

USWDS публикует компоненты и паттерны как повторно используемые решения с определённым назначением. основание

W3C требует программно сообщать статус ожидания, результата и ошибки без обязательного перемещения фокуса. основание

Руководство GOV.UK по ясному языку рекомендует короткие понятные формулировки и отказ от внутреннего жаргона. основание

В артефакте «карта пустых состояний» вопрос «Почему данных нет именно сейчас?» хранится отдельно от решения «Определить контроль пользователя» и ограничения «пустой экран не заменяет обучение сложному продукту».

Рабочая модель

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

Объяснение. В теме «проектирование пустых и начальных состояний» этот элемент означает короткий текст о состоянии без обвинения пользователя и технических кодов. В артефакте «карта пустых состояний» связь с компонентом «Ценность» проверяют сценарием темы «проектирование пустых и начальных состояний».

Ценность. В теме «проектирование пустых и начальных состояний» этот элемент означает описание того, что появится после первого действия и зачем это полезно. В артефакте «карта пустых состояний» связь с компонентом «Основное действие» проверяют сценарием темы «проектирование пустых и начальных состояний».

Основное действие. В теме «проектирование пустых и начальных состояний» этот элемент означает один доступный шаг, соответствующий роли и возможности изменить ситуацию. В артефакте «карта пустых состояний» связь с компонентом «Альтернатива» проверяют сценарием темы «проектирование пустых и начальных состояний».

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

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

Порядок проектирования

1. Перечислить причины пустоты. Команда применяет шаг к теме «проектирование пустых и начальных состояний»: развести продуктовые, ролевые, фильтрационные и технические состояния. Результат уточняет компонент «Причина», а спорные варианты темы «проектирование пустых и начальных состояний» остаются в артефакте «карта пустых состояний».

2. Определить контроль пользователя. Команда применяет шаг к теме «проектирование пустых и начальных состояний»: понять, может ли человек изменить ситуацию и какое действие безопасно. Результат уточняет компонент «Объяснение», а спорные варианты темы «проектирование пустых и начальных состояний» остаются в артефакте «карта пустых состояний».

3. Написать отдельные сообщения. Команда применяет шаг к теме «проектирование пустых и начальных состояний»: не использовать универсальное «ничего не найдено» для разных причин. Результат уточняет компонент «Ценность», а спорные варианты темы «проектирование пустых и начальных состояний» остаются в артефакте «карта пустых состояний».

4. Добавить следующий шаг. Команда применяет шаг к теме «проектирование пустых и начальных состояний»: показывать доступное действие и честно объяснять ограничения. Результат уточняет компонент «Основное действие», а спорные варианты темы «проектирование пустых и начальных состояний» остаются в артефакте «карта пустых состояний».

5. Спроектировать переход. Команда применяет шаг к теме «проектирование пустых и начальных состояний»: обновлять интерфейс после появления данных без потери контекста. Результат уточняет компонент «Альтернатива», а спорные варианты темы «проектирование пустых и начальных состояний» остаются в артефакте «карта пустых состояний».

6. Проверить роли и устройства. Команда применяет шаг к теме «проектирование пустых и начальных состояний»: не предлагать действие человеку без разрешения. Результат уточняет компонент «Переход», а спорные варианты темы «проектирование пустых и начальных состояний» остаются в артефакте «карта пустых состояний».

Практический пример

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

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

Контрольные вопросы

  • Почему данных нет именно сейчас? Ответ фиксируют в артефакте «карта пустых состояний» и связывают с компонентом «Причина»; мнение отмечают как допущение темы «проектирование пустых и начальных состояний».
  • Может ли пользователь изменить состояние? Ответ фиксируют в артефакте «карта пустых состояний» и связывают с компонентом «Объяснение»; мнение отмечают как допущение темы «проектирование пустых и начальных состояний».
  • Какое действие доступно его роли? Ответ фиксируют в артефакте «карта пустых состояний» и связывают с компонентом «Ценность»; мнение отмечают как допущение темы «проектирование пустых и начальных состояний».
  • Что произойдёт после появления первого объекта? Ответ фиксируют в артефакте «карта пустых состояний» и связывают с компонентом «Основное действие»; мнение отмечают как допущение темы «проектирование пустых и начальных состояний».

Типовые ошибки

  • Использовать один текст для всех причин. В артефакте «карта пустых состояний» для темы «проектирование пустых и начальных состояний» ошибка искажает компонент «Объяснение»; рядом записывают последствие, обнаружение и исправление.
  • Показывать недоступную кнопку создания. В артефакте «карта пустых состояний» для темы «проектирование пустых и начальных состояний» ошибка искажает компонент «Ценность»; рядом записывают последствие, обнаружение и исправление.
  • Заполнять экран декоративными примерами как реальные данные. В артефакте «карта пустых состояний» для темы «проектирование пустых и начальных состояний» ошибка искажает компонент «Основное действие»; рядом записывают последствие, обнаружение и исправление.
  • Скрывать активный фильтр. В артефакте «карта пустых состояний» для темы «проектирование пустых и начальных состояний» ошибка искажает компонент «Альтернатива»; рядом записывают последствие, обнаружение и исправление.
  • Не отличать ошибку загрузки от пустого набора. В артефакте «карта пустых состояний» для темы «проектирование пустых и начальных состояний» ошибка искажает компонент «Переход»; рядом записывают последствие, обнаружение и исправление.

Критерии качества

  • Причина определяется однозначно. В артефакте «карта пустых состояний» критерий темы «проектирование пустых и начальных состояний» проверяют после шага «Перечислить причины пустоты»; рядом сохраняют результат и ответственного.
  • Текст объясняет состояние. В артефакте «карта пустых состояний» критерий темы «проектирование пустых и начальных состояний» проверяют после шага «Определить контроль пользователя»; рядом сохраняют результат и ответственного.
  • Основное действие доступно. В артефакте «карта пустых состояний» критерий темы «проектирование пустых и начальных состояний» проверяют после шага «Написать отдельные сообщения»; рядом сохраняют результат и ответственного.
  • Фильтры видимы. В артефакте «карта пустых состояний» критерий темы «проектирование пустых и начальных состояний» проверяют после шага «Добавить следующий шаг»; рядом сохраняют результат и ответственного.
  • Ошибка имеет повтор. В артефакте «карта пустых состояний» критерий темы «проектирование пустых и начальных состояний» проверяют после шага «Спроектировать переход»; рядом сохраняют результат и ответственного.
  • После изменения данные появляются без потери контекста. В артефакте «карта пустых состояний» критерий темы «проектирование пустых и начальных состояний» проверяют после шага «Проверить роли и устройства»; рядом сохраняют результат и ответственного.

Ограничения применимости

  • Пустой экран не заменяет обучение сложному продукту. Ограничение сужает вывод по теме «проектирование пустых и начальных состояний» и требует повторно задать вопрос «Почему данных нет именно сейчас?»; границу решения сохраняют в артефакте «карта пустых состояний».
  • Часть пользователей не может создать данные. Ограничение сужает вывод по теме «проектирование пустых и начальных состояний» и требует повторно задать вопрос «Может ли пользователь изменить состояние?»; границу решения сохраняют в артефакте «карта пустых состояний».
  • Примерные данные могут ввести в заблуждение. Ограничение сужает вывод по теме «проектирование пустых и начальных состояний» и требует повторно задать вопрос «Какое действие доступно его роли?»; границу решения сохраняют в артефакте «карта пустых состояний».
  • Зависимости от других участников требуют ожидания. Ограничение сужает вывод по теме «проектирование пустых и начальных состояний» и требует повторно задать вопрос «Что произойдёт после появления первого объекта?»; границу решения сохраняют в артефакте «карта пустых состояний».
  • Контент нуждается в локализации. Ограничение сужает вывод по теме «проектирование пустых и начальных состояний» и требует повторно задать вопрос «Почему данных нет именно сейчас?»; границу решения сохраняют в артефакте «карта пустых состояний».

Вывод

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

Источники

  1. Understand content design GOV.UK Content and Publishing Guidance · проверено 12 июля 2026 г.
  2. Components overview U.S. Web Design System · проверено 12 июля 2026 г.
  3. Understanding Success Criterion 4.1.3: Status Messages W3C Web Accessibility Initiative · проверено 12 июля 2026 г.
  4. Use clear language GOV.UK Content and Publishing Guidance · проверено 12 июля 2026 г.