Дополнительные рекомендации для полной и мобильной версии Главной

    Читаемость шрифта

    90% отказов при прохождении модерации случаются из-за плохой читаемости шрифта.

    1. Лучше отказаться от дробных координат при выравнивании шрифта в HTML5-баннере, чтобы избежать эффекта «размытости» (требуется проверка во всех популярных браузерах).
    2. Рекомендуется использовать векторные шрифты.
      Совет.

      Если использовать векторный шрифт невозможно, сохраните растровые текстовые блоки в максимально хорошем качестве (с учетом ограничений по размерам баннера).

    3. В некоторых случаях шрифт в векторном формате также содержит эффект «размытости».

      Эффект может появиться по нескольким причинам:

      • маленький размер

      • сложная форма шрифта (например, с засечками)

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

      Решить проблему «размытости» шрифта, в том числе и в векторном формате, можно несколькими способами:
      • увеличить кегль шрифта

      • заменить шрифт на более простой

      • использовать шрифт, адаптированный для веба и маленьких кеглей

    Не используйте эффекты и украшательства

    Украшательство шрифтов и плашек (тень, обводка, объем) может усложнить восприятие сообщения.

    Уменьшите количество шрифтов

    1. Используйте не больше двух шрифтов и начертаний.
    2. Используйте не больше трех цветов в шрифтах.
    Эти два требования не относятся к:
    • логотипу бренда, продукта или технологии;
    • предупреждениям или обязательной правовой информации;
    • шрифту возрастной метки;
    • шрифту, который является частью иллюстрации.

    Не используйте изображения/фото низкого качества

    1. С артефактами сжатия

    2. С размытием или чрезмерной четкостью

    Выберите главное

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

    Не мельчите

    1. Не используйте маленькие изображения объектов с большим количеством мелких деталей.

    2. Не используйте фотографию в качестве фона для баннера, если на ней много мелких деталей.

    Оформление обязательной юридической информации

    Текст должен быть контрастным и легко читаемым. Минимальный размер шрифта — 11 пунктов.

    Возможные варианты оформления:

    Автоскроллинг с возможностью ручной прокрутки
    Обязательная информация (например, название банка и его ОПФ, сроки акции и т. д.) должна быть видна без взаимодействия пользователя с баннером.

    Разделение на кадры
    Обязательная информация размещается отдельно на разных кадрах:
    • сроки акции — на первых кадрах;
    • остальная информация — под плашкой «юридическая информация» и доступна по наведению курсора.
    Внимание.

    При показе кадр с обязательной информацией должен отображаться не менее 3 секунд.

    Фиксация на несколько секунд и управление паузой
    Кадр с обязательной информацией отображается не менее 3 секунд. У пользователя должна быть возможность нажать на паузу и ознакомиться с остальной информацией. Если пользователь не нажал на паузу, анимация в баннере продолжается.

    Фиксация и наведение курсора
    Правовая информация отображается не менее трех секунд, а также доступна далее по наведению курсора.