実世界のユーザインタフェース
増井俊之
慶應義塾大学 環境情報学部
2020年11月6日
資料
目標
実世界に存在する問題を解決したい
内容
実世界インタフェース
実際に世界で使われるインタフェース
各種アドバイス
自己紹介
シャープ、ソニー、産総研などに勤務
ケータイの予測変換(POBox)などを開発
2008秋まで米国Appleに勤務
フリック入力を開発
2009より慶應義塾大学
ユーザインタフェースの研究開発
各種Webサービス運用中
仕事風景 @ Apple
http://gyazo.com/27357dbdc55a68142baee8c5d29ef075.png
http://www.applegazette.com/wp-content/uploads/applehq.jpg
Apple新社屋
https://gyazo.com/f17d5023892d09b0a1be870731dee99c
活動
ユーザインタフェースの研究開発
各種Webサービス運用中
スマホに満足してますか? - ユーザインタフェースの心理学
http://gyazo.com/64c56d9c3e67745e95bc038487d09c98.png http://www.pitecan.com/sumaho/
煽り
http://gyazo.com/bf3bc7510fdb74c8db4bb058fd3ed6d6.png
Software Design誌
http://gyazo.com/807873e8e41db04289c5a6e5bdae6262.jpg http://gihyo.jp/dev/serial/01/masui-columbus
ブログなど
https://gyazo.com/5b221e2f5c46c5f8afc244357ab71eb5
https://gyazo.com/0de9c65c33099c81a3c8c1d0ab68f775
実世界インタフェース
新しいコンピュータの使い方を考える
現在の装置にとらわれない
キーボード/マウス/ディスプレイ 以外
現在のインタフェースにとらわれない
WIMP 以外
ユビキタス / ユニバーサル
各種センサ
カメラ, RFID, 圧力センサ, ...
AR / VR
アイデアが求められている
現在のGUIは40年変わっていない!?
伝説のデモ (1968)
Douglas Engelbart
https://www.youtube.com/watch?v=B6rKUf9DWRI
Xerox PARC
http://gyazo.com/b93fb40af13436b714e1ac3d8f26ba8a.png
N37.4020824,W122.1482261,Z16 Parc
Alto (1973)
Xerox PARCで開発
https://gyazo.com/ffe13676111e106b8c819b870cce4601.png
Xerox Star
1981発売
https://gyazo.com/79d6aa012b0c679da9a11b02cb3f659e.png
Lisa (1983)
AppleのGUIパソコン
https://gyazo.com/c0596d8b63d9b9b790d3bb953c5291a7.png]
Lisa
https://gyazo.com/3ca39857447ef0c22e3decfbd4e568cb.png
Macintosh (1984)
https://gyazo.com/5db2d3658020a8fd6712eb783a62b988.png
NeXT Computer
1985創業 by Steve Jobs
現在のMacOSの原型
https://gyazo.com/66d94e93c6a0d0153f171b88692e2445.png
NeXTStep
https://gyazo.com/37a3e1d28c4268112b42e760de38f2af.png
新しいインタフェースの発明/普及例
GUI
マウス
VR / AR
Web
ここ20年ぐらい何も変っていない
ターゲット
開発者が自分たちのために作ったものを万人向けに調整
美術館に行ったら絵の具を買わされた
現状に慣れすぎ?
最近の人は現在のインタフェースに満足しがち?
もっとヘンなものを考える練習をしてほしい
Ubicomp, UIST, WISSなどの学会
珍奇なものが発表される
将来の「あたりまえ」になるものが見当たらない
実世界で使われるものが出てこない
「ユビキタスコンピューティング」提唱
Maek Weiser の1991年の記事
https://gyazo.com/371440a5011fa05f176559d89440d3cd
実世界で本当に欲しいものを解決したい
どこでも好きな映画を見る
どこでもググる
在庫管理 / 賞味期限管理
鍵なし / 現金なし / カードなし
自動調理
自動整理 or 整理不要
どこでもメモ
面白いもの発見
待たずに電車に乗る
必要情報がすぐにわかる
要らないものと要るもの
要らないものが使われている
本当に要るものは発明されていない
要らないもの
現金 / カード
印鑑
リモコン
郵便システム
買い物
案内板
トイレ, エレベーター, etc.
ピッツバーグでビールを買う
何故かスーパーに売ってない
何故か酒屋にも売ってない
英国のスーパーでサランラップを探す
そもそも有るのか?
何と言うのか?
どこに置いてあるのか?
名前がわからないもの
https://gyazo.com/45d156c266329642e479bbad4d362cc8.png
名前がわからないもの
https://gyazo.com/ebf9acf228beba75ac32b2f8c7e90ab2.png
よくわからないもの
https://gyazo.com/7b1ffaab7f6a2347ab84cd0d6cf34d9a
源氏香図
http://gyazo.com/03435fbba38fe55a3572342c2bde1118.png
成功した実世界インタフェース
GPSと地図
実世界メール
実世界メール
IT知識不要
セットアップが簡単
実世界メール
IT知識不要
セットアップが簡単
実はFaxのことでした...
増井俊之.icon が考える実世界インタフェース
家具コンピューティング
和室コンピューティング
Goldfish - 実世界GUI
実世界コピペ
Helpfeel
現実世界で頭を使わない
実世界コピペ
https://www.youtube.com/watch?v=1di7_2J8X0Y
http://gyazo.com/ab301f469b9266c3f2d2ed07db3f7c22.png
http://gyazo.com/f00aef03e85ef6b1a838c527825a21fc.png
GoldFish
http://gyazo.com/18b298f2b2a2851978504fcd46503938.png
Android用実世界GUIフレームワーク
NFCを読む⇒ブラウザ開く⇒JSが走る⇒センサ利用
動作をJavaScriptのみで記述
プログラムはWeb上
簡単に修正可能
GoldFishのアーキテクチャ
GoldFishクライアント
センサ+表示
GoldFishサーバ
JavaScriptプログラム
URLリダイレクト
GoldFishクライアント
NFCインテントによる自動起動
サーバに登録したURLのページを表示
ダウンロードしたJavaScriptでセンサを利用
GoldFishサーバ
TinyURL, Bit.ly的な動作
パナソニック家電のスマホI/F
https://gyazo.com/5ad4d8b74f7427481860f546db5743d8
実はパナの家電はスマホをタッチできる
ログインが必要orz
製品登録が必要orz
失敗の歴史
TRONハウス
AwareHome
ECHONET
セカイカメラ
TRONハウス
http://monotsukuri.net/mirai98/tron/tron.htm http://gyazo.com/7cadad163bb89f8a8125f5420df4c244.png
ホームオートメーション実験 (1989〜1993)
坂村健
https://gyazo.com/7467a092ee5c0f35c896636b83d86b33
TRONハウス
自動調味料装置
https://gyazo.com/c1e6505e7f5412831e32c4000d2ec910
TRONハウス
地下に移動コンテナ
https://www.youtube.com/watch?v=7jPKEyM44GU
https://www.youtube.com/watch?v=Th_vyQVTlcE
AwareHome
Georgia Techのプロジェクト
実際の家で各種の実世界インタフェースの実験
http://gyazo.com/ded4c3f883c28a5783813b304e8a315b.png
AwareHome
https://www.youtube.com/watch?v=70HrRnGCNWc
スマートホーム
欲しい人がいるのか?
シナリオが貧弱
本当に欲しい機能を実現できていない
在庫管理、鍵管理、泥棒対策、
スマートホームデータカタログ
https://gyazo.com/8f8e0d6edf511dcccfbd5753409692fd
スマートシティ
何が嬉しい?
プライバシー問題
セカイカメラ
https://gyazo.com/2fe7d4f65bf1522065659e950deeb3d8
Google Glass
http://gyazo.com/72bc27b1ab8a51cc308edb241a8c2d58.png
ビデオ: Google Glass
http://www.youtube.com/watch?v=9c6W4CCU9M4
何が問題か?
需要がよくわかってない
売りたいものを作ってるだけ
ユーザを騙そうとしている
おうちハック
https://ouch-hack.connpass.com/ https://gyazo.com/ce63943d1c4210cda127c2b74d7f56b2
M5Stack
https://gyazo.com/21da7030b9f452cfacd9229be6773e38
320 x 240 TFT color LCD display
microSD
Speaker
WiFi
Bluetooth
Battery
USB-C
M5Stack
https://www.youtube.com/watch?v=OR4qwGzzHAk
M5Stack
https://www.youtube.com/watch?v=Yu9A5pYnjCo
M5Stick
https://www.switch-science.com/catalog/5517/ https://gyazo.com/8d728b596ea3ed08f64fa572c6a1ef7e
Smaller M5Stack
EnOcean
https://gyazo.com/f4e03c5fd5aa1c8c2a4ccfc1cb9a5629 https://www.enocean.com/jp/
https://www.youtube.com/watch?v=xRUegA1FOdk
正しいアプローチ
自分で作って使う
装置のことを考えずにどこでも目的達成
居間の壁で映画を観賞する
台所でも風呂でも音楽を聞く
手持ちのものから発想しない
長屋コンピューティング
我慢して住めるか?
http://gyazo.com/498cf3e4b9c769d7aa35299b5c7cf213.png
これならどうか?
http://gyazo.com/498cf3e4b9c769d7aa35299b5c7cf213.png
Wifi完備
障子がスクリーン
神棚にサーバ
あちこちのセンサでKB入力
自動冷暖房
電子書籍
コンビニで冷蔵庫不要
良いレストランがいくらでも
近所にスーパー銭湯
家具コンピューティング
木の家具にセンサを埋め込む
e.g. Mui design
https://gyazo.com/63b2fd90bdb4777f2ca72220899b5a91
--------------------------------------------------------------------------------------------------------------
世の中で使われているシステム
コピペ
GUI
ハイパーリンク
D3
...
普及度
table:普及度
*手法 *人物 *ユーザ数
Copy&Paste Larry Tesler 数億
リンクのアンダーライン Ben Shneiderman 数億
タグのAR 暦本純一 100万
PiMenu Bill Buxton 10万
D3.js Mark 10万
keisen.el 増井俊之 100
Goldfish 橋本翔 2
Gyaim 増井俊之 1
Slime 増井俊之 1
Helpfeel 増井俊之 1000
いろいろ Chris Harrison 0
MusicBottle 石井裕 0
論文と実世界の関係
実際に使われるものは論文にならない
論文になったものは実際に使われない
エレガントなシステムは論文にならない
エレガントな発明はあたりまえに見えてリジェクトされる
論文になるシステム
1. 妙に複雑
2. 有用な状況がわずかに存在
3. 参考文献が豊富
つまりエレガントでない
論文のシステムは消える
採録後すぐに消滅
採録が最重要であって後はどうでもいいから
誰にも使われないシステムの論文が量産される
それを見て育った学生は、それで良いのだと思う
査読システムの改善が必要
採録基準に「エレガントか?」を入れる
10万ユーザ以下はリジェクト
使われるのはメーカー製のものばかり
流行りそうな新システムを作った人は論文書かずに商売を始める
あたりまえインタフェース
シンプルで使いやすい洗練された新インタフェースは業者の工夫だと思われる
論文にしてもリジェクトされる
Gear, SmoothSnap, ExpandHelp, ...
インタフェースのイディオム
一度見たら忘れないようなものはあたりまえだと思われる
未来の常識を発明したら、見た瞬間にあたりまえだと思われるかも
「ボクもそれ考えてたんだけど」とか言われそう
ウィンドウやメニューもそうだったのか?
「in the wild」論文
実世界での評価を重視する論文
最近流行している?
Pico in the Wild
Gyazo + 認証
https://gyazo.com/ee31366afff71c45c812c9581f3ece11
実例: 作ったものがいかに実世界で使われるようになるか
POBox
Gyazo
Scrapbox
Helpfeel
Gear
SmoothSnap
EpisoPass
いろんな苦労
論文化の苦労
商品化の苦労
営業の苦労
メーカーでの苦労
スタートアップでの苦労
大事なこと
アイデアの拙速実装
ドッグフーディング
広く配布
説得相手
トップを説得
開発者を説得
ユーザを説得
「情シス」は説得が難しい
仕事が増えるだけだから
POBox
予測型日本語入力システム
検索システムから発想
コツコツインプリ / 配布
社内外で説得活動
エバンジェリスト出現
副社長に提案 / 採用
Gyazo
画像キャプチャ + アップロード
どうでもいい画像をWebにアップしたい
やってるうちに便利さに気づく
ボトムアップに流行る
Scrapbox
リアルタイム編集可能なWiki
Wikiブームのとき自分も作ってみた
長期的ドッグフーディング
研究室や会社に導入
反応がよかった
Helpfeel
柔軟な単語で検索できるヘルプシステム
頭の中の言葉でそのまま検索
「ねじってひっぱる部品」
Generate & Filterでイケると思った
トップダウン営業がうまくいっている
ヘルプ / コールセンター
市場規模は1兆円以上
e.g. 宮崎市
コールセンターの人が2000人
宮崎市の人口は40万人
200人にひとりがコールセンター勤務?
導入例
https://paypayfleamarket.yahoo.co.jp/help/ https://gyazo.com/ec3cf9e8686db9c63b6a1e251cb27cc4
https://faq.pasela.co.jp/ https://gyazo.com/0859621051e288be658563bf2db89986
これから流行らせたいもの
Serencast
Scrapbox「書籍」
Serencast
ふたつのボタンだけでコンテンツブラウジング
http://serencast.com/ https://gyazo.com/41688ee7aa4be074db08d59fef27d5e4
これを実世界でやりたい
実際に実世界で使われるものが欲しい
家具コンピューティングということで
某社売込みに失敗!!
Scrapbox書籍
スクロール、編集、etc. が自由
アドバイス
会社の栄枯盛衰
Apple, Sony, Sharpなどの印象
トップと上層部が大事っぽい
下々の技術者はあまり関係ない
元気な会社の社長は自社製品を使う
Google社長はググってる
JobsはMacとiPhoneを使ってた
松下幸之助は松下製品しか使わなかった
元気な会社の社長は自社製品を使う
au社長はLISMOを使ってたか?
Docomo社長はiモードのサービスを使ってたか?
ソニー社長はWalkmanを使ってなかった
Apple社長はAppleTVを使ってるか?
元気な会社の社長は自社製品を使う
シャープ社長は液晶テレビを使ってる?
増井は増井のWebサービスしか使わない
富士通社長はScanSnapを使ってるか?
面白い会社とは
優秀なトップがいる会社
元気の良いベンチャー
人間の活躍について
Steve Jobs
http://gyazo.com/ee8675349ac9f81ce3be8fdbc2b1c582.png
Steve Jobs
子供の頃から優秀
パッカード氏に電話
出入りを許される
高校のときからAtariに出入り
高校のときSteve Wozniakをみつけた
これは運だが運を逃がさないのが偉い
Bill Atkinsonをみつけた
PARCの研究を見に行った
こういう意味でJobs本は面白い
福沢諭吉
何故咸臨丸に乗れたか
いきなり責任者のところに行ってお願いした
もちろんその前にものすごい勉強
コネと実力
実力について
時間をかけて昔からやってることはモノになる
時間の無駄なバイトとかは駄目
人脈について
商売は人脈
コネは実力
コネの活用はさらに実力
親の力も実力のうち
「美味しんぼ」方式
有名人/実力者の連鎖
実力者と近付く方法
コネの利用
人脈の芋蔓
招待講演を企画する
講演会のトイレでつかまえる
弱い紐帯
良い人を知ってることは大事
知らない有名人にもコンタクトする
人に覚えてもらう
キャッチフレーズ
増井といえば何、とか
行動力
じっとしていては何も起こらない
ジョブズ、福沢
普段から準備
勉強
デモの用意
常に考える
データ公開 (e.g. 電話番号も)
運を逃がさない
正しいことを即決する
夢は持たねば実現しない
ずっと考えてるとチャンスを逃がさない
発想法
いろいろ学習
考える
寝る
発想の条件
1. 情報を十分持っていること
2. 対象について深く考察していること
睡眠発想法
勉強してから寝る
クギ13本問題がとけた
3not問題がとけた
勉強してから行動するのと似ているか
クギ13本問題
https://gyazo.com/8b08f2b4dd73894df8367fe459e9c2d5
長めのクギを13本用意
1本を机に打ち込む
残りの12本をその上に乗せる
3not問題
https://www.facebook.com/yoshiyasu.takefuji/posts/1369615029912331 https://gyazo.com/380999c5db2ee91dca3620cfe39da2c3
口が上手いのが大事
文才、プレゼン
国語力
オヤジキラー力
有力者にかわいがられる技術
増井は苦手
何故か下北沢の頑固オヤジの店で喧嘩を売られる
何故か函館の頑固オヤジの店で喧嘩を売られる
何故か浅草の頑固オヤジの店で喧嘩を売られる
社長の条件
愛敬があることらしい
ハッタリ力について
英語でハッタリを言う
ハッタリの資格
ハッタリの経歴
ハッタリの受賞
プレゼンについて
練習すれば上手くなる
Jobsも昔は下手だった
ロンダリング
わらしべ長者方式
学歴ロンダリング
仕事ロンダリング
未踏プロジェクト
人材発掘
「天才プログラマ」の称号
プログラミング力が多少足りなくてもアイデア勝負
炎上マーケティング
ネットでわざと変なことを言って叩かれる
パクり
Jobsはパクりまくり
ピカソの言葉
パクられてなんぼかも
Web商売
課金モデルと広告モデル
課金は難いことが多い
成功例はニコニコ動画ぐらい?
ベンチャーキャピタル (VC)
スタートアップ会社に金と口を出す
エグジットして大金をせしめる
失敗すれば丸損
常に投資案件を捜している
最近はアベノミクスでバブル気味
"How to Start a Startup"
http://gyazo.com/2a75c2001e1d835813cb767358ee6732.png
起業アドバイス
成功した奴が勝手なことを言っている
誰かひとりを信用してはいけない
優秀な人材が起業するのは本当か?
米国では本当らしい
周囲では優秀な学生はベンチャーに行っている
起業している奴もいる
シリコンバレーで働く
やっぱりコネは強い
優秀な友達を引っ張ってくる
ジョブズ
ザッカーバーグ
日本からパッと行くのは辛い
進路について
最近はいくらでも変えられる
駄目ならすぐ変わるのがよい
第一印象で問題があればたぶん駄目
転職で大事なこと
外から見えることが重要
× 「課長」
○ すごい論文、学会活動
Webなどで自慢するとよい
歳をとらない方法
人生の速度は自分の経験に依存
同じことをしているとすぐ時間がたつ
転職/引越ししていると歳をとらない
満足する方法
周囲が幸せだと自分も幸せになる
e.g. 奈良や鎌倉に住む
賢い人間/変な人間の中で暮らすべき
変な奴等は大体友達
夢は持たねば実現せず
(C) 冨田勝
持っていると結構実現する
何かをずっと考えていると思いつく
良い情報を集める
賢い人/詳しい人に聞く
Webの見栄えが悪くても良い情報が有ることがある
良い情報を発信すると返ってくる
知識重要!
研究者になる方法
研究者しかわからない
出世する方法
出世した人しかわからない
e.g. Steve Jobs
HPの社長にいきなり連絡した
楽天主義
オプティミストは成功する!
嫌なことをすぐ忘れること
努力すると忘れることはできる
アドバイスまとめ
自分が優秀になる
時間をかけて何かに打ち込む
幅広い知識
IoT, 経済, ...
人脈は実力
コネも実力
運も実力
重要な機会を逃がさない
行動力
宣伝力
なんでも公開
電話も
発想力
もっともっと便利で面白いものを!
Gyazo / Scrapbox
Helpfeel
Serencast
EpisoPass