Что такое «Золотой треугольник» в UX?

Определение

Золотой треугольник (Golden Triangle) — паттерн визуального внимания, обнаруженный на страницах поисковой выдачи Google с помощью технологии айтрекинга. Тепловая карта взглядов участников исследования показала область максимальной концентрации внимания в форме прямоугольного треугольника: прямой угол — в верхнем левом углу экрана, горизонтальная сторона — вдоль заголовка первого результата, вертикальная — вниз по левому краю выдачи, примерно на три четверти длины страницы.

Для UX-дизайнера Золотой треугольник — одна из первых количественных демонстраций того, что внимание пользователя распределяется по экрану неравномерно. 100% участников исследования просматривали первые три результата, но уже пятый видели лишь 60%, а ниже шестого — почти никто. Это создавало жёсткую иерархию: информация вверху слева получала максимум внимания, а всё остальное пространство страницы работало в лучшем случае на периферии зрения.

Сегодня оригинальный треугольный паттерн на поисковых страницах практически не воспроизводится — слишком сильно изменился дизайн выдачи. Но принцип, который за ним стоит — верхне-левая доминанта визуального внимания в культурах с направлением чтения слева направо, — остаётся одним из фундаментальных оснований проектирования интерфейсов.

История открытия

Предыстория: айтрекинг и веб

Идея отслеживать движения глаз возникла задолго до интернета. Первые эксперименты с регистрацией саккад — быстрых скачкообразных движений глаз — провели ещё в конце XIX века. Но массовое применение айтрекинга в исследовании веб-интерфейсов началось только в начале 2000-х, когда оборудование стало достаточно компактным и доступным.

В 2004 году Институт Пойнтера (Poynter Institute) провёл исследование Eyetrack III совместно со Стивом Аутингом (Steve Outing) и Лорой Руэль (Laura Ruel). Они изучали, как люди читают новостные сайты, и обнаружили, что глаза в первую очередь фиксируются в верхнем левом углу страницы, а затем движутся слева направо. Это было исследование новостного контента, не поисковых страниц, но оно заложило фундамент: внимание на экране распределяется предсказуемо и неравномерно.

Исследование Enquiro–Eyetools–Did-It (2005)

В марте 2005 года три компании — Enquiro Search Solutions из канадской Келоуны, нью-йоркская Did-It и сан-францисская Eyetools — опубликовали результаты совместного айтрекингового исследования поведения пользователей на странице выдачи Google. Руководителем проекта был Горд Хотчкисс (Gord Hotchkiss), CEO Enquiro. В команду также входили Стив Элстон (Enquiro), Грег Эдвардс (Eyetools) и Кевин Ли (Did-It).

Методология: 50 участников выполняли поисковые задания (например, «представьте, что хотите купить цифровой фотоаппарат») перед экраном с разрешением 1024×768, на котором отображалась выдача Google в браузере Internet Explorer. Оборудование Eyetools отслеживало точки фиксации взгляда и строило тепловые карты.

Результат: на агрегированной тепловой карте область максимальной концентрации внимания образовала чёткий прямоугольный треугольник в верхней левой части экрана. Хотчкисс и Ли назвали этот паттерн «Золотым треугольником» (Golden Triangle). Термин стал мгновенно популярным в SEO-индустрии: он давал наглядное подтверждение тому, что первая позиция в выдаче — это не просто «хорошо», а единственное место, которое видит каждый пользователь.

F-паттерн Якоба Нильсена (2006)

Годом позже, в апреле 2006 года, Якоб Нильсен из Nielsen Norman Group (NNGroup) опубликовал результаты масштабного айтрекингового исследования, в котором 232 пользователя просматривали тысячи веб-страниц различных типов: статьи, каталоги товаров, результаты поиска. Нильсен описал F-паттерн — характерную траекторию чтения в форме буквы F: две горизонтальные полосы вверху страницы (первая длиннее второй) и одна вертикальная полоса вдоль левого края.

Принципиальное отличие: если Золотой треугольник описывал поведение на одном конкретном типе страниц (поисковая выдача Google), то F-паттерн Нильсена претендовал на универсальность — он проявлялся на самых разных текстовых страницах. Два исследования часто путают, потому что оба обнаружили верхне-левую доминанту внимания. Но это разные явления в разных контекстах: треугольник — для списков результатов, F-паттерн — для чтения текста.

