书籍详情

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

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

作者:(日)中村聪史

出版社:人民邮电出版社

出版时间:2016-07-01

ISBN:9787115428059

定价:¥79.00

购买这本书可以去
内容简介
  从广义上讲,人想要达到某个目的时,人与目的之间的媒介都可以称为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
猜您喜欢

读书导航