Термины пространственного веба — ключ к пониманию нового этапа цифрового дизайна. Когда интерфейсы выходят за рамки экранов и перемещаются в объём, дизайнеру важно уверенно ориентироваться в XR-среде. В этом глоссарии собраны основные понятия spatial-дизайна, которые помогут освоить технологию и говорить с разработчиками на одном языке.

🔹 Spatial-дизайн (пространственный дизайн)

Дизайн интерфейсов, которые размещаются в 3D-пространстве и реагируют на поведение пользователя в реальном времени. В отличие от классических UI-систем, здесь важны физические ощущения: глубина, масштаб, расстояние, положение в пространстве. Spatial-дизайн требует учитывать как эргономику тела, так и особенности восприятия в гарнитуре.

🔹 Пространственный веб (Spatial Web)

Термин, обозначающий новое поколение веб-пространства, доступного в дополненной и виртуальной реальности. В рамках пространственного веба пользователь не «листит страницы», а «заходит внутрь сцены». Пример: вместо 2D-сайта — интерактивная 3D-витрина, где можно осмотреть товар в натуральную величину. Основные технологии — WebXR, Spline, ARKit и VisionOS.

📎 Подробнее: MDN — Что такое WebXR

🔹 XR (Extended Reality)

Собирательный термин, включающий AR (Augmented Reality — дополненная реальность), VR (Virtual Reality — виртуальная реальность) и MR (Mixed Reality — смешанная реальность). В пространственном вебе все три формата могут работать параллельно. Например, интерфейс может отображаться как в Quest 4 (VR), так и в Apple Vision Pro (MR). Знание этих форматов — часть базы, если вы изучаете термины пространственного веба.

🔹 WebXR

API от W3C, который позволяет запускать 3D-сцены в браузере с поддержкой XR-устройств. WebXR даёт возможность встроить spatial-интерфейс прямо на сайт — без необходимости разрабатывать отдельное приложение. Это основа пространственного веба и мощный инструмент для дизайнеров без кода.

🔹 Field of View (FOV) / Поле зрения

Это угол, под которым пользователь видит элементы интерфейса в гарнитуре. Vision Pro, например, имеет ограниченное поле зрения (около 90–100°), и это нужно учитывать. Интерфейс не должен «давить» на глаза — элементы размещаются по краям, ближе к периферии.

🔹 Gaze (Взгляд)

Механизм взаимодействия, при котором пользователь активирует элементы, просто посмотрев на них. Во многих XR-сценариях взгляд выполняет роль курсора. Важно учитывать зону hover и задержку перед активацией (обычно 0,5–1 секунда).

🔹 Gesture (Жест)

Физическое действие, считываемое гарнитурой: сжатие пальцев, поворот руки, свайп. В spatial-дизайне жесты заменяют клики. Например, в VisionOS можно выбирать объект щелчком пальцев, а перемещать его просто потянув.

📎 Подробно о жестах VisionOS

🔹 Anchor Point (Точка привязки)

Фиксированная координата в пространстве, к которой прикрепляется UI-элемент или объект. Например, панель навигации может быть «приклеена» к определённому месту в комнате. Это позволяет сохранить структуру сцены при поворотах головы или перемещении пользователя.

🔹 Occlusion (Окклюзия)

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

🔹 Depth Layering (Слойность по глубине)

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

🔹 LOD (Level of Detail / Уровень детализации)

Техника оптимизации, при которой сложность 3D-объекта уменьшается с увеличением расстояния. Например, когда пользователь отходит от модели, загружается упрощённая версия. Это важно для производительности сцены в XR.

🔹 Reticle / Глазной прицел

Тонкий визуальный индикатор (обычно круг), который показывает, куда направлен взгляд пользователя. Часто используется совместно с gaze-интеракциями. Помогает понять, какой элемент сейчас под фокусом и будет активирован при задержке.

🔹 Spatial Audio (Пространственный звук)

Звук, привязанный к позиции в 3D-пространстве. Например, при приближении к объекту пользователь слышит голос или музыку с нужной стороны. Используется для повышения реалистичности сцены и усиления обратной связи.

🔹 Comfort Zone / Зона комфорта

Пространственная область, в которой размещение объектов не вызывает дискомфорта. Обычно это диапазон 1–1,5 метра от глаз пользователя, чуть ниже уровня зрачков. Выход за эти пределы снижает UX и может вызывать утомление.

В завершение

Понимание этих терминов — первый шаг в эффективный spatial-дизайн. Чем раньше дизайнер начинает мыслить в объёме, тем легче ему адаптироваться к новым форматам. А если вы только начинаете — этот глоссарий и термины пространственного веба станут отличной отправной точкой.