radar Возможности

Видите где пользователи
злятся, теряются и уходят

Broux автоматически обнаруживает поведенческие паттерны которые сигнализируют о проблемах с интерфейсом. Без ручной настройки, без тегирования — просто установите скрипт и паттерны начнут появляться сами.

app.broux.ru/patterns

UX-паттерны · за 7 дней

6 типов · 1 847 случаев на 8 420 пользователей

auto_awesome Автодетекция
sort impact ↓
local_fire_department
Rage Click · кнопка «Оплатить»
/checkout/payment · ≥3 кликов за 1.5с
340
+24%
unpublished
Form abandonment · поле «ИНН»
/checkout · уход на 3 поле формы
554
+12%
block
Dead click · «FAQ» в шапке
/ · элемент не кликабелен
218
−2%
undo
Quick back · лендинг tg/ads
/landing · уход за 3.4с в среднем
147
+38%
help_outline
Thrashed cursor · форма заявки
/contact · хаотичное движение мыши
98
+4%
swap_vert
Scroll burst · документация
/docs · быстрая прокрутка без остановок
62
±0%
auto_awesome Все паттерны обнаружены автоматически — без настройки Открыть все →

Пользователи не жалуются —
они просто уходят

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

auto_awesome Работают автоматически — никакой настройки тегов и событий
link Каждый паттерн — список конкретных сессий где это произошло
Из 100 пользователей с UX-проблемой
Написали
4
Молча злятся
32
Ушли молча
64

radar Broux видит всех — не только тех 4 кто написал

Что Broux обнаруживает автоматически

local_fire_department
Rage Click

Пользователь злится

Что это. Серия быстрых кликов в одном месте за короткое время — обычно 3 и более кликов за 1–2 секунды.

Что означает. Кнопка не реагирует, страница зависла, элемент не работает как ожидается. Пользователь не понимает почему ничего не происходит и кликает снова и снова.

place Где чаще: кнопки оплаты, формы отправки, элементы с медленным откликом
lightbulb Использовать: открыть сессии — смотреть запись — найти причину
block
Dead Click

Элемент выглядит кликабельным — но не является

Что это. Клик по элементу который не является интерактивным и не реагирует ни на какое действие.

Что означает. Текст выглядит как ссылка, картинка выглядит как кнопка, задизейбленный элемент без объяснения. Пользователь ожидал действие — ничего не произошло.

place Где чаще: текст похожий на ссылку, изображения товаров, неактивные кнопки
lightbulb Использовать: dead clicks от многих — сигнал что дизайн создаёт ложные ожидания
help_outline
Thrashed Cursor

Пользователь потерян

Что это. Хаотичное быстрое движение мыши без цели — курсор мечется по экрану без остановок на конкретных элементах.

Что означает. Пользователь не понимает что делать дальше. Ищет куда кликнуть, не может найти нужный элемент, запутался в интерфейсе.

place Где чаще: сложные формы, непонятная навигация, перегруженный интерфейс
lightbulb Использовать: страницы с частым thrashed cursor — кандидаты на упрощение
undo
Quick Back

Страница не оправдала ожиданий

Что это. Пользователь открыл страницу и почти сразу нажал кнопку назад — обычно в течение 3–5 секунд.

Что означает. Страница не соответствует тому что пользователь ожидал увидеть. Контент не тот, интерфейс пугает, слишком долгая загрузка.

place Где чаще: лендинги из рекламы, страницы каталога, результаты поиска
lightbulb Использовать: высокий % quick back из рекламы — несоответствие объявления
swap_vert
Scroll Burst

Не нашёл что искал

Что это. Быстрый скролл через всю страницу без остановок и кликов — пользователь проматывает контент не читая.

Что означает. Пользователь ищет что-то конкретное и не находит. Контент не соответствует ожиданиям или структура страницы непонятна.

place Где чаще: длинные лендинги, страницы категорий, статьи, документация
lightbulb Использовать: scroll burst + quick back = пользователь ищет конкретное и не находит
unpublished
Form Abandonment

Ушёл с незаполненной формой

Что это. Пользователь начал заполнять форму — ввёл данные в одно или несколько полей — и ушёл не отправив.

Что означает. Форма слишком длинная, непонятный вопрос, техническая ошибка валидации, пользователь отвлёкся или передумал.

place Где чаще: регистрация, чекаут, заявки, опросы
lightbulb Использовать: Broux показывает на каком поле — упрощаете именно его

Автоматически — без настройки

Все шесть паттернов детектируются автоматически на основе данных которые Broux собирает в рамках обычной записи сессий. Не нужно размечать элементы, настраивать триггеры или писать код. Установили скрипт — паттерны начали накапливаться. Чем больше трафика — тем точнее картина.

auto_awesome

Никакой настройки

Работает из коробки — установили скрипт и паттерны начали появляться.

trending_up

Накапливается со временем

Чем больше данных — тем точнее картина и тем надёжнее сигналы.

bolt

В реальном времени

Новые паттерны появляются сразу — не нужно ждать пересчёт.

От паттерна к решению — три шага

1
arrow_forward

Находите аномалию

Список паттернов отсортирован по влиянию — сколько пользователей затронуто и тренд за 7 дней. Видите что требует внимания прямо сейчас.

2
arrow_forward

Смотрите контекст

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

3
check_circle

Смотрите сессии

Один клик — список сессий где этот паттерн зафиксирован. Открываете запись и видите конкретный момент. Принимаете решение на основе факта а не предположения.

local_fire_department
Rage Click · кнопка «Оплатить»
/checkout/payment
trending_up +24% за неделю
Затронуто
340
пользователей · 4% от всех
Браузеры
Safari iOS62%
Chrome28%
Firefox10%
Технические ошибки
67% сессий с этим паттерном
TypeError @ checkout.tsx:142
340 сессий с этим паттерном Открыть сессии arrow_forward

UX-паттерн + техническая ошибка = полная картина

Rage clicks на кнопке оплаты могут быть UX-проблемой — а могут быть следствием того что кнопка падает с JavaScript-ошибкой. Broux показывает связь: в карточке паттерна видите какой процент сессий с этим паттерном содержит технические ошибки. Если rage click на кнопке коррелирует с 500-й ошибкой API — это не дизайн-проблема, это баг. Исправляете именно то что нужно.

67% сессий с rage click на кнопке «Оплатить» содержат ошибку API — это баг, не UX

local_fire_department
Rage Click · «Оплатить»
340 сессий
Связь с ошибками 67%
link
Active JS 228 сессий
TypeError при оплате
TypeError: Cannot read 'token'
at handleCharge (checkout.tsx:142)

Это не UX — это баг. Чините handleCharge.

Ценность для каждой роли

analytics

Продакт

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

code

Разработчик

Видите связь между UX-паттернами и техническими ошибками. Rage click из-за зависшего API — сразу понятно что чинить.

target

Маркетолог

Form abandonment на форме заявки с конкретным полем где уходят — точное знание что упрощать для роста конверсии.

shield

QA

Паттерны которые коррелируют с ошибками — готовые кейсы для баг-репортов. Rage click + JS-ошибка = воспроизводимый баг.

UX-паттерны — часть полной картины поведения

Узнайте где злятся ваши пользователи

Установите скрипт — и первые паттерны начнут появляться в течение нескольких часов. Никакой настройки, никакой разметки.

Бесплатно до 1 000 сессий · Без карты · Установка за 5 минут