Сам Хотчкисс признавал, что F-образное сканирование было компонентом механизма Золотого треугольника: пользователи читали заголовок и описание первых результатов (горизонтальное движение), а затем скользили взглядом вниз по левому краю (вертикальное движение). Однородная, текстовая структура выдачи Google 2005 года превращала этот F-образный процесс в треугольную область на тепловой карте.

Механизмы Золотого треугольника

Почему возникал треугольник?

Хотчкисс объяснял паттерн через несколько когнитивных механизмов:

Теория информационного фуражирования (Information Foraging Theory) Питера Пиролли и Стюарта Карда. Пользователи действуют как собиратели: они минимизируют усилия при поиске информации, сканируя среду в поисках «информационного запаха» — визуальных подсказок о релевантности. На странице выдачи Google такими подсказками были выделенные жирным ключевые слова в заголовках и описаниях результатов.

Ограничения рабочей памяти — исследования Джорджа Миллера (те самые 7±2) показывают, что человек может одновременно удерживать в сознании 3–4 объекта сравнения. Это подтверждалось данными: более 80% первых кликов приходились на первые четыре результата. Дальше взгляд двигался по инерции, но решение уже было принято.

Культурные паттерны чтения. В культурах с направлением чтения слева направо (латиница, кириллица) глаза начинают сканирование с верхнего левого угла. Это привычка, выработанная за годы чтения книг, документов и экранов. Поисковая выдача — вертикальный список текста — идеально ложилась на эту привычку.

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

Данные оригинального исследования

Позиция в выдачеДоля участников, увидевших результатСреднее время просмотра
#1100%~2 секунды
#2100%~2 секунды
#3100%~1,5 секунды
#485%~1 секунда
#560%<1 секунды
#650%<1 секунды
Ниже #6Резкое падение

Среднее время просмотра страницы выдачи: 14–15 секунд. Более 80% первых кликов — в пределах первых четырёх результатов.

Эволюция: от треугольника к пинболу

2014: «Золотой треугольник практически исчез»

В 2014 году Mediative (так к тому времени стала называться компания Enquiro после поглощения Yellow Pages Group) провела повторное исследование: 53 участника, 43 поисковых задания, десктоп, Google Canada.

Результаты оказались разительно иными:

Метрика20052014
Среднее время просмотра одного результата~2 секунды1,17 секунды
Общее время просмотра выдачи14–15 секунд8–9 секунд
Доминирующий паттерн сканированияГоризонтальный (треугольник)Вертикальный
Распределение кликовСконцентрировано на 1–2 позицииБолее равномерно, позиции 2–4 получили значительно больше кликов

Исследователи констатировали: Золотой треугольник «has all but disappeared» — практически исчез. Пользователи перешли к вертикальному сканированию — вероятнее всего, под влиянием привычки к мобильным устройствам, где горизонтальное пространство ограничено.

Горд Хотчкисс, анализируя эти данные, описал переход от одноэтапной стратегии к двухэтапной: сначала быстрый вертикальный скан левого края для определения категорий контента, затем — прицельное горизонтальное сканирование внутри перспективного блока. Внутри каждого блока возникали «мини-треугольники» — но общей треугольной формы на тепловой карте больше не было.

2019: пинбол-паттерн

В 2019 году Кейт Моран и Ками Горей из NNGroup опубликовали результаты анализа 471 поискового запроса из айтрекинговых исследований 2017–2019 годов. Современная выдача Google — с блоками избранных фрагментов (featured snippets), панелями знаний (knowledge panels), каруселями изображений и блоками «Люди также спрашивают» — создавала принципиально новый паттерн: пинбол.

Взгляд пользователя прыгал между элементами страницы, как шарик в пинбол-автомате: от органического результата — к блоку с картинками — к панели знаний — обратно к результатам — к блоку «Люди также спрашивают». Линейное последовательное сканирование сверху вниз, которое порождало Золотой треугольник, сменилось нелинейным хаотичным обходом.

Ключевые цифры: блоки SERP-фичей получали внимание в 74% случаев. Первая позиция получала только 28% кликов (против ~51% в более ранних исследованиях). Среднее время принятия решения о клике — 5,7 секунды.

2024–2025: AI-обзоры и конец «десяти синих ссылок»

