Bad UI ハンティング

16
BadUI ハハハハハハ ハハ ハハ

Transcript of Bad UI ハンティング

Page 1: Bad UI ハンティング

BadUI ハンティング

綾塚 祐二

Page 2: Bad UI ハンティング

自己紹介• 名前 : 綾塚 祐二 (@ayatsuka_yuji)• 出身 : 理学部情報科学科• 専門 ( 本業 ): ユーザインタフェース、 HCI• 専門 ( 趣味 ): 大気光象• その他 : SF 読み、紅茶飲み

Page 3: Bad UI ハンティング

BadUI ってなぁに ?• 使い方に悩んだり間違えたりしてしまう

Bad な UI• UI = User Interface ( ユーザインタフェー

ス )–システム、道具などとそれを使うユーザの間

にあって橋渡しする部分のこと–街中の案内板や、書類の書式なども広い意味で

は“ UI”

Page 4: Bad UI ハンティング

http://japan.zdnet.com/article/35062859/

UI ( と、ついでに UX)

“ 地味で地道な UI/UX 論”

Page 5: Bad UI ハンティング

UI が Bad だと…• うまく使えなくていらいらする• 目的地にたどり着けないかもしれない–トイレが見つからないとか…

• 怪我をするかもしれない• 死ぬかもしれない• 人類が滅亡するかもしれない–ミサイルの発射スイッチを押し間違えたり…

Page 6: Bad UI ハンティング

UI が Bad だと…• うまく使えなくていらいらする• 目的地にたどり着けない–トイレが見つからないとか…

• 怪我をするかもしれない• 死ぬかもしれない• 人類が滅亡するかもしれない–ミサイルの発射スイッチを押し間違えたり…

身の回りにあるそんな

困った UI たちを見つけ出

し、 撲滅 ( 改善 ) しよ

う !!

Page 7: Bad UI ハンティング

BadUI 案件例 (1): とあるカメラ• 初見の人は

百発百中でシャッターを切ろうとして電源を切る

Page 8: Bad UI ハンティング

BadUI 案件例 (2): とあるトイレ

• 部品の付け方を間違えたものと思われる

Page 9: Bad UI ハンティング

BadUI 案件例 (3): とある炊飯器• 「真空圧力 IH 」

– 蓋を閉めるときにちょっと強めに押す必要がある

• うちでは、たまたまこれが低めの位置に置かれている– 蓋を閉めたときに、ついうっ

かり同時に…• 状況のせいで強調されるこ

とになったちょっと Bad な UI

Page 10: Bad UI ハンティング

BadUI ハンティング 心得の条• 日常生活で常に眼を光らせ「観察」すべし– 「観察しろというのは…見るんじゃあなくて観るこ

とだ…聞くんじゃあなく聴くことだ」 ( 空条承太郎・談 )

• 「なぜ Bad か」を考えるべし• 「なぜそうなったか」に思いを馳せるべ

し• 「どうやって直すか」を考案すべし

Page 11: Bad UI ハンティング

BadUI 案件例 (4): 新宿案内板問題• 新宿のとある

ビルのロビー• トイレはどこ ?• ちなみに、

トイレ絡みと( 特に海外の ) ホテルのシャワーは BadUI の宝庫 ( 笑 )

Page 12: Bad UI ハンティング

新宿案内板問題・改善案

Page 13: Bad UI ハンティング

新宿案内板問題・改善案

Page 14: Bad UI ハンティング

新宿案内板問題・改善案

Page 15: Bad UI ハンティング

さぁ、あなたもBadUI を見つけよう !• よい ( 笑 ) のを見つけたら、

badui.org に投稿しよう !• こんな本も出てますよ→

Page 16: Bad UI ハンティング