Рамка QR
Декоративный или функциональный обвод вокруг QR-кода с CTA-надписью («Отсканируй меня», «Меню здесь», «Скачать приложение»). Не часть стандарта ISO/IEC 18004 — рамка живёт за пределами quiet zone. По A/B-тестам 2023–2024 года добавляет +30–80% к числу сканирований.
Что такое рамка QR
Рамка QR (QR Frame) — визуальный контейнер вокруг QR-кода, объединяющий сам код, обводку и CTA-надпись. Это не часть стандарта QR: по ISO/IEC 18004 код заканчивается на последних тёмных модулях плюс обязательная quiet zone минимум 4 модуля с каждой стороны. Рамка начинается за пределами этой зоны — она маркетинговый инструмент, а не технический элемент.
Без контекста QR-код воспринимается как служебная метка: большинство людей проходят мимо, не понимая, зачем его сканировать. Рамка с надписью «Меню за секунду» или «GET 50% OFF» за доли секунды отвечает на два вопроса — «что это» и «зачем». По данным A/B-тестов в ретейле и HoReCa 2023–2024 годов, QR с рамкой и CTA собирает на 30–80% больше сканирований, чем «голый» код. Минимальный прирост — там, где аудитория уже привыкла к QR; максимальный — в нестандартных сценариях и у аудитории 45+.
Рамка превращает QR в «кнопку»: мозг мгновенно считывает чёткую границу как призыв к действию. Именно поэтому Starbucks, McDonald's и большинство российских ретейлеров давно включают рамку в стандарт оформления QR на всех носителях.
Типы рамок и их CTR
Выбор типа рамки определяет тональность бренда. Шесть основных вариантов — с ориентировочным приростом CTR относительно «голого» QR:
- Текстовая рамка (CTA сверху или снизу). Самый распространённый и работающий вариант. Надпись над или под кодом — «ОТСКАНИРУЙ МЕНЯ», «MENU», «Наведи камеру». CTA над кодом работает лучше (+12–18%) чем под: инструкция прочитана до того, как взгляд упал на QR. Прирост CTR: +30–60%.
- Иконка + текст. Векторная иконка смартфона или руки с телефоном рядом с надписью. Снимает барьер у аудитории 50+: «понял, что нужен телефон». Прирост: +35–55%.
- Геометрическая (прямоугольник, скруглённые углы, круг). Квадрат с острыми углами — для B2B и финансов, скруглённые — для фуд-сервиса и lifestyle. Скруглённая рамка конвертирует на 8% лучше квадратной в потребительском сегменте. Прирост: +25–45%.
- Брендированная (логотип + фирменный цвет). Вверху — лого или название, внизу — CTA, по бокам — заливка цветом бренда. QR превращается в мини-баннер. Повышает brand awareness в 1.7–2.1 раза. Оптимально для стендов, витрин, наружной рекламы. Прирост CTR: +40–70%.
- С указателем-стрелкой. Стрелка, направленная на код, добавляет +10–20% к CTR на носителях с несколькими визуальными элементами. На минималистичном носителе, где QR — единственный элемент, может снижать конверсию на 7–12% (визуальный шум).
- С инструкцией (3 шага). «1. Откройте камеру 2. Наведите 3. Перейдите» — максимально снижает барьер у незнакомой с QR аудитории. Особенно эффективна на первых касаниях и при аудитории 55+: Nielsen Norman Group фиксирует прирост +35–50% в этом сегменте.
Правила: где заканчивается quiet zone
Главное техническое правило: линия рамки начинается за пределами quiet zone. По стандарту ISO/IEC 18004, между последним модулем QR-кода и любым посторонним элементом должно быть минимум 4 модуля чистого пространства. Рекомендуемый зазор — 6–8 модулей. Если рамка «залезает» в quiet zone, сканер не найдёт границу кода: для алгоритма поиска Finder Pattern нужна чистая зона без контрастных элементов.
Практическая проверка: напечатайте тестовый экземпляр и сканируйте с 30 сантиметров. Если сканирование занимает больше 1 секунды — увеличьте отступ между кодом и рамкой на 2–4 мм. Ещё один симптом нарушения зоны: код читается с экрана нормально, но не читается на печати. Причина — на экране дисплей «добавляет» контраст, а физический отступ на бумаге оказывается меньше нужного.
Три дополнительных правила безопасного дизайна рамки:
- Цвет рамки ≠ цвет тёмных модулей. Если рамка тёмная и слишком близко к коду — сканер читает её как часть кода. Граница должна быть чёткой или оставлен белый зазор.
- Логотип — только за пределами quiet zone или внутри кода с ECL-H. Логотип в QR работает отдельно от рамки — не смешивайте два подхода без проверки.
- CTA-текст не ближе 4 модулей к краю кода. Даже мелкий шрифт в тихой зоне разрушает распознавание. Размещайте текст только внутри рамки, за её границей.
Частые вопросы
Рамка QR — это то же самое, что quiet zone?
Нет, это разные вещи. Quiet zone — обязательная часть стандарта QR (минимум 4 модуля чистого пространства вокруг кода), без неё код не читается. Рамка — маркетинговый элемент, который располагается за пределами quiet zone. Правильная конструкция: QR-код → тихая зона (4–8 модулей чистого пространства) → линия рамки → CTA-текст. Если рамка наехала на тихую зону, код перестаёт читаться надёжно.
Какой прирост сканирований даёт рамка с CTA?
По A/B-тестам в ретейле и HoReCa 2023–2024 годов: +30–80% к числу сканирований по сравнению с «голым» QR без рамки и надписи. Минимальный прирост (+30%) — там, где аудитория уже привыкла к QR и регулярно их сканирует (доставка, цифровые сервисы). Максимальный (+80%) — на нестандартных поверхностях, у аудитории 50+ и при первом знакомстве с форматом. Конкретная CTA-надпись важна не меньше рамки: «Скидка 20%» работает в 1.7 раза лучше нейтрального «Отсканируй меня».
Нужна ли рамка, если QR уже красиво оформлен?
Красивый QR с фирменными цветами и логотипом без рамки привлекает взгляд, но не объясняет действие. Рамка добавляет именно функцию «кнопки»: чёткая граница сигнализирует мозгу — «здесь можно взаимодействовать». По тестам, брендированный QR с рамкой и CTA конвертирует лучше того же кода без рамки. Исключение — минималистичный дизайн-контекст, где любая рамка нарушает стиль: тогда замените её выразительным CTA-текстом рядом с кодом.
Можно ли сделать рамку QR без дизайнера?
Да. В конструкторе QRkoder доступны встроенные шаблоны рамок: выберите тип, введите CTA-текст, задайте цвет и размер шрифта. Для меню, листовок, визиток и настольных стендов этого достаточно. Дизайнер нужен только для нестандартной брендовой рамки с паттерном или интеграции в сложный полиграфический макет. При экспорте выбирайте SVG или PNG 300 dpi — JPEG добавляет артефакты сжатия, которые могут снизить читаемость при мелкой печати.
Влияет ли цвет рамки на сканируемость кода?
Напрямую — нет: сканер считывает только модули внутри quiet zone. Косвенно — да, в двух случаях. Первый: если цвет рамки совпадает с цветом тёмных модулей и между ними нет зазора, сканер не распознаёт границу кода. Второй: слишком яркая рамка конкурирует с самим QR за внимание, пользователь дольше «находит» код взглядом. Оптимальное правило: рамка контрастна к фону носителя, но не ярче QR-кода.
CTA писать над или под QR в рамке?
По A/B-тестам: CTA над кодом работает на 12–18% лучше, чем под. Логика — инструкция прочитана раньше, чем взгляд упал на сам QR, барьер «что это и зачем» снят до контакта с кодом. Лучший вариант — «сэндвич»: инструкция сверху («Наведи камеру»), выгода снизу («Скидка 20%»). Это закрывает оба возражения и добавляет +20–25% к CTR по сравнению с одним CTA снизу. Требует формата А5 и крупнее — на маленьких носителях текст нечитаем. Подробнее о форматах и типографике — в статье CTA рядом с QR-кодом.