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

More Related Content

What's hot

ユーザーインタビューからその後どうするの? 得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
ユーザーインタビューからその後どうするの? 得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回Yoshiki Hayama
 
お客様の目を覚ませ! ついでに自分の目も覚ませ! デザイン思考のクライアントワークのプレセールス
お客様の目を覚ませ! ついでに自分の目も覚ませ! デザイン思考のクライアントワークのプレセールスお客様の目を覚ませ! ついでに自分の目も覚ませ! デザイン思考のクライアントワークのプレセールス
お客様の目を覚ませ! ついでに自分の目も覚ませ! デザイン思考のクライアントワークのプレセールスYoshiki Hayama
 
『UXデザインの教科書』を書きました
 『UXデザインの教科書』を書きました 『UXデザインの教科書』を書きました
『UXデザインの教科書』を書きましたMasaya Ando
 
DAUを評価指標から捨てた会社の話 #tokyowebmining
DAUを評価指標から捨てた会社の話 #tokyowebminingDAUを評価指標から捨てた会社の話 #tokyowebmining
DAUを評価指標から捨てた会社の話 #tokyowebminingTokoroten Nakayama
 
リクルート式 自然言語処理技術の適応事例紹介
リクルート式 自然言語処理技術の適応事例紹介リクルート式 自然言語処理技術の適応事例紹介
リクルート式 自然言語処理技術の適応事例紹介Recruit Technologies
 
私にとってのテスト
私にとってのテスト私にとってのテスト
私にとってのテストTakuto Wada
 
イベント・ソーシングを知る
イベント・ソーシングを知るイベント・ソーシングを知る
イベント・ソーシングを知るShuhei Fujita
 
2021 10-07 kdd2021読み会 uc phrase
2021 10-07 kdd2021読み会 uc phrase2021 10-07 kdd2021読み会 uc phrase
2021 10-07 kdd2021読み会 uc phraseTatsuya Shirakawa
 
ユーザーにうれしいチャットボットのUX 7原則 - 7 Principles to Design UX of Chatbots
ユーザーにうれしいチャットボットのUX 7原則 - 7 Principles to Design UX of ChatbotsユーザーにうれしいチャットボットのUX 7原則 - 7 Principles to Design UX of Chatbots
ユーザーにうれしいチャットボットのUX 7原則 - 7 Principles to Design UX of ChatbotsYoshiki Hayama
 
Git Flowを運用するために
Git Flowを運用するためにGit Flowを運用するために
Git Flowを運用するためにShun Tsunoda
 
大規模レガシー環境に立ち向かう有機的な開発フォーメーション #devsumi #devsumic
大規模レガシー環境に立ち向かう有機的な開発フォーメーション #devsumi #devsumic大規模レガシー環境に立ち向かう有機的な開発フォーメーション #devsumi #devsumic
大規模レガシー環境に立ち向かう有機的な開発フォーメーション #devsumi #devsumicItsuki Kuroda
 
リクルート流Elasticsearchの使い方
リクルート流Elasticsearchの使い方リクルート流Elasticsearchの使い方
リクルート流Elasticsearchの使い方Recruit Technologies
 
ウォーターフォールとアジャイルを考える #ita_ws
ウォーターフォールとアジャイルを考える #ita_wsウォーターフォールとアジャイルを考える #ita_ws
ウォーターフォールとアジャイルを考える #ita_wsYusuke Suzuki
 
ユーザーストーリー駆動開発で行こう。
ユーザーストーリー駆動開発で行こう。ユーザーストーリー駆動開発で行こう。
ユーザーストーリー駆動開発で行こう。toshihiro ichitani
 
顧客体験のデザイン〜そのサービスに“願い”はあるか?
顧客体験のデザイン〜そのサービスに“願い”はあるか?顧客体験のデザイン〜そのサービスに“願い”はあるか?
顧客体験のデザイン〜そのサービスに“願い”はあるか?Masaya Ando
 
The only one big thing every programmer should know
The only one big thing every programmer should knowThe only one big thing every programmer should know
The only one big thing every programmer should knowTakuto Wada
 
UXデザインが大事なのはわかるけど エンジニアの私ができることってなんでしょう?
UXデザインが大事なのはわかるけどエンジニアの私ができることってなんでしょう?UXデザインが大事なのはわかるけどエンジニアの私ができることってなんでしょう?
UXデザインが大事なのはわかるけど エンジニアの私ができることってなんでしょう? Masaya Ando
 
UXデザインの理論・プロセス・手法の体系とポイント
UXデザインの理論・プロセス・手法の体系とポイントUXデザインの理論・プロセス・手法の体系とポイント
UXデザインの理論・プロセス・手法の体系とポイントMasaya Ando
 
