Bad UI ハンティング
Transcript of Bad UI ハンティング
![Page 1: Bad UI ハンティング](https://reader036.fdocuments.net/reader036/viewer/2022062523/58f2e7601a28ab6b3b8b457b/html5/thumbnails/1.jpg)
BadUI ハンティング
綾塚 祐二
![Page 2: Bad UI ハンティング](https://reader036.fdocuments.net/reader036/viewer/2022062523/58f2e7601a28ab6b3b8b457b/html5/thumbnails/2.jpg)
自己紹介• 名前 : 綾塚 祐二 (@ayatsuka_yuji)• 出身 : 理学部情報科学科• 専門 ( 本業 ): ユーザインタフェース、 HCI• 専門 ( 趣味 ): 大気光象• その他 : SF 読み、紅茶飲み
![Page 3: Bad UI ハンティング](https://reader036.fdocuments.net/reader036/viewer/2022062523/58f2e7601a28ab6b3b8b457b/html5/thumbnails/3.jpg)
BadUI ってなぁに ?• 使い方に悩んだり間違えたりしてしまう
Bad な UI• UI = User Interface ( ユーザインタフェー
ス )–システム、道具などとそれを使うユーザの間
にあって橋渡しする部分のこと–街中の案内板や、書類の書式なども広い意味で
は“ UI”
![Page 4: Bad UI ハンティング](https://reader036.fdocuments.net/reader036/viewer/2022062523/58f2e7601a28ab6b3b8b457b/html5/thumbnails/4.jpg)
http://japan.zdnet.com/article/35062859/
UI ( と、ついでに UX)
“ 地味で地道な UI/UX 論”
![Page 5: Bad UI ハンティング](https://reader036.fdocuments.net/reader036/viewer/2022062523/58f2e7601a28ab6b3b8b457b/html5/thumbnails/5.jpg)
UI が Bad だと…• うまく使えなくていらいらする• 目的地にたどり着けないかもしれない–トイレが見つからないとか…
• 怪我をするかもしれない• 死ぬかもしれない• 人類が滅亡するかもしれない–ミサイルの発射スイッチを押し間違えたり…
![Page 6: Bad UI ハンティング](https://reader036.fdocuments.net/reader036/viewer/2022062523/58f2e7601a28ab6b3b8b457b/html5/thumbnails/6.jpg)
UI が Bad だと…• うまく使えなくていらいらする• 目的地にたどり着けない–トイレが見つからないとか…
• 怪我をするかもしれない• 死ぬかもしれない• 人類が滅亡するかもしれない–ミサイルの発射スイッチを押し間違えたり…
身の回りにあるそんな
困った UI たちを見つけ出
し、 撲滅 ( 改善 ) しよ
う !!
![Page 7: Bad UI ハンティング](https://reader036.fdocuments.net/reader036/viewer/2022062523/58f2e7601a28ab6b3b8b457b/html5/thumbnails/7.jpg)
BadUI 案件例 (1): とあるカメラ• 初見の人は
百発百中でシャッターを切ろうとして電源を切る
![Page 8: Bad UI ハンティング](https://reader036.fdocuments.net/reader036/viewer/2022062523/58f2e7601a28ab6b3b8b457b/html5/thumbnails/8.jpg)
BadUI 案件例 (2): とあるトイレ
• 部品の付け方を間違えたものと思われる
![Page 9: Bad UI ハンティング](https://reader036.fdocuments.net/reader036/viewer/2022062523/58f2e7601a28ab6b3b8b457b/html5/thumbnails/9.jpg)
BadUI 案件例 (3): とある炊飯器• 「真空圧力 IH 」
– 蓋を閉めるときにちょっと強めに押す必要がある
• うちでは、たまたまこれが低めの位置に置かれている– 蓋を閉めたときに、ついうっ
かり同時に…• 状況のせいで強調されるこ
とになったちょっと Bad な UI
![Page 10: Bad UI ハンティング](https://reader036.fdocuments.net/reader036/viewer/2022062523/58f2e7601a28ab6b3b8b457b/html5/thumbnails/10.jpg)
BadUI ハンティング 心得の条• 日常生活で常に眼を光らせ「観察」すべし– 「観察しろというのは…見るんじゃあなくて観るこ
とだ…聞くんじゃあなく聴くことだ」 ( 空条承太郎・談 )
• 「なぜ Bad か」を考えるべし• 「なぜそうなったか」に思いを馳せるべ
し• 「どうやって直すか」を考案すべし
![Page 11: Bad UI ハンティング](https://reader036.fdocuments.net/reader036/viewer/2022062523/58f2e7601a28ab6b3b8b457b/html5/thumbnails/11.jpg)
BadUI 案件例 (4): 新宿案内板問題• 新宿のとある
ビルのロビー• トイレはどこ ?• ちなみに、
トイレ絡みと( 特に海外の ) ホテルのシャワーは BadUI の宝庫 ( 笑 )
![Page 12: Bad UI ハンティング](https://reader036.fdocuments.net/reader036/viewer/2022062523/58f2e7601a28ab6b3b8b457b/html5/thumbnails/12.jpg)
新宿案内板問題・改善案
![Page 13: Bad UI ハンティング](https://reader036.fdocuments.net/reader036/viewer/2022062523/58f2e7601a28ab6b3b8b457b/html5/thumbnails/13.jpg)
新宿案内板問題・改善案
![Page 14: Bad UI ハンティング](https://reader036.fdocuments.net/reader036/viewer/2022062523/58f2e7601a28ab6b3b8b457b/html5/thumbnails/14.jpg)
新宿案内板問題・改善案
![Page 15: Bad UI ハンティング](https://reader036.fdocuments.net/reader036/viewer/2022062523/58f2e7601a28ab6b3b8b457b/html5/thumbnails/15.jpg)
さぁ、あなたもBadUI を見つけよう !• よい ( 笑 ) のを見つけたら、
badui.org に投稿しよう !• こんな本も出てますよ→
![Page 16: Bad UI ハンティング](https://reader036.fdocuments.net/reader036/viewer/2022062523/58f2e7601a28ab6b3b8b457b/html5/thumbnails/16.jpg)