ポスターのQRコード — 遠くからでもスキャンできるように作成する方法
ポスターのQRコードは、うまくスキャンできないことがよくあります。5メートル離れた場所からでも読み取れるよう、サイズ、余白、コントラストのルールと、印刷前のテストを確認しましょう。
私が初めて仕事として制作したポスターには、とても素敵なQRコードが入っていました。小さくて、ボタンのように隅に綺麗に収まっていました。プレビューを見たクライアントは大変喜んでくれました。私たちは60枚を印刷し、マンションの階段に掲示しました。
一週間後、様子を見に行きました。掲示板の前に立ちました。そこは、普段人が広告を読んでいるような場所です。スマートフォンを取り出しました。狙いを定めました。何も映りません。もっと近くへ、さらに近くへ、鼻が紙に触れそうなほど近づいた時、ようやくカチッと音がしました。なんてことだ。チケットを買うために、誰もポスターの匂いを嗅いだりはしません。
その時、私はもっと早く知っておくべきだったことを学びました。誰かがあなたのコードをスキャンすれば、印刷に回す前に計算することが可能です。これは宝くじではありません。少しの物理学と、少しの割り算です。
コードの端は、距離のおよそ10分の1です
この一点さえ覚えておけば、ポスターのQRコードに関する問題の80%は解決したも同然です。コードのサイズは、人々がスキャンする距離の約10分の1以下である必要があります。
実際には、次のようになります:
- 手に持つチラシ、つまり地下鉄の広告 → 最低 10 x 10 mm
- 壁や階段のポスター、2メートル → 最低 20 x 20 mm
- 店舗のショーウィンドウや掲示板、約5メートル → 最低 50 x 50 mm
- 道路上のバナー、10メートル → 最低 100 x 100 mm、つまりちょうど 10 cm
強調しておきます:これは下限であり、目標値ではありません。余裕があるなら、20〜30%の予備を加えてください。安いカメラ、夕暮れ時の不十分な光、わずかな手の震え、これらすべてがマージンを削り取っていきますが、それらを制御することはできません。
リンクが短いほど、格子は太くなります
ここには、画面上では肉眼では見えないため、ほとんど誰も気づかない罠が仕掛けられています。
QRコードのドットの数は一定ではありません。データを入れるために必要な分だけ、モジュールを描画します。長いアドレスを入力すると、同じ領域内に、より多く、より小さな四角形を描画する必要があります。そして、その小さな四角形こそが、遠くからスマートフォンでは判別できなくなる原因なのです。
その違いを自分の目で確かめてください:
https://twojafirma.pl/lato2026/promocja?utm_source=plakat&utm_medium=qr&utm_campaign=czerwiec
https://cutty.dev/lato
上のアドレスは、一辺あたり約45モジュールという、密でチクチクするようなマトリックスを生成します。下の方は約25個に収まります。紙上でのサイズが全く同じ場合、この25個のグリッドはほぼ2倍の厚さになります。つまり、2倍の距離から捉えることができます。リンクを短縮するだけで、無料で実現可能です。
したがって、ポスターにはパラメータの末尾を含む生のURLを絶対に載せないでください。cutty.dev/lato のような短くブランド化されたリンクを使用しましょう(cutty を使えば一瞬で作れます)。パラメータや完全な遷移先はサーバー側に残ります。コードはスッキリとして読みやすくなり、クリック統計も引き続き取得できます。
リーダーは3つの正方形を探しています。手伝ってください
電話がコードをスキャンする際、実際には背景にある3つの角の四角形を探しています。それを見つけるためには2つのことが必要ですが、その両方を人間は絶えず台無しにしています。
まず、コントラストです。明るい背景に暗いコード。これは単に機能するため、定番です。その逆(暗い背景に明るいコード)は、時として扱いにくいことがあり、色と色が重なると全くスキャンできないこともあります。もしデザイナーがどうしても色を多用したい場合は、暗い要素をモジュールとして使い、その下に白を残すようにしてください。
第二に、専門用語で「サイレントゾーン(quiet zone)」と呼ばれる余白です。コードの周囲には、少なくとも4モジュール幅の空の帯を残さなければなりません。簡単に言えば、コードの1ピクセル分の厚さのフレームが、周囲に空白として存在する状態です。QRコードがテキストに触れていたり、写真に重なっていたりするポスターは、最も失敗しやすい例です。
印刷所に電話する前に、このテストを行ってください
モニターのプレビューは嘘をつきます。輝いていて、完璧にシャープに見えますが、マット紙の上で2メートル離れた時にどう見えるかについては、何も教えてくれません。
やり方を変えてみましょう。コードを目的のサイズで普通の紙に印刷します。それを壁に貼り付けます。人々が実際にスキャンするであろう距離まで離れてください。そして、今度は3台の異なるスマートフォンで読み取りを試みます。必ず、自分の最新のハイエンドモデルだけでなく、古いものや安いものも含めてください。暗い場所、つまり夜にも同じことを繰り返してください。
すぐに手に入ります、余裕を持って。今すぐ在庫を注文しましょう。
実物(物理的な資料)が手元にあるなら、まず2つのことを言っておきます:
- 光沢のあるフィルムは光を反射し、角度によってはスキャンを台無しにします。マットなものを選んでください。
- バナーでは、コードが平らな部分に来るように計画してください。しわや折れ目が入ると、半分に切断されてしまい、終わりです。
スキャンしやすさをあなたが思う以上に高める、もう一つの些細なポイントがあります。それはコードの下に添えるテキストです。「スキャンしてメニューを表示」「スキャンしてチケットを表示」といった具合です。人は、スキャンした後に何が得られるのかをあらかじめ分かっているとき、より進んでスキャンしてくれます。説明のない空白の四角形は、見過ごされてしまいます。
二度と印刷する必要のないポスター
最後に、私にとって最もストレスが少なく(そしてクライアントにとっても最も費用を抑えられた)ことについて。
コード内のリンクを、遷移先を変更可能なリダイレクトとして作成します。プロモーションが終了しましたか?イベントが別のホールに変更されましたか?管理パネルにアクセスして転送先のアドレスを変更するだけで、ポスターに印刷された同じQRコードが別の場所へ誘導します。紙を新しく作り直す必要は一切ありません。もしポスターを1週間以上掲示するのであれば、これが実質的に唯一の合理的な方法です。
短いブランドリンク、そこから生成される珍しいコード、そしていつでも変更可能な目的。これらはすべて cutty.dev で実現できます。あとはただの作業です。