LINE eKYCって何だ?~その実力と開発チップスについて~
LINE eKYCって何だ?~その実力と開発チップスについて~LINE eKYCって何だ?~その実力と開発チップスについて~
LINE eKYCって何だ?~その実力と開発チップスについて~ChikaSawano
 

What's hot (20)

ユーザーインタビューからその後どうするの? 得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
ユーザーインタビューからその後どうするの? 得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
 
お客様の目を覚ませ! ついでに自分の目も覚ませ! デザイン思考のクライアントワークのプレセールス
お客様の目を覚ませ! ついでに自分の目も覚ませ! デザイン思考のクライアントワークのプレセールスお客様の目を覚ませ! ついでに自分の目も覚ませ! デザイン思考のクライアントワークのプレセールス
お客様の目を覚ませ! ついでに自分の目も覚ませ! デザイン思考のクライアントワークのプレセールス
 
『UXデザインの教科書』を書きました
 『UXデザインの教科書』を書きました 『UXデザインの教科書』を書きました
『UXデザインの教科書』を書きました
 
DAUを評価指標から捨てた会社の話 #tokyowebmining
DAUを評価指標から捨てた会社の話 #tokyowebminingDAUを評価指標から捨てた会社の話 #tokyowebmining
DAUを評価指標から捨てた会社の話 #tokyowebmining
 
リクルート式 自然言語処理技術の適応事例紹介
リクルート式 自然言語処理技術の適応事例紹介リクルート式 自然言語処理技術の適応事例紹介
リクルート式 自然言語処理技術の適応事例紹介
 
私にとってのテスト
私にとってのテスト私にとってのテスト
私にとってのテスト
 
イベント・ソーシングを知る
イベント・ソーシングを知るイベント・ソーシングを知る
イベント・ソーシングを知る
 
2021 10-07 kdd2021読み会 uc phrase
2021 10-07 kdd2021読み会 uc phrase2021 10-07 kdd2021読み会 uc phrase
2021 10-07 kdd2021読み会 uc phrase
 
ユーザーにうれしいチャットボットのUX 7原則 - 7 Principles to Design UX of Chatbots
ユーザーにうれしいチャットボットのUX 7原則 - 7 Principles to Design UX of ChatbotsユーザーにうれしいチャットボットのUX 7原則 - 7 Principles to Design UX of Chatbots
ユーザーにうれしいチャットボットのUX 7原則 - 7 Principles to Design UX of Chatbots
 
Git Flowを運用するために
Git Flowを運用するためにGit Flowを運用するために
Git Flowを運用するために
 
大規模レガシー環境に立ち向かう有機的な開発フォーメーション #devsumi #devsumic
大規模レガシー環境に立ち向かう有機的な開発フォーメーション #devsumi #devsumic大規模レガシー環境に立ち向かう有機的な開発フォーメーション #devsumi #devsumic
大規模レガシー環境に立ち向かう有機的な開発フォーメーション #devsumi #devsumic
 
リクルート流Elasticsearchの使い方
リクルート流Elasticsearchの使い方リクルート流Elasticsearchの使い方
リクルート流Elasticsearchの使い方
 
ウォーターフォールとアジャイルを考える #ita_ws
ウォーターフォールとアジャイルを考える #ita_wsウォーターフォールとアジャイルを考える #ita_ws
ウォーターフォールとアジャイルを考える #ita_ws
 
ユーザーストーリー駆動開発で行こう。
ユーザーストーリー駆動開発で行こう。ユーザーストーリー駆動開発で行こう。
ユーザーストーリー駆動開発で行こう。
 
顧客体験のデザイン〜そのサービスに“願い”はあるか?
顧客体験のデザイン〜そのサービスに“願い”はあるか?顧客体験のデザイン〜そのサービスに“願い”はあるか?
顧客体験のデザイン〜そのサービスに“願い”はあるか?
 
The only one big thing every programmer should know
The only one big thing every programmer should knowThe only one big thing every programmer should know
The only one big thing every programmer should know
 
UXデザインが大事なのはわかるけど エンジニアの私ができることってなんでしょう?
UXデザインが大事なのはわかるけどエンジニアの私ができることってなんでしょう?UXデザインが大事なのはわかるけどエンジニアの私ができることってなんでしょう?
UXデザインが大事なのはわかるけど エンジニアの私ができることってなんでしょう?
 
UXデザインの理論・プロセス・手法の体系とポイント
UXデザインの理論・プロセス・手法の体系とポイントUXデザインの理論・プロセス・手法の体系とポイント
UXデザインの理論・プロセス・手法の体系とポイント
 
