[UX/UI дизайн: Старт] Управление вниманием пользователя

YOUTUBE · 24.11.2025 06:11

Ключевые темы и таймкоды

Управление вниманием пользователя

0:00
  • Структурированная информация легче воспринимается.
  • Поведенческие паттерны восприятия информации у людей схожи.
  • Основные аспекты работы с информацией: узловые точки, линия взгляда, вектор внимания, силовая линия.

Линия взгляда

0:42
  • Линия — первое, что распознаёт взгляд.
  • Мозг автоматически связывает точки в линию.
  • Вертикальные и горизонтальные линии воспринимаются быстрее диагональных.

Узловые точки

1:14
  • В дизайне узловые точки — это начало заголовка, строки, контрастные элементы.
  • Внимание автоматически направляется на узловые точки.
  • Появление точек на чёрном поле привлекает внимание.

Вектор внимания

2:10
  • Вектор внимания — траектория движения взгляда.
  • Задача дизайнера — правильно расставить акценты и логические последовательности.
  • Оптимальная траектория изучения информации формируется дизайнером.

Силовая линия

2:55
  • Силовая линия — ключевой вектор движения взгляда для сканирования контента.
  • Обычно это вертикальная линия, идущая по левой границе или центру.
  • Периферическое зрение помогает пользователю сканировать контент.

Периферическое зрение

4:36
  • Центральное зрение различает детали, периферическое охватывает больше информации.
  • Первое впечатление от интерфейса формируется периферическим зрением.
  • Основная информация размещается по левой или центральной области, дополнительная — на периферии.

Выравнивание контента

5:58
  • Выравнивание по правой границе используется редко.
  • 90% случаев — выравнивание по левой границе, 10% — по центру.
  • Плавное ведение внимания пользователя по силовым точкам и линиям направляет его к нужной информации.