Вертикальный скролл блокируется при наведении на видео: UX-исследование

Вертикальный скролл блокируется при наведении на видео: UX-исследование

Из отчетов UX: пользователи жалуются на проблемы с прокруткой при работе с видео на сайте.

Основные жалобы:

• При наведении курсора на видео скролл страницы замирает.
• Видео в iframe захватывает прокрутку, что может быть связано с ошибками в коде или встроенными функциями.

Примеры жалоб:

«Случайно промотал ролик, когда хотел пролистать страницу».

«На мобильном всё хорошо, но на десктопе это раздражает — цепляешься за видео, и всё ломается».

«Хотел пролистать страницу, но вместо этого видео начало перематываться. Потратил минуту, чтобы понять, как вернуться назад».

Telegram: Pro юзабилити I Путь исследователя UX

Как решить проблему?

1. Добавить CSS с pointer-events: none для iframe с видео. Это отключит его интерактивность.
2. Указать атрибут scrolling="no" в теге iframe.
3. Проверить обработчики событий в плеере и убедиться, что метод event.preventDefault() не мешает прокрутке.
4. Использовать API видеохостинга для отключения перехвата событий.
5. Тестировать сайт на разных устройствах и устранять баги прокрутки.

Вопросы для проверки

• Удобно ли будет, если скролл страницы всегда работает независимо от видео?
• Повысится ли вовлечённость пользователей, если добавить отдельную кнопку для управления видео?
• Снизится ли количество ошибок и жалоб, если убрать управление видео со скролла?

Эти изменения помогут улучшить пользовательский опыт и сделать сайт более удобным для навигации.

#Юзабилити #UX #UXисследования #Usability #UI #UXошибки