搞砸了的设计 随处可见的BAD UIPDF电子书下载

第1章 线索 1

导致错误行为的线索 2

门的线索：拉开？推开？ 2

一样的线索：应该从哪边推开？ 3

浴室的UI要怎么放出热水？ 4

洗手池的UI要怎么放水？ 5

车票的插入口：请不要插入交通卡！！ 6

自动售票机的语言切换：要怎么切换语言？ 7

可怜的烘手机：由于他人的行为而变成了 9

机场的指示牌：3号和18号哪个更近？ 10

线索过于薄弱 11

淋浴花洒和水龙头之间的切换：要怎么从淋浴花洒放出热水？ 11

计算机的电源按钮：要怎么启动？ 13

无线LAN的开/关：要怎么打开？ 15

提示页面可以滚动：其他信息在哪里？ 16

平板电脑的操作：切换成摄像模式的方法是？ 18

悲剧的咖啡机：杯子应该放在哪里？ 20

线索和标识 21

总结 22

练习 22

第2章 反馈 23

无法传达信息的反馈 24

自动售票机的Error：为什么不能买票？ 24

数码相机的Error：为什么一张照片也保存不了？ 25

Web服务的营业时间：马上就要到停止营业的时间了，但是 26

HDD录像机的陷阱：为什么预约录像会失败？ 27

让人发慌的自动取票机：不处理两张卡！ 28

自动售票机的注意事项买错票就会被罚款，但是却 29

iPhone的电子计算器：2500÷50=？ 30

自动售券机上的灯：为什么会误以为餐券都卖完了？ 31

关掉声音的按钮：怎样解除呼叫？ 32

提示信息内容的重要性 33

输入格式的Error：所谓的无法识别的字符是指什么？ 33

确认类型的提示信息：真的可以按下“OK”吗？ 35

取消按钮的意思：“要取消吗？”“取消/OK？” 36

店铺门前的提示板今天的营业结束了？ 37

信息发送错误超过字数限制了！ 37

信息传达时机的重要性 38

恼人的ATM搜索系统先选择町再选择丁目再选择番地 38

恼人的预约系统：满座！满座！那个也满座！ 40

状态/状况的可视化 42

暖炉的开关：为什么会忘记关掉暖炉？ 42

自动售券机的操作顺序：购买拉面应该如何操作？ 44

洗手间的门锁：上厕所时会被人看到的洗手间 46

浴室自动放水系统以为浴缸里已经放满水了，但是 48

心理模型和无力感 49

总结 50

练习 50

第3章 对应关系 51

一对一的对应关系 52

开关和灯之间的对应关系：为什么会关错灯？ 52

有难度的记忆游戏：为什么会选择错误的对象？ 54

菜品和按钮的对应关系：那道菜对应的是哪个按钮？ 55

外包装和独立包装的对应关系：为什么会选择错误的味道？ 56

位置上的对应关系 57

电梯和操作面板：这个操作面板是控制哪部电梯的？ 57

洗手间标识的左边和右边：哪个是男用哪个是女用？ 58

洗手间标识的含义：男女共用的洗手间？ 60

表格里的单选按钮：这个按钮和哪个选项对应？ 61

旋转方向上的对应关系 62

切换开关：为什么明明想要刷牙结果却“洗了个澡”？ 62

控制温度的开关：要怎么放出热水？ 64

对应关系相关信息的缺失 65

酒店的房卡入住的房间是几号房？ 65

外包装和内容的对应关系：下一卷是哪一本呢？ 66

多色圆珠笔的按钮：哪个是红色的呢？ 67

女洗手间的指引图：为什么要在这里提示？ 68

“前注意特性”和色彩通用设计 69

总结 71

练习 71

第4章 分类 73

哪个和哪个是一类的？ 74

让人发愁的指引牌洗手间在哪里？ 74

自动售券机的按钮：选择大碗的方法是什么？ 76

公用书架：那本书在哪里？ 77

根据相似点进行分类 78

电梯按钮的排列：微笑着关上了电梯门 78

两扇门：一扇是电梯的门，那么另一扇呢？ 79

计算机主机上的按钮：想要打开盖子却让计算机重启了，这是为什么？ 80

换乘指示：换乘地铁的公交车站是哪个？ 81

让人不知所措的标识：从这里开始是自行车道/自行车道到这里结束 82

使用划线的方式进行分类 83

时刻表里的组合：为什么要乘的那辆公交车一直不来？ 83

图书搜索系统：要怎么搜索？ 84

格式塔心理学和分类法则 85

相近法则 86

相似法则 87

连续法则 88

封闭原则 89

共同命运法则 90

从分类法则和布局关系中读出的含义 91

总结 92

练习 92

第5章 使用习惯 93

形状与认知上的差异 94

用于判断性别的标识：哪个是男洗手间哪个是女洗手间？ 94

形似垃圾箱的某物：这不是Ox 96

卡片的设计：为什么会搞错卡片的插入方向？ 98

颜色与认知上的差异 100

用于判断性别的标识：为什么会误以为没有男洗手间？ 100

开关上指示灯的颜色：绿色和红色哪个表示打开？ 102