Исследование usability.de (Ганновер, 2025 год): 33 участника, 5 поисковых заданий с айтрекингом. AI-обзоры Google (введённые в 2024 году) перестроили внимание ещё радикальнее: 55% участников читали AI-сводку, около двух третей после этого кликали дальше — но преимущественно по органическим результатам, а не по ссылкам из AI-блока.

Данные Pew Research Center (2025, 68 000 реальных запросов): пользователи кликали по результатам только в 8% случаев при наличии AI-обзора — против 15% без него. Снижение на 47%.

Доля первых кликов по органическим результатам: ~70% в 2016 году → 44% в 2025 году. Золотой треугольник из 2005 года выглядит артефактом другой эпохи.

Применение в проектировании интерфейсов

Хотя специфический треугольный паттерн на поисковых страницах устарел, принцип, лежащий в его основе, сохраняет практическую ценность.

Верхне-левая доминанта

Во всех айтрекинговых исследованиях — от Пойнтера (2004) до NNGroup (2019) — верхний левый угол страницы остаётся точкой первой фиксации взгляда в культурах с чтением слева направо. Это означает:

  • Ключевой контент и CTA — в первой четверти экрана
  • Навигация — слева или сверху, где взгляд начинает сканирование
  • Логотип и бренд — в верхнем левом углу (там, где взгляд «приземляется» при загрузке страницы)
  • Вторичный контент — правая и нижняя зоны получают меньше внимания

Дашборды и отчёты

На аналитических дашбордах и отчётах принцип Золотого треугольника работает буквально: самые важные метрики, графики и KPI следует размещать вверху слева. Второстепенная информация — вверху справа. Детализация и справочные данные — внизу.

Списки и каталоги

Любой вертикальный список — товары, услуги, результаты фильтрации — воспроизводит условия оригинального исследования. Первые 3–4 элемента получат основное внимание. Если важный элемент оказался на пятой-шестой позиции, его увидят вдвое меньше пользователей.

Формы

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

Критика и ограничения

Малая выборка. Оригинальное исследование 2005 года включало всего 50 участников — по современным стандартам это скромная выборка.

Узкий контекст. Исследовалась только выдача Google при разрешении 1024×768 в Internet Explorer. Это конкретный контекст, а не универсальный закон.

Одна тепловая карта на всё. Знаменитая тепловая карта — агрегированное изображение. Она не показывает различий между отдельными пользователями и типами запросов. Информационный, навигационный и транзакционный запросы порождают разное сканирование, но всё это смешано в одну картинку.

Дизайн для F-паттерна — ошибка. Критики (в частности, Кара Перниче из NNGroup) предупреждают: F-паттерн и Золотой треугольник описывают «ленивое» сканирование, когда контент не вовлекает. Проектировать интерфейс под этот паттерн — значит оптимизировать под невовлечённость. Хороший контент-дизайн — заголовки, визуальные акценты, осмысленная структура — должен ломать F-паттерн, а не следовать ему.

Устаревание. Собственные авторы исследования (Mediative) в 2014 году констатировали, что треугольник «практически исчез». В 2019 году NNGroup описала пинбол-паттерн. В 2024–2025 — AI-обзоры перестроили внимание ещё раз. Паттерн, обнаруженный в конкретных условиях 2005 года, не воспроизводится в условиях 2026 года.

Связь с другими концепциями

Предшествующие: Eyetrack III Института Пойнтера (2004) → обнаружение верхне-левой доминанты на новостных сайтах

Родственные: Закон Миллера (7±2) → ограничение числа одновременно сравниваемых объектов; Закон Хика → зависимость времени выбора от числа вариантов; Закон Фиттса → время достижения цели зависит от расстояния и размера

Развивающие: F-паттерн Нильсена (2006) → обобщение верхне-левой доминанты на все типы веб-страниц; слоёный торт (layer-cake) → эффективное сканирование по заголовкам; пинбол-паттерн (2019) → нелинейное сканирование сложных страниц

Практические методы: Айтрекинг → основной метод изучения визуального внимания; A/B-тестирование → верификация размещения контента; Веб-аналитика → данные о реальном поведении, дополняющие лабораторный айтрекинг

Заключение

Золотой треугольник — красивая метафора, которая сделала своё дело. Тепловая карта из исследования 2005 года стала одним из самых цитируемых изображений в SEO-индустрии и навсегда изменила понимание того, как распределяется внимание на экране.

