交互设计实用指南系列(12)—避免出错
作者：千城 来源：taobao.com UED Team 发布时间：2010-04-12 13:02:00
一、如何理解本条内容:
一个“简单”和“复杂”的例子
在我和开发人员沟通一个项目需求的时候，他们频频慨叹Mockup的设计所考虑情况之细致，很多程序要实现的预判和“非基础功能点”让开发人员望而却步不情愿去实现。相比较设计师为了让用户避免出错而绞尽脑汁去设想和考虑，开发人员更倾向于直接给到一个只能容许的操作行为，其他非法请求全部报错：“程序是严谨的，他错，我报错，以不变应万变。简单一点不好吗？”程序员们甚至笑言：“考虑他们的体验那么多，我们开发的体验真不好，please，咱们能不能不要把事情搞那么复杂”。
在这个例子里，程序员看来，对于用户在和系统交互的过程中可能出现的各种情况均予以考虑，找寻用户理解起来最明确、操作最简单的、用户犯错最少的设计是缺少效率且浪费时间的。设计师这样做，是在将简单的事情复杂化。OK，现在就有这样一个问题，什么是“错误”？每当程序要处理错误的请求，是否是用户真的在“犯错”？
1、问题一，是谁的错？
我在某一天使用了一个网站的相册功能时，遇到了这样的情况（如下图）:
“普通上传”是当前的选中状态，而上传“取消”的Button也是同样的样式。因为选中状态具有“肯定、确定”的潜在暗示，这样消极操作和积极操作的状态完全混淆了，用户在上传过程中很容易出现错点“取消”Button当作确定完成上传任务的误操作。
如果真的发生了这样的情况（应该不在少数，像我就发生了在本地好不容易选择好的图片误点了很像“确认”功能的“取消”而做无用功的情况），是的，用户犯错了，但是责任难道在用户吗？ “本来我不会犯错，是你的设计使我犯错，或起码增加了我犯错的几率。”类似这样的错误，系统可能会报错，也可能不会；但真正应该检讨的却是系统本身，即： 用户对界面的理解和本身的系统意图出现误差，系统设计的歧义等固有缺陷导致用户出错。让用户频繁碰壁、产生挫折感的设计，其原因不是用户的愚蠢、而是设计的愚蠢。
2、问题二，这是不是一个错？
关于“错误”一词解释的第二点主要针对用户对系统的行为层来说，即：用户在人机界面交互过程中的误操作，系统未能通过更好的设计减少和避免用户的误操作带来的损失。
还是以“上传照片”为例（如下图）:
一个模态的警示框，赫然告诉你，你想在这里上传相片，根本不该使用除了ie之外的浏览器！除了事先不打算通知你之外，同时也没的商量，因为我没有给你提供别的替代性方案和其他选择。
可以想象,用户想要使用这个上传相片的功能，之前已经需要经历过许多步骤，比如要打开自己相册存放的线上地址、要成功登录进入管理后台、要寻找到上传相片的功能模块等等，已经付出了相当一部分的操作成本。但是系统却很残酷的让用户的所有工作都白做了，不仅如此，还很野蛮的方式告诉用户：你从一开始就错了！在这个情况下,用户对系统的理解并不存在误差，但还是在交互过程中产生了严重的挫折感。但是，这真的是用户的错误和需要承担的责任吗？我认为不是：“严格说来，我不是犯错，我只是不清楚我能做什么、以及应该怎么做的规则。”
由以上两方面的案例，我想已经可以初步回答程序员同学的问题了：“是的，简单总是好的，但是在交互过程中，事件永远是复杂的，所可能发生的情况的可能性永远是那么多的，不是你为他考虑的多，让他简单；就是他自己试验和受挫的经历更多，更复杂，体验更差”。
0
投稿猜你喜欢
- 在前几章节中，我们已经学会了如果在一张表中读取数据，这是相对简单的，但是在真正的应用中经常需要从多个数据表中读取数据。本章节我们将向大家介绍
本文实例讲解了JavaScript实现简单的tab选项卡切换的示例代码，分享给大家供大家参考，具体内容如下效果图：具体代码：<!DOC- vscode安装python库1.已经在vscode中装了python并配置好python运行环境。检查是否正确配置好运行环境，按Windo
- 用Python+OpenCV实现了自动扫雷，突破世界记录，我们先来看一下效果吧。中级 - 0.74秒 3BV/S=60.81相信许多人很早就
- 1|0MySQL（MariaDB）1|1一，说明MariaDB数据库管理系统是MySQL的一个分支，主要由开源社区在维护，采用GPL授权许可
- 当 Yii框架仍处于 RC（候选版）阶段时，我们 对它进行过报道，那时它刚刚全面达到候选版本阶段，（现在它已经发布了正式版本）我们感觉是时候
- 编程是数据科学中不可或缺的技能，虽然创建脚本来执行基本功能很容易，但编写大规模可读性良好的代码需要更多的思考。关于PEP-8pycodest
- 本文实例讲述了python统计一个文本中重复行数的方法。分享给大家供大家参考。具体实现方法如下：比如有下面一个文件2312我们期望得到2,2
- 是因工作需要做的一个批量修改代码的小东西，拿出来与大家分享。 目前可以处理的文件类型：.asp .inc .htm .html
- 本文详细分析了Yii配置文件的用法。分享给大家供大家参考。具体分析如下：Yii配置文件比ThinkPHP复杂多了，先把自己了解的配置记录下来
- 前言：Echarts 是百度开源的一款数据可视化 JS 工具，数据可视化类型十分丰富，但是得通过导入 js 库在 Java Web 项目上运
- SecureFile功能是oracle 11g中对大对象(LOB)存储格式的完全重新设计实现，原来的LOB存储格式现在通称为BASIXFIL
- 本文实例为大家分享了python实现飞机大战的具体代码，供大家参考，具体内容如下实现的效果如下： 主程序代码如下：import p
- 删除字符串最后一个字符的方法1.使用strip()方法删除最后一个字符Python strip() 方法用于移除字符串头尾指定的字符（默认为
- 【问题原因】 这个应该是 jquery.datatable 控件本身的一个缺陷。该控件中的checkbox小插件的 id是写死的，所以当 有
- 一、作业回顾1、格式化输出与％百分号以下结果中，可以正常输出“50％及格”语句是（B）A、print
- 前言PyGame 是一个专门设计来进行游戏开发设计的 Python 模块，允许实时电子游戏研发而无需被低级语言（如机器语言和汇编语言）束缚，
- Python2的字符串有两种：str和Unicode，Python3的字符串也有两种：str和Bytes。Python2的str相当于Pyt
- 通常我们写tab选项卡的时候,一般都是用jq等去操作dom,给同级元素移除active类,然后,给被点击元素添加active类,但是在vue
- 环境 python3.0工具 pycharm谷歌插件chromedriver程序执行方法from selenium import webdr
