正版 搞砸了的设计:随处可见的BAD UI [日]中村聪史 人民邮电出版

前言：欢迎来到BAD　　UI的世界　　ix　　
你有这样的经历吗？　　xii　　
何谓UI？　　xiii　　
“我又不是设计师，跟我没关系！”真的是这样吗？　　xv　　
即使不进行设计也有需要选择的时候　　xvii　　
为什么是BAD　　UI？　　xix　　
本书的结构　　xxi　　
第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　　
形似垃圾箱的某物：这不是○×　　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

中村聪史（作者） 明治大学综合数理学院副教授 1976年出生于日本长崎县。大阪大学工学院本科毕业后，于2004年完成同志社大学的工科博士课程，取得博士学位（工科）。曾担任信息通信研究机构研究员、京都大学特聘副教授，从2013开始担任明治大学综合数理学院副教授。专业是用户界面，从事使人们生活更便捷的搜索引擎、生活轨迹、信息泄露预防、平均文字等的研究。平时爱好收集BAD UI和观察周围的人事物，目前将兴趣运用到了上课、演讲、连载等方面。
邬佳笑（译者） 毕业于上海外国语大学日语专业，现就职于某日系电子研发公司，从事项目管理工作。平时比较注重产品用户界面的可操作性。

现在有很多书都教人如何做出成功的设计，但是对于成功的 定义众说纷纭，成功的法则亦莫衷一是。在眼花缭乱之际，不妨将目光转向那些“搞砸了”的设计，看看它们有什么共通之处，从失败中寻求成功之道。 从广义上讲，人想要达到某个目的时，人与目的之间的媒介都可以称为UI（用户界面）。生活中处处是UI，每个人都可能成为UI设计者和选择者。而BAD UI 就是指那些不能帮助用户达到目的，有时甚至可能会阻碍目的达成的UI。仔细观察身边的事物，你会发现BAD UI也随处可见。 本书是一本BAD UI 案例集，作者经过了长期的积累，收集了近200 个BAD UI 案例，比如搞不清是推开还是拉开的大门、让人进错洗手间的男女标识、不得不一遍遍重新填写的表格、令人不知所措的自动售票机界面或Web页面等，旨在结合照片挖掘这些失败案例背后的原因，使读者以它们为参考，学习什么样的设计会造成用户不便，进而设计出或选择到更好的UI。本书适合所有领域的设计人员和对设计感兴趣的读者阅读。

从广义上讲，人想要达到某个目的时，人与目的之间的媒介都可以称为UI（用户界面）。生活中处处是UI，每个人都可能成为UI设计者和选择者。而BAD UI就是指那些不能帮助用户达到目的，有时甚至可能会阻碍目的达成的UI。本书是一本BAD UI案例集，作者经过了长期的积累，收集了近200个BAD UI 案例，比如搞不清是推开还是拉开的大门、让人进错洗手间的男女标识、不得不一遍遍重新填写的表格、令人不知所措的自动售票机界面或Web页面等。旨在结合照片挖掘这些失败案例背后的原因，使读者以它们为参考，学习什么样的设计会造成用户不便，进而设计出或选择到更好的UI。 本书适合所有领域的设计人员和对设计感兴趣的读者阅读。

现在有很多书都教人如何做出成功的设计，但是对于成功的 定义众说纷纭，成功的法则亦莫衷一是。在眼花缭乱之际，不妨将目光转向那些“搞砸了”的设计，看看它们有什么共通之处，从失败中寻求成功之道。

从广义上讲，人想要达到某个目的时，人与目的之间的媒介都可以称为UI（用户界面）。生活中处处是UI，每个人都可能成为UI设计者和选择者。而BAD UI 就是指那些不能帮助用户达到目的，有时甚至可能会阻碍目的达成的UI。仔细观察身边的事物，你会发现BAD UI也随处可见。

本书是一本BAD UI 案例集，作者经过了长期的积累，收集了近200 个BAD UI 案例，比如搞不清是推开还是拉开的大门、让人进错洗手间的男女标识、不得不一遍遍重新填写的表格、令人不知所措的自动售票机界面或Web页面等，旨在结合照片挖掘这些失败案例背后的原因，使读者以它们为参考，学习什么样的设计会造成用户不便，进而设计出或选择到更好的UI。本书适合所有领域的设计人员和对设计感兴趣的读者阅读。
 

现在有很多书都教人如何做出成功的设计，但是对于成功的定义众说纷纭，成功的法则亦莫衷一是。在眼花缭乱之际，中村聪史著，邬佳笑译的《搞砸了的设计(随处可见的BADUI)/图灵交互设计丛书》教你不妨将目光转向那些“搞砸了”的设计，看看它们有什么共通之处，从失败中寻求成功之道。