LINE eKYCって何だ?~その実力と開発チップスについて~
LINE eKYCって何だ?~その実力と開発チップスについて~LINE eKYCって何だ?~その実力と開発チップスについて~
LINE eKYCって何だ?~その実力と開発チップスについて~
 
Edge AI ソリューションを支える Azure IoT サービス
Edge AI ソリューションを支える Azure IoT サービスEdge AI ソリューションを支える Azure IoT サービス
Edge AI ソリューションを支える Azure IoT サービス
 

More from ayatsuka

いろいろな暈 (Variety of Ice Halos)
いろいろな暈 (Variety of Ice Halos)いろいろな暈 (Variety of Ice Halos)
いろいろな暈 (Variety of Ice Halos)ayatsuka
 
主虹と副虹の色の順序について ver.2
主虹と副虹の色の順序について ver.2主虹と副虹の色の順序について ver.2
主虹と副虹の色の順序について ver.2ayatsuka
 
主虹と副虹の色の順序について
主虹と副虹の色の順序について主虹と副虹の色の順序について
主虹と副虹の色の順序についてayatsuka
 
天球に42度の円を描く
天球に42度の円を描く天球に42度の円を描く
天球に42度の円を描くayatsuka
 
感度・特異度・再現率など
感度・特異度・再現率など感度・特異度・再現率など
感度・特異度・再現率などayatsuka
 
プレゼンテーション=主題✕情報デザイン
プレゼンテーション=主題✕情報デザインプレゼンテーション=主題✕情報デザイン
プレゼンテーション=主題✕情報デザインayatsuka
 
これもあれ? - 2D Moire Patterns
これもあれ? - 2D Moire Patternsこれもあれ? - 2D Moire Patterns
これもあれ? - 2D Moire Patternsayatsuka
 
最大公約数に関するささやかな知見
最大公約数に関するささやかな知見最大公約数に関するささやかな知見
最大公約数に関するささやかな知見ayatsuka
 
二次元コードをフラクタルにしてみた話
二次元コードをフラクタルにしてみた話二次元コードをフラクタルにしてみた話
二次元コードをフラクタルにしてみた話ayatsuka
 
Out of "Order" ~計算量の普通は気にしない部分の話
Out of "Order" ~計算量の普通は気にしない部分の話Out of "Order" ~計算量の普通は気にしない部分の話
Out of "Order" ~計算量の普通は気にしない部分の話ayatsuka
 
GhostTweet
GhostTweetGhostTweet
GhostTweetayatsuka
 
The Cheshire Cat
The Cheshire CatThe Cheshire Cat
The Cheshire Catayatsuka
 

More from ayatsuka (12)

いろいろな暈 (Variety of Ice Halos)
いろいろな暈 (Variety of Ice Halos)いろいろな暈 (Variety of Ice Halos)
いろいろな暈 (Variety of Ice Halos)
 
主虹と副虹の色の順序について ver.2
主虹と副虹の色の順序について ver.2主虹と副虹の色の順序について ver.2
主虹と副虹の色の順序について ver.2
 
主虹と副虹の色の順序について
主虹と副虹の色の順序について主虹と副虹の色の順序について
主虹と副虹の色の順序について
 
天球に42度の円を描く
天球に42度の円を描く天球に42度の円を描く
天球に42度の円を描く
 
感度・特異度・再現率など
感度・特異度・再現率など感度・特異度・再現率など
感度・特異度・再現率など
 
プレゼンテーション=主題✕情報デザイン
プレゼンテーション=主題✕情報デザインプレゼンテーション=主題✕情報デザイン
プレゼンテーション=主題✕情報デザイン
 
これもあれ? - 2D Moire Patterns
これもあれ? - 2D Moire Patternsこれもあれ? - 2D Moire Patterns
これもあれ? - 2D Moire Patterns
 
最大公約数に関するささやかな知見
最大公約数に関するささやかな知見最大公約数に関するささやかな知見
最大公約数に関するささやかな知見
 
二次元コードをフラクタルにしてみた話
二次元コードをフラクタルにしてみた話二次元コードをフラクタルにしてみた話
二次元コードをフラクタルにしてみた話
 
Out of "Order" ~計算量の普通は気にしない部分の話
Out of "Order" ~計算量の普通は気にしない部分の話Out of "Order" ~計算量の普通は気にしない部分の話
Out of "Order" ~計算量の普通は気にしない部分の話
 
GhostTweet
GhostTweetGhostTweet
GhostTweet
 
The Cheshire Cat
The Cheshire CatThe Cheshire Cat
The Cheshire Cat
 

Bad UI ハンティング

Editor's Notes

  1. <twitter> : 今日は最大公約数に関する小ネタ、です。 #日曜数学会 </twitter>