百道网
 您现在的位置:Fun书 > 搞砸了的设计 随处可见的BAD UI
搞砸了的设计 随处可见的BAD UI


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

作  者:[日]中村聪史

译  者:邬佳笑

出 版 社:人民邮电出版社

丛 书:图灵交互设计丛书

出版时间:2016年07月

定  价:79.00

I S B N :9787115428059

所属分类: 专业科技  >  计算机/网络  >  程序设计    

标  签:程序设计  计算机/网络  其他  

[查看微博评论]

分享到:

TOP好评推荐   [展开]

TOP内容简介

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

    本书适合所有领域的设计人员和对设计感兴趣的读者阅读。

TOP作者简介

    中村聪史(作者),明治大学综合数理学院副教授。

    1976年出生于日本长崎县。大阪大学工学院本科毕业后,于2004年完成同志社大学的工科博士课程,取得博士学位(工科)。曾担任信息通信研究机构研究员、京都大学特聘副教授,从2013开始担任明治大学综合数理学院副教授。专业是用户界面,从事使人们生活更便捷的搜索引擎、生活轨迹、信息泄露预防、平均文字等的研究。平时爱好收集BAD UI和观察周围的人事物,目前将兴趣运用到了上课、演讲、连载等方面。

    邬佳笑(译者),毕业于上海外国语大学日语专业,现就职于某日系电子研发公司,从事项目管理工作。平时比较注重产品用户界面的可操作性。

TOP目录

前言:欢迎来到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

TOP书摘

TOP 其它信息

装  帧:平装

页  数:221

版  次:第1版

开  本:16开

加载页面用时:46.8797