Campaigns preview: различия между версиями

Материал из SmartPlayer
Строка 12: Строка 12:
[[File:Категория_просмотр.png|thumb|center| Пример отображения категории "Просмотр".|800px]]
[[File:Категория_просмотр.png|thumb|center| Пример отображения категории "Просмотр".|800px]]
После нажатия на данную категорию пользователю откроется новое окно  с отображением главной страницы категории "Просмотр". Открывшуюся страницу можно поделить на три ключевых зоны:
После нажатия на данную категорию пользователю откроется новое окно  с отображением главной страницы категории "Просмотр". Открывшуюся страницу можно поделить на три ключевых зоны:
# Устройства - зона с устройствами, на которых назначена рекламная компания
# Устройства - зона с устройствами, на которых назначена рекламная кампания.
# Дата - зона где пользователь выбирает дату для сбора информации по рекламный компаниям
# Дата - зона, где пользователь выбирает дату для сбора информации по рекламный компаниям.
# Состав рекламной компании - отображается список контента рекламной компании для конкретного устройства.
# Состав рекламной компании - отображается список контента рекламной компании для конкретного устройства.
[[File:Разделение_на_зоны_.png|thumb|center| Разделение на зоны категории "Просмотр".|800px]]
[[File:Разделение_на_зоны_.png|thumb|center| Разделение на зоны категории "Просмотр".|800px]]
Строка 39: Строка 39:
{{Note|Если в качестве контента будет использоваться аудио-контент, то в качестве превью будет выступать отдельная иконка в виде ноты  
{{Note|Если в качестве контента будет использоваться аудио-контент, то в качестве превью будет выступать отдельная иконка в виде ноты  
[[File:Превью_аудиоконтента.png|thumb|right||150px]]|warn}}
[[File:Превью_аудиоконтента.png|thumb|right||150px]]|warn}}
== '''Итоговый результат''' ==
== '''Итоговый результат''' ==
Пользователь знает как можно отсмотреть эфирную сетку рекламной компании и понимает какие данные по эфирной сетке он может получить.
Пользователь знает как можно отсмотреть эфирную сетку рекламной компании и понимает какие данные по эфирной сетке он может получить.

Версия от 15:41, 22 марта 2024

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

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

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

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

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

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

Реализация

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

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

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

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

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

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

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

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

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

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

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

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

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

Зона "Дата"

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

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

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

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

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

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

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

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

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