Barcode-punk

46
Summit Developers Barcode-punk! O2Oデザイン by 河村 奨 Summit Developers

Transcript of Barcode-punk

Page 1: Barcode-punk

SummitDevelopers

Barcode-punk!

O2Oのデザインby 河村 奨

SummitDevelopers

Page 2: Barcode-punk

SummitDevelopers

誰?河村 奨 (かわむら つとむ)- 下北沢オープンソースCafe- リブライズ ~すべての本棚を図書館に~- コワーキング協同組合

CogniTom Academic Design / BookPress / (社) オープンビジネスソフトウェア協会 / コンクリートファイブジャパン (株) / CoderDojo Tokyo

Page 3: Barcode-punk

SummitDevelopers

誰?河村 奨 (かわむら つとむ)

執筆・授業

カフェのマスター デザイン

プログラム

成分表

Page 4: Barcode-punk

SummitDevelopers

CoderDojo Tokyo毎週日曜!

Page 5: Barcode-punk

SummitDevelopers

すべての本棚を図書館に。

Change the worldinto one big library!

Page 6: Barcode-punk

Japan... and SF!

within 5

> 28,000books

> 150bookspots

mo

nths

Page 7: Barcode-punk

SummitDevelopers

今日のお話✴O2Oをリブライズを例題に理解する

✴ RFID vs バーコード

✴ Action! : バーコードをWEBへ

Page 8: Barcode-punk

SummitDevelopers

デモ

Page 9: Barcode-punk

SummitDevelopers

O2Oって...?

Page 10: Barcode-punk

SummitDevelopers

O2Oって....?✴ O2O = Online to Offline✴ 狭義には : オンラインから、ユーザを実

店舗へ導くこと✴ めざすところ : オンラインとオフラインの

境界がなくなる世界

Page 11: Barcode-punk

SummitDevelopers

4つのO2Oオンライン オンライン

オフライン オフライン

A

B

C

D

媒体 アクション

WEBサイト・メール ECサイトにアクセス・購入

店頭展示・広告 実店舗に来店・購入

Page 12: Barcode-punk

SummitDevelopers

Online → Offline✴ クーポンなどのお得情報✴ ソーシャルメディア上で伝えたくなる何か✴ 特定分野の商品・サービスの口コミ✴ 店頭価格・在庫の事前確認✴ ゲーミフィケーション✴ 出会いや交流✴ ギフト

Page 13: Barcode-punk

SummitDevelopers

Online ← Offline✴ QRコードつきのポスター✴シェアしたくなる「なにか」✴チェックイン✴写真 + コメント

Page 14: Barcode-punk

SummitDevelopers

O2O2Oオンライン

オフライン オフライン

21

媒体 アクション

WEBサイト

トレイのチラシ 実店舗で追加注文

ファーストフードの場合

Page 15: Barcode-punk

SummitDevelopers

O2O2O

✴より一層、不可分に✴メタデータと物✴ようこそ、拡張現実へ

オンライン オンライン

Page 16: Barcode-punk

SummitDevelopers

CMはオフライン?✴ WEBじゃないものは全て「オフライン」?

✴ オンサイト vs オフサイト

✴ 物 vs データ

✴ 在庫と一対一対応がつく

= オンラインとオフラインが同期している

Page 17: Barcode-punk

SummitDevelopers

現実とオンラインを繋ぐ✴ オンラインから (データ)

✴ PC

✴ スマートフォン

✴ TV

✴ オフラインから (物)

✴ バーコード

✴ RFID

✴ サイネージ

Page 18: Barcode-punk

SummitDevelopers

リブライズ

Page 19: Barcode-punk

SummitDevelopers

リブライズとは✴ 本棚を簡単に図書館にするサービス✴ 本棚の内容(本)をオンラインに公開✴ 本棚の内容(本)に情報を付加→拡張現実✴ 貸出履歴✴ 寄贈履歴

Page 20: Barcode-punk

SummitDevelopers

O2O2Oオンライン

オフライン

1

媒体 アクション

WEBサイト

本を借りる・寄贈

オンライン行動のシェア

2

リブライズの場合

Page 21: Barcode-punk

SummitDevelopers

図書館とO2O✴ OPAC✴ 論文検索✴ 実は、古くからO2Oを当たり前に

(特に大学と書簡)

Page 22: Barcode-punk

SummitDevelopers

Barcode-punk

