Видео-подсказка по наведению

Объясняйте функцию, тариф, характеристику или сложный элемент именно в момент интереса. Короткая подсказка появляется рядом с областью страницы и не заставляет искать ответ в отдельном разделе.

Объясните элемент там, где возник вопрос

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

Сценарии для виджета «Видео-подсказка по наведению»

Страница функции

Короткая демонстрация интерфейса. Ответ привязан к конкретной возможности

Тарифы

Что входит в строку или ограничение. Не перегружает таблицу постоянным текстом

Характеристики

Как параметр проявляется на практике. Сухая цифра получает визуальный смысл

Сложная форма

Зачем поле и где взять данные. Помогает продолжить заполнение

Схема или карта

Объяснение отдельной зоны. Показывается только релевантный фрагмент

Наведите курсор или перейдите к элементу с клавиатуры

H2

Посмотрите виджет в работе

Desktop-пример с кнопкой Как работает функция. Подсказка появляется после hover или focus, не запускает видео со звуком и закрывается при уходе только без потери доступности.

Разберите устройство виджета в коротких видео

---

Шесть коротких ответов

СОБЕРИТЕ ПЕРВЫЙ ВИДЖЕТ

Начните с одного сложного элемента

Выберите место, где посетители чаще всего теряют контекст. Сделайте подсказку короткой, проверьте её мышью, клавиатурой и на touch-устройстве.

От видео до опубликованного виджета

Точный способ привязки к DOM, задержка появления, удержание окна и затемнение должны быть подтверждены продуктом.

  1. Шаг 101 / 05

    Выберите один элемент и сформулируйте вопрос посетителя

    Выберите один элемент и сформулируйте вопрос посетителя

    Подсказка имеет конкретную задачу

  2. Шаг 202 / 05

    Подготовьте короткое видео или текст

    Подготовьте короткое видео или текст

    Ответ читается без отдельной страницы

  3. Шаг 303 / 05

    Привяжите виджет к области и настройте доступные положение, открытие и закрытие

    Привяжите виджет к области и настройте доступные положение, открытие и закрытие

    Окно появляется рядом с контекстом

  4. Шаг 404 / 05

    Проверьте hover, focus, края экрана и touch-fallback

    Проверьте hover, focus, края экрана и touch-fallback

    Механика доступна на нужных устройствах

  5. Шаг 505 / 05

    Установите код и проверьте события без ложных запусков от случайного движения

    Установите код и проверьте события без ложных запусков от случайного движения

    Виджет готов к тесту

Добавьте виджет на своей платформе

Выберите инструкцию для CMS или способа установки и проверьте опубликованную страницу.

Все интеграции

Выберите сценарий для съёмки

Все шаблоны → /templates/

Подходящие сценарии съёмки

Все шаблоны