Пять правил работающего QR-кода: контраст, размер, инструкция, место размещения и ожидаемый результат. Почему большинство кодов не работают и как это исправить.
QR-код, который висит для красоты
За последние три года QR-коды появились везде: в кафе, на визитках, в транспорте, на упаковке товаров. Но большинство из них не работают. Не потому что технология плохая. А потому что код разместили и забыли, не подумав о человеке, который будет его сканировать.
Средний QR-код в городской среде сканирует менее 2% проходящих мимо людей. У лучших примеров этот показатель — 15-20%. Разница не в дизайне кода, а в пяти правилах, которые соблюдают одни и игнорируют другие.
Правило 1: объясните, что будет после сканирования
Человек не наводит камеру на непонятный квадрат просто из любопытства. Ему нужно знать, что он получит. «Отсканируйте, чтобы открыть меню» — работает. «QR-код» без пояснения — нет.
Формула текста рядом с кодом:
- глагол действия: наведите, отсканируйте, откройте;
- предмет: камеру телефона;
- результат: откроется меню, получите скидку, сохраните контакт.
Без обещания результата человек проходит мимо. С обещанием — останавливается и сканирует.
Правило 2: дайте воздух вокруг кода
Камере телефона нужна зона покоя вокруг QR-кода — пустое пространство размером минимум в четыре модуля кода со всех сторон. Если код прижат к краю визитки, наклеен на пёстрый фон или напечатан поверх текстуры — камера его не читает.
Белая рамка вокруг кода — не дизайнерский приём, а техническая необходимость. Всегда оставляйте пустое поле вокруг кода.
Правило 3: проверьте контраст
Тёмный код на светлом фоне — работает. Светлый код на тёмном фоне — работает, если инвертировать цвета при генерации. Цветной код на цветном фоне — риск. Код с градиентом — почти гарантированный отказ в сканировании при плохом освещении.
Самое надёжное сочетание: чёрный код на белом фоне. Если нужен цвет — используйте тёмно-синий или тёмно-зелёный на белом. Избегайте жёлтого, голубого и светло-серого — они теряются при тусклом свете.
Правило 4: физический размер имеет значение
QR-код на визитке размером 1×1 см никто не сканирует. Камере нужно расстояние и угол. Минимальный работающий размер для печати — 2×2 см. Для плаката на стене — 5×5 см. Для уличного стенда — 10×10 см и больше.
Формула: размер кода должен быть в 10 раз меньше расстояния, с которого его сканируют. Если человек сканирует с метра — код должен быть 10×10 см. С 30 см (визитка в руке) — 3×3 см минимум.
Правило 5: ссылка внутри кода должна вести на мобильную страницу
Самая частая ошибка: QR-код ведёт на десктопную версию сайта. Человек сканирует телефоном и попадает на страницу с мелким текстом, горизонтальной прокруткой и формой, в которую невозможно попасть пальцем. Результат: закрыл и забыл.
Проверьте, что страница за QR-кодом:
- открывается на мобильном без масштабирования;
- загружается быстрее трёх секунд;
- содержит одну кнопку действия, а не десять;
- выглядит так же, как обещал текст рядом с кодом.
QR-код в Vibes позволяет в любой момент изменить ссылку, на которую он ведёт, не перепечатывая сам код. Это спасает, если вы передумали, куда вести пользователя.
Быстрая проверка вашего текущего QR-кода
- Подойдите к коду с телефоном в руке. Не с того ракурса, с которого вы его вешали, а так, как подойдёт клиент.
- Откройте камеру. Через сколько секунд телефон распознал код? Если больше трёх — что-то не так.
- Перейдите по ссылке. Страница открылась? Быстро? Это мобильная версия?
- Покажите код человеку, который не знает, что там. Спросите: понятно ли, что делать и что будет после сканирования?
Четыре проверки занимают две минуты и сразу показывают, работает ваш код или просто висит для красоты.