Page 23: Barcode-punk

SummitDevelopers

タグ

✴ バーコード✴ RFID✴ NFC

オフラインの物体を識別するもの。SFだと「タグなし」という言葉も有名?

Page 24: Barcode-punk

SummitDevelopers

バーコード

Page 25: Barcode-punk

SummitDevelopers

NFC = 近距離無線通信Near Field Communication

Page 26: Barcode-punk

SummitDevelopers

RFID = 電波で個体識別Radio Frequency Identification

Page 27: Barcode-punk

SummitDevelopers

RFID ⊃ NFC✴ NFCはRFIDに含まれる✴ NFCは、RFIDの能力を近距離に限定✴ タッチして使うのがNFC✴ 勝手に読み取ってくれるのがRFID

Page 28: Barcode-punk

SummitDevelopers

各種タグ比較 (1)価格 リーダ OS対応

バーコード ほぼゼロ ¥2,000~ PassBook / iOS

NFC 百~数百円? ¥4,000~ Android

RFID 数十~数百円? ¥6,000~

Page 29: Barcode-punk

SummitDevelopers

各種タグ比較 (2)読取距離 複数読取 重なり 容量

バーコード 短い × × 10B

NFC 短い × × 1KB

RFID 長い ○ ○ 色々

Page 30: Barcode-punk

SummitDevelopers

歴史

✴ 1948 : RFID 自国飛行機の識別 (イギリス)✴ 1949 : バーコードの発明・特許は1952年 (アメリカ)✴ 1960年代 : RFID 商品の盗難防止 (アメリカ)✴ 1970年代 : POSシステム (アメリカ)✴ 1973 : UPC = (アメリカ)✴ 1978 : 牛にRFIDを埋め込む実験 シカゴ大学 (アメリカ)✴ 1993 : シボレーのRemote Keyless Entry (アメリカ)✴ 1994 : QRコード (日本)✴ 2002 : RFID 回転寿司 (日本)✴ 2004 : NFC Forum✴ 2010 : NFC実装規格 第一世代✴ 2011 : NFC第一世代 出荷✴ 2012 : NFCにAndroidが対応✴ 2012 : リブライズ (日本)

Page 31: Barcode-punk

SummitDevelopers

バーコードの未来✴ RFIDは、別路線。物流はRFIDへ。✴ バーコードとNFC、

どちらでも構わない「どっちもOK」✴ バーコードが浸透するのに、30年✴ そうすると...?

Page 32: Barcode-punk

SummitDevelopers

バーコード UI ver.1

Page 33: Barcode-punk

SummitDevelopers

管理者ログイン

Page 34: Barcode-punk

SummitDevelopers

UIを画面から解放する

✴ スクリーンショットのほとんどない説明書

Page 35: Barcode-punk

SummitDevelopers

液晶とバーコード✴ レーザータイプはNG✴ 液晶の仕組み

Page 36: Barcode-punk

SummitDevelopers

マウスより簡単✴ マウスの位置 ≠ ポインタの位置✴ タッチデバイス✴ バーコードリーダは、

指示対象が一致✴ ドライバ不要

Page 37: Barcode-punk

SummitDevelopers

バーコード UI ver.2

Page 38: Barcode-punk

SummitDevelopers

ver.2✴ 物とiPhoneにバーコード✴ PC画面にもバーコード✴ マウスが全く要らない

ver.1✴ 物とiPhoneにバーコード✴ マウスがほとんど要らない

Page 39: Barcode-punk

SummitDevelopers

デモ

Page 40: Barcode-punk

SummitDevelopers

O2Oとデザイン

Page 41: Barcode-punk

SummitDevelopers

業務システムとデザイン

Page 42: Barcode-punk

SummitDevelopers

POS端末、業務システム

Page 43: Barcode-punk

SummitDevelopers

何をデザインするか✴ 現実とオンラインの接点✴ 現実の文法をオンラインに → これは普通

✴ オンラインの文法を現実に → これが大事

✴ メタ情報がついた、拡張現実✴ ユーザインターフェース

Page 44: Barcode-punk

SummitDevelopers

WEBに統合✴ 今まで通りのWEBのUI✴ バーコードUI✴ 併用が可能

Page 45: Barcode-punk

SummitDevelopers

すべての本棚を図書館に。

Change the worldinto one big library!

Page 46: Barcode-punk

SummitDevelopers

ありがとうございました。