文字和颜色的组合：绿色的拖鞋是女性用的 104

指旋锁的角度水平方向和垂直方向哪个方向是上锁？ 105

与各种“普通”之间的差异 106

英数字的罗列：308B房间在几楼？ 106

数码相机的按钮：为什么想要拍照却关闭了电源？ 108

手机上的拨号按钮：拨号按钮在左边还是右边？ 110

智能手机的接听按钮：接听按钮在左边还是右边？ 111

页面导航：为什么没能进入下一页？ 112

Slip、Lapse、Mistake 115

总结 116

练习 116

第6章 一致性 117

颜色、形状、方向和格式的一致性 118

开关的一致性：怎样关闭所有照明？ 118

相邻两物的一致性：绿灯点亮表示打开还是关闭？ 120

门的一致性：洗手间里的哪个隔间正在使用中？ 121

行为体系中的一致性：推开？还是拉开？ 122

输入表格的一致性：为什么会出现输入错误？ 123

按钮的含义：本想进行关闭操作，为什么进行的却是放大操作？ 124

顺序的一致性 125

地名的排序：东京在哪里？ 125

国家的排序：西班牙在哪里？ 126

数字的排序：和这个号码的钥匙对应的锁柜是哪一个？ 128

标准化 130

指南 132

总结 134

练习 134

第7章 制约 135

物理性制约 136

电池安装方向的制约：电池要朝哪个方向安装？ 136

插入方向的制约：应该哪一面朝上插入？ 138

玻璃门的制约：应该从哪里出入？ 139

插入位置的制约：票要靠右插入！ 140

各种各样的制约 141

车载导航仪上的输入系统：联想候选项的选择方法是？ 141

投币式储物柜上的箭头：为什么会搞错操作方向？ 142

洗手间的标识：为什么完全没有女性使用女洗手间？ 143

很难使用的自动售票机：怎样买5.25美元的车票？ 145

输入数字型的自动售货机：怎样购买12号商品？ 147

教学大纲注册系统：应该输入什么样的数值？ 149

防止出错的表格：不允许自由填写！ 150

使用时/不使用时的状况 151

洗手盆和烘手机的位置：没办法洗手！ 151

推荐候选项的提示场所：不能输入目的地！ 152

让人发愁的饮水机：怎样放出热水？ 153

笔上的按钮：明明正想写字呢！ 154

移动电源上的按钮：为什么电量耗尽了？ 155

空调和开关：在调节温度时为什么会关闭照明？ 156

行为的7个阶段理论 157

物理性制约、常识性制约、文化性制约、逻辑性制约 158

总结 160

练习 160

第8章 维护 161

年久失修导致的BAD UI 162

洗手间里的两个水龙头：哪个能放出水？ 162

门把手：为什么门打不开？ 164

自然的力量：公交车站在哪里？ 165

手机和充电座：为什么不能充电了？ 166

文化方面的改变导致的BAD UI化 168

公共浴场里的洗手间：错入女浴室了？！ 168

电梯上的文字提示：为什么没能按下去其他楼层的按钮？ 169

洗手间的文字标识：D和H哪个表示男性哪个表示女性？ 170

受过去影响的BAD UI 172

自动门锁的呼叫号码：2-B应该怎么呼叫？ 172

扩建的不易之处：去会议室要怎么走？ 174

复杂的路线图：去目的地应该乘哪辆公交车？ 176

飞机里的烟灰缸：明明是全面禁烟为什么还会有烟灰缸？ 177

DIY维护 178

总结 184

练习 184

第9章 苛求用户的BAD UI 185

考验记忆力的BAD UI 186

旅馆里周到的说明：必须要锁哪扇门？ 186

食物的名称：想要购买的菜品是哪个？ 187

关于养老金的的申请：23年以后别忘了提交哦！ 188

用于认证的安全提示问题：五十多年前学会的第一道菜是？ 189

让人心累的BAD UI 190

数值的输入方法：3万亿日元是谁的错？ 190

不好用的转账页面：怎样使用半角片假名输入？ 192

神Excel：请按照1格1字书写，控制在200字以内 194

BAD UI申请书：请注意填写时不要出错！ 196

表格的制作时间和填写时间 198

验证码：你不是人！ 200

候选单词和发送按钮：为什么会打字打到一半邮件就发送出去了？ 201

紧急出口的重要性：要怎么取消？ 202

自动修改为什么会被修改得偏离了原本的意图？ 204

具有欺骗性的UI 205

在数量上糊弄人的折线图B的支持率的下降速度缓慢？ 205

在数量上糊弄人的3D饼图：本公司的市场占有率更多？ 206

确认的重要性：只是在查看候选时间，但是却被罚钱了 208

按钮型广告：明明按下的是下载按钮，但是为什么 209

一不小心就会有疏忽的合约：可以免费解约的只有2年后的1个月内 210

BAD UI和10个可用性原则 211

总结 212

练习 212

后记：有趣的BAD UI的世界 213

前文回顾 213

为什么会出现BAD UI 214

不存在完美的UI 215

BAD UI和趣味 216

将BAD UI融入教育之中 218

写在最后 219

致谢 219

UI相关的图书 220