搞砸了的设计：随处可见的 BAD UI

图书标准信息

• 作者 [日]中村聪史 著；邬佳笑 译
• 出版社 人民邮电出版社
• 出版时间 2016-07
• 版次 1
• ISBN 9787115428059
• 定价 79.00元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 221页
• 字数 462千字
• 正文语种 简体中文
• 原版书名 失敗から学ぶユーザインタフェース
• 丛书 图灵交互设计丛书

【内容简介】

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

【作者简介】

中村聪史（作者） 
明治大学综合数理学院副教授 
1976年出生于日本长崎县。大阪大学工学院本科毕业后，于2004年完成同志社大学的工科博士课程，取得博士学位（工科）。曾担任信息通信研究机构研究员、京都大学特聘副教授，从2013开始担任明治大学综合数理学院副教授。专业是用户界面，从事使人们生活更便捷的搜索引擎、生活轨迹、信息泄露预防、平均文字等的研究。平时爱好收集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