Campaigns preview

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

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

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

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

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

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

Реализация

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Зона "Дата"

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

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

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

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

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

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

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

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

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

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

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