第1章 线索

导致错误行为的线索

门的线索：拉开？推开？

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

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

洗手池的UI要怎么放水？

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

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

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

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

线索过于薄弱

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

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

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

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

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

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

线索和标识

总结

练习

第2章 反馈

无法传达信息的反馈

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

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

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

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

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

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

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

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

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

提示信息内容的重要性

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

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

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

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

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

信息传达时机的重要性

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

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

状态/状况的可视化

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

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

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

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

心理模型和无力感

总结

练习

第3章 对应关系

一对一的对应关系

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

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

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

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

位置上的对应关系

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

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

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

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

旋转方向上的对应关系

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

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

对应关系相关信息的缺失

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

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

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

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

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

总结

练习

第4章 分类

哪个和哪个是一类的？

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

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

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

根据相似点进行分类

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

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

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

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

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

使用划线的方式进行分类

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

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

格式塔心理学和分类法则

相近法则

相似法则

连续法则

封闭原则

共同命运法则

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

总结

练习

第5章 使用习惯

形状与认知上的差异

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

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

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

颜色与认知上的差异

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

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

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

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

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

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

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

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

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

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

Slip、Lapse、Mistake

总结

练习

第6章 一致性

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

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

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

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

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

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

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

顺序的一致性

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

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

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

标准化

指南

总结

练习

第7章 制约

物理性制约

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

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

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

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

各种各样的制约

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

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

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

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

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

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

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

使用时/不使用时的状况

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

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

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

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

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

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

行为的7个阶段理论

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

总结

练习

第8章 维护

年久失修导致的BAD UI

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

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

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

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

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

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

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

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

受过去影响的BAD UI

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

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

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

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

DIY维护

总结

练习

第9章 苛求用户的BAD UI

考验记忆力的BAD UI

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

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

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

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

让人心累的BAD UI

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

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

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

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

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

验证码：你不是人！

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

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

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

具有欺骗性的UI

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

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

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

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

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

BAD UI和10个可用性原则

总结

练习

后记：有趣的BAD UI的世界

前文回顾

为什么会出现BAD UI

不存在完美的UI

BAD UI和趣味

将BAD UI融入教育之中

写在最后

致谢

UI相关的图书