Формирование эфирной сетки

Описание ситуации

В личном кабинете SmartPlayer появилось возможность просмотреть эфирную сетку. Теперь пользователи смогу просмотреть порядок проигрывания контента из раздела "Рекламный блоки" для понимания порядка очередности и длительности проигрывания рекламного контента в необходимую дату.

Пример отображения эфирной сетки в личном кабинете пользователя.

Принцип действия

Логика работы

Пользователь личного кабинета SmartPlayer должен перейти в соответствующий раздел личного кабинета "Рекламные блоки". Внутри данного раздела он должен найти категорию "Просмотр". Открыв категорию "Просмотр" пользователь получит всю информацию об имеющихся рекламных кампаниях данного личного кабинета. Просмотрев созданные и доступные эфирные сетки пользователь сможет исправить проигрывающиеся рекламные кампании как он считает нужным или же оставить их как есть, если они его устраивают.

Реализация

После авторизации пользователя в личном кабинете SmartPlayer, ему необходимо перейти в раздел "Рекламные блоки".

Раздел "Рекламные блоки" в личном кабинете SmartPlayer.

В разделе рекламные блоки пользователю необходимо выбрать категорию "Просмотр".

Пример отображения категории "Просмотр".

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

1. Устройства - зона с устройствами, на которых назначена рекламная кампания.
2. Дата - зона, где пользователь выбирает дату для сбора информации по рекламным кампаниям.
3. Состав рекламной кампании - отображается список контента рекламной кампании для конкретного устройства.

Разделение на зоны категории "Просмотр".

Зона "Устройства"

Зона "Устройства" состоит из списка устройств, на которых созданы рекламные кампании.

Пример отображения списка устройств в зоне "Устройства".

Пока пользователь не выделил ни одну рекламную кампанию в соседней зоне "Состав рекламной кампании" будет пустое белое пространство. После выделения любой доступной рекламной кампании, зона "Состав рекламной кампании" начнет отображать информацию о выбранной рекламной кампании.

Пример различий в отображении.

При нажатии на иконку "-" можно удалить из списка устройство с рекламной кампанией, после подтверждения данного действия через модальное окно, по нажатию клавиши "Да".

Пример отображения удаления устройства с рекламной кампанией.

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

Зона "Дата"

В данной зоне пользователь может выбрать дату, по которой покажут эфирную сетку для конкретного устройства. Если пользователь кликнет по строке с датой, то ему откроется модальное окно с календарем. Внутри этого окна необходимо с помощью клика мыши выбрать конкретную дату.

Пример отображения выбора даты с помощью встроенного календаря в зоне "Дата".

Зона "Состав рекламной кампании"

В зоне "Состав рекламной кампании" отображается весь контент, который будет входить в рекламную кампанию.

Чтобы просмотреть полный состав рекламной кампании пользователю необходимо скроллить вниз до конца

Информацию, которую получает пользователь в данной зоне, можно разделить:

1. Диапазон длительности (в секундах) - показывает сколько по длительности длится отрезок, в котором будет проигрываться контент.
2. Превью контента - отображаемое превью для контента.
3. Название контента - отображает название контента, используемого в рекламной кампании.
4. Длительность - отображает длительность проигрывания контента.

Пример отображаемой информации в зоне "Состав рекламной кампании".

Если в качестве контента будет использоваться аудио-контент, то в качестве превью будет выступать отдельная иконка в виде ноты

Итоговый результат

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