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