アストロラボ（株）で毎月実施している社員定例会では、もちまわりでライトニングトークをしています。ふだん扱っている業務システムの画面のUI以外の視点も持ってみようということで発表したスライドです

1. © Astrolab Inc. © Astrolab Inc.
2018/8/20 社内定例会

2. © Astrolab Inc.
何かつかみの例
3
照明のスイッチをオフに
しないでください
エレベーターもオフにな
ります
https://www.facebook.com/nixcraft/

3. © Astrolab Inc.
怖 !
4

4. © Astrolab Inc.
危な !!
5

5. © Astrolab Inc.
BAD UIって？
6

6. © Astrolab Inc.
BAD UI
使いかたがわからなかったり、
つい間違えやすくなってしまっているUI
7

7. © Astrolab Inc.
そもそも、UIって？
8

8. © Astrolab Inc.
User
||
利用者
9
操作の対象
Interface
||
境界・接面

9. © Astrolab Inc.
だから、こんなのもUI
10

10. © Astrolab Inc.
11

11. © Astrolab Inc.
怖い 面白い
BADUI例を見ていきましょう
12

12. © Astrolab Inc.
絶叫トイレ
13

13. © Astrolab Inc.
14
中村 聡史（2015）『失敗から学ぶユーザーインターフェース』技術評論社

14. © Astrolab Inc.
位置関係が逆
（対応づけ）
パネルの色づかい
（慣習）
15

15. © Astrolab Inc.
流血を誘うドア
16

16. © Astrolab Inc. 17
酔いどれデザイン日誌 http://ddd.entaku-guild.com/

17. © Astrolab Inc.
どう開くのかイメージしにくい
（手がかり）
同じ見た目で異なるふるまい
（一貫性）
18

18. © Astrolab Inc.
19

19. © Astrolab Inc.
人喰いエレベーター
20

20. © Astrolab Inc. 21
楽しいBADUIの世界 http://badui.org/

21. © Astrolab Inc.
同じ対象のものごとにまとまっていない
（グループ化）
できないことができてしまうように見える
（制約）
22

22. © Astrolab Inc.
試される券売機
23

23. © Astrolab Inc.
24
楽しいBADUIの世界 http://badui.org/

24. © Astrolab Inc.
先にあったサンプルを記憶しておく必要
（ひとに厳しい）
反応が遅い
（フィードバック）
25

25. © Astrolab Inc.
UIがBAD だと
26
いらいらする
自分を責める
目的を果たせない
死ぬかもしれない

26. © Astrolab Inc.
やってみよう
27

27. © Astrolab Inc.
間違えやすく誘導したフォーム
28

28. © Astrolab Inc.
対応づけ
慣習
手がかり
一貫性
29
グループ化
制約
ひとに厳しい
フィードバック

29. © Astrolab Inc. 30
BADなポイント

30. © Astrolab Inc.
・時間は書かないのに「申請日時」
・申請日と生年月日で年月日の順序が異なる
・年の2桁は和暦かと思ったら西暦下2桁
・氏名は名-姓の順。英文書類を元にあってそのまま流用したのかも
・ふりがなとフリガナが混在
・性別はF、Mの表記。まずFemale/Maleの英単語を知っておく必要
・そして記入するのはFかMかではなく「1」か「2」というトラップ
・満年齢とはなんだったかと考えさせる
・郵便番号のハイフン前後の幅のバランスが悪い。昔の形式のままかも
・住所のふりがなが2段で書きづらい
・電話番号は右詰で記入という予測困難な非合理
・電話番号の形式と合っていないマス数も謎
・メールアドレスを大文字で記入するのは慣習とギャップ。そしてマス数がぜんぜん足りない
・DMの送付を希望するのが初期値
・グルーピングがおかしかったり、文字サイズ、揃え、言葉遣いなどに一貫性がない
・注意書きの位置が対象の箇所と離れていて記入時に気づきづらい
・無意味で強い口調の指示文
・ミスは決して許されないが、油性ペンで記入。そして用紙の替えは無いという厳しさ
・実は神エクセルをダウンロード（URLは不明）しての申請も可能なよう。コメントは各セルに1字ずつ
31

31. © Astrolab Inc.
なんでBADUIが
生まれてしまうの？
32

32. © Astrolab Inc. 33
作った人はすでに達人ユーザー
説明つきで使おうとする
発注者 ≠ 実際の利用者

33. © Astrolab Inc.
♡
ユーアイ
34

34. © Astrolab Inc. © Astrolab Inc. 35
出典・参考：
中村 聡史（2015）『失敗から学ぶユーザーインターフェース』技術評論社
楽しいBADUIの世界 http://badui.org/
酔いどれデザイン日誌 http://ddd.entaku-guild.com/
coardware http://fum-s-tyle.com/