UX видео-уроков: что реально работает

Сережа Рис · 13 January 2026

Нужна была страница для воркшопа.

Сказал Claude Code: «возьми шаблон из mentor, там похожее».

Результат — каша. Проще было с нуля.

Что нужно было

Страница для записи воркшопа: YouTube-видео, таймкоды, конспект, задания, ссылки. Я не смотрю код — смотрю работает или нет. Не работало.

Решил сначала почитать исследования. Сформулировать спеку, потом отдать агенту. И хорошо что так сделал.

NN/g про видео

У Nielsen Norman Group есть статья «Videos as Instructional Content». Оттуда:

Видео справа — мёртвая зона. Называется «right-rail blindness». Пользователи научились игнорировать правую колонку — там обычно реклама. Один участник исследования нашёл видео только когда модератор показал пальцем. И разозлился: «Спрятали как будто».

Показывай длительность до клика. Не внутри плеера, а рядом с превью. Пять секунд на решение «смотреть или нет». Не знаешь что видео короткое — пропустишь.

Без таймкодов никак. Для записей длиннее 10 минут это база. Кликнул — прыгнул.

Я сам ставил видео в правую колонку три года. Теперь понимаю почему engagement был низким.

Про табы

Если на странице сразу видео, конспект, задания и ссылки — глаз не знает куда смотреть. Табы решают: показываешь одно, остальное прячешь.

И прогресс должен быть виден. Человек хочет знать сколько осталось.

Что получилось

Написал спеку, отдал Claude Code с Opus 4.5. Четыре таба:

Запись: видео слева, таймкоды справа. Кликаешь по таймкоду — прыгает. Активный подсвечивается.
Конспект для тех кто не хочет пересматривать.
Задания с чекбоксами, всё сохраняется.
И материалы — ссылки в карточках.

Сначала рисёрч Когда сказал агенту «возьми оттуда» — получил кашу. Когда попросил сначала изучить best practices — нашёл NN/g, и всё заработало.

Коротко

Видео наверху и крупно — это главное. Таймкоды рядом.
Контент по табам, не километровый скролл.
Всё сохраняется между сессиями.
И да: сначала спека, потом агенты.

Источники

Об авторе