Но треугольник — не закон природы. Это эмпирический паттерн, привязанный к конкретному дизайну выдачи Google в конкретный момент. Десять одинаковых синих ссылок создавали предсказуемое треугольное сканирование. Когда дизайн изменился — появились изображения, карточки знаний, блоки «Люди также спрашивают», AI-обзоры — паттерн трансформировался вместе с ним.

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

Вопросы и ответы

Что такое Золотой треугольник в UX?

Золотой треугольник — это зона максимального визуального внимания на странице поисковой выдачи Google, обнаруженная в 2005 году с помощью айтрекинга. На тепловой карте взглядов участников исследования область наибольшей концентрации внимания образовала прямоугольный треугольник: прямой угол — в верхнем левом углу страницы, горизонтальная сторона — вдоль первого результата, вертикальная — вниз по левому краю выдачи. 100% участников просматривали первые три результата, 80% кликов приходились на верхнюю четвёрку.

Кто открыл Золотой треугольник?

Золотой треугольник был обнаружен в марте 2005 года в совместном исследовании трёх компаний: Enquiro Search Solutions (сейчас Mediative), Eyetools и Did-It. Руководителем исследования был Горд Хотчкисс (Gord Hotchkiss), CEO Enquiro. Часто Золотой треугольник ошибочно приписывают Якобу Нильсену, однако Нильсен провёл отдельное исследование — F-паттерна чтения — годом позже, в 2006 году.

Чем Золотой треугольник отличается от F-паттерна?

Золотой треугольник описывает распределение внимания на странице поисковой выдачи (SERP): треугольная зона с максимальной концентрацией в верхнем левом углу. F-паттерн описывает чтение текстового контента на обычных веб-страницах: две горизонтальные полосы сверху и вертикальная полоса слева. Оба паттерна объединяет доминанта верхнего левого угла, но они работают в разных контекстах: Золотой треугольник — для списков результатов, F-паттерн — для текстовых страниц.

Актуален ли Золотой треугольник сегодня?

В своём первоначальном виде — нет. Уже в 2014 году исследование Mediative (бывшей Enquiro) показало, что треугольник «практически исчез»: пользователи перешли к вертикальному сканированию вместо горизонтального. В 2019 году NNGroup описала «пинбол-паттерн» — нелинейное сканирование между блоками выдачи. А с 2024 года AI-обзоры Google дополнительно перестроили внимание: клики по органическим результатам упали с 70% до 44%. Однако базовый принцип — доминанта верхнего левого угла — по-прежнему работает.

Как использовать принцип Золотого треугольника в дизайне?

Хотя специфический треугольный паттерн на поисковых страницах устарел, лежащий в его основе принцип верхне-левой доминанты остаётся актуальным. Размещайте ключевой контент, CTA и навигацию в верхней левой четверти страницы. На дашбордах — главные метрики вверху слева. В формах — важнейшие поля в начале. Заголовки и главное ценностное предложение должны попадать в первую зону сканирования.

Какие ещё паттерны сканирования существуют?

Помимо Золотого треугольника и F-паттерна, исследователи NNGroup выделяют ещё несколько паттернов: «слоёный торт» (layer-cake) — сканирование по заголовкам и подзаголовкам, самый эффективный после полного чтения; «пятнистый» паттерн (spotted) — фиксация на визуально выделяющихся словах; «обязательное чтение» (commitment) — полное прочтение текста; «пинбол» (pinball) — нелинейное сканирование сложных страниц выдачи с блоками, картинками и панелями знаний.

Почему Золотой треугольник часто приписывают Якобу Нильсену?

Потому что исследования проводились почти одновременно и на смежную тему. Enquiro опубликовала Золотой треугольник в марте 2005 года, а Нильсен — F-паттерн в апреле 2006. Оба использовали айтрекинг и нашли верхне-левую доминанту внимания. Поскольку NNGroup — более известный бренд в UX-сообществе, многие по ошибке объединяют оба открытия под именем Нильсена.

Статьи по теме

Все статьи →
Конверсия Бизнес Исследования
Увеличение конверсии интернет-магазина: что на самом деле мешает людям покупать

Где интернет-магазины теряют покупателей и как это исправить. Карточки товаров, корзина, чекаут, мобильный UX, поиск и фильтрация — конкретные рекомендации на основе опыта UX-аудитов.