QRコードをもっと面白くしませんかー?!

QRコードをもっと面白くしませんかー?!

ソフトバンク・au・ドコモの方は、公式のオンラインショップを利用すれば頭金不要で通常のショップよりお得に購入できます。

QRコードは便利ですよね。

でも便利だけだとつまらなくない?

「便利」+「面白い」にすると、大きいメリットが産まれます。

まず、背景

QRコード。皆が使ったことある言葉。
でも「QR」の意味はなにー?!
実はね ・・・ 「QR」 = Quick Responsive
ということは、「QRコード」はQuick Responsive Codeです!

始まり

株式会社デンソーが1994年に開発した技術です。
車のパーツのトラッキングのために使われたらしい。

世界の使用

現在、QRコードの使用率が国によって全然違う。
例えば、アメリカではあまり使用されてない。
スマートフォンユーザーの中、21%だけがQRコードを使ったことあります。
http://blog.hubspot.com/marketing/qr-codes-dead

逆に、アジアではとても人気です。特に中国:
http://adage.com/article/global-news/qr-codes-alive-living-china/291026/

韓国も。
例えばTesco(スーパーマーケットチェイン)がQRコードのバーチャルショップを2011年に導入。
すごい面白いコンセプト: http://www.designboom.com/technology/tesco-virtual-supermarket-in-a-subway-station/

おまけな情報!

QRコードをデバイス無しで読むのは可能。
下記のチュートリアルを見れば出来るはず:

オタクの好きな暇つぶし。w

QRコードのスタイル

面白くない系

日本でよく見られるQRコードはモノクロのタイプですね。
例えば:

image15image17

image05image24

デザイナーの目で見ると、シンプル過ぎてQRコードを読むインセンティブが全くない。
ぶ~!やり直し!w

面白い系

色、ロゴ、イラストを追加するとこうなります:
image21image14image13

image22image07

QRコードを面白くするメリットはuser engagement(QRコードを読むインセンティブ)です。
下記はディズニージャパンが考えた広告キャンペイン:

やはり、user engagementが高い!

さらに、画面表示の場合アニメーション付きのQRコードも可能:
http://www.visualead.com/animation-visual-qr-code/

QRコードを作りましょう!

イラストレーターCCで

「QR Code Maker」という無料のAdd-Onがあります。
ここからインストール:
https://creative.adobe.com/addons/products/107#.VTXA5JN0ZoP

image26

「ウインドー」のメニューから:

image25

で、このUIが現れる:

image23

「create」をクリックすると:

image09

これからロゴ等を追加出来る:

image27

オンラインツールで

無料のツールの中、この2つが一番便利:
http://www.qrcode-monkey.com/
(SVGのエクスポート可能!)
http://azonmobile.com/app/tracking/p/qrcodes/c/manager/op_id/845/l/en/
(管理画面でQRコード保存可能)

終わりに

皆、もっと面白いQRコードを作りましょうね。
おしゃれ系、かわいい系 ・・・ 何でもいいから!

以上

ソフトバンク・au・ドコモの方は、公式のオンラインショップを利用すれば頭金不要で通常のショップよりお得に購入できます。

【週刊bitWave】(メルマガ)始めました!

登録はこちらからメールアドレスを入力してお申込みください。

ご登録いただいたメールアドレスは 【週刊bitWave】の更新情報の配信にのみ使用します。

個人情報の取扱いに関しては、「プライバシーポリシー」をご確認ください。解除はいつでもこちらから行うことが可能です。

あなたにおすすめ

ロイヤリティフリーの無料ストックフォト(写真)1+8選... ロイヤリティフリー(ライセンスフリー)の無料写真を集めているサイトも順調に増えてます。全員が発信者となる現在では、こうしたサイトの重要度・便利度は増すばかりですね。 基本的にパブリッックドメイン(商用利用可能・無料・用途の制限なし)で...
リニューアルのケーススタディ、PSDファイルから自動コーディング、ロゴ検索ツール、グラフ用フォント(... こんにちは。 今週の【UX・デザイン】の情報共有です。 UI ・UX アプリのリニューアルのケーススタディ 2年間まったく更新されなかった健康保険アプリのリニューアルの話です。 他社はどのようにしてリニューアルを行...
UI・UXのベストプラクティス、フラットデザインについての実験結果、ATLASSIANの新CI、無料... こんにちは! 今週の【UX・デザイン】の情報共有です。 UI ・UX UI・UXのベストプラクティスまとめ 心理学とマーケティングを双方のスペシャリストであるNick Kolendaさんのサイトです。 彼のサイト内...
「Design Better」ポッドキャスト、CSSでのレスポンシブな端末、無料フォント、日本科学未... お疲れ様です。 今週の【UX・デザイン】の情報共有です。 UI ・UX 「Design Better」のポッドキャスト 他社や海外において、どのようなUI/UXの戦略が実践されているのか、そしてどのような手法がベストプラ...