交互设计新人在阿里实习总结.pdf

交互设计新人在阿里的实习总结 随着互联网的飞速发展 ，越来越多产品尤其是2C 产品更加注重用户体验 ，其中错误对用户体验的 影响是灾难性的 ，在此我总结出一些容错性设计原则供大家参考和探讨。 一、容错性概念及重要性 对于容错性 ，大家可能不太清楚是什么概念 ，但当提到可用性时 ，那么大部分设计师都会比较熟悉 这个词的含义。可用性是产品/系统重要的质量指标 ，是产 品对用户来说有效、易学、高效、好记、 少错和令人满意的程度。容错性其实就是可用性之中细分的一个模块 ，是专门针对出错的研究。具 体内容大家可以去看 ：唐 纳德诺曼 《设计心理学》中关于错误的分 及错误设计原则 ；李乐山 《人 机界面设计》中Reaso n认为存在8种基本出错 型 ；尼尔森 《可用性工程》中错误信息四原则以 及 《十大可用性原则》中第七条和第九条 （分别是防错原则和容错原则 ）。容错性的定义为 ： 容错性是产品对错误操作的承载性能 ，即一个产品操作时出现错误的概率和错误出现后得到 解决的概率和效率。容错性最初应用于计算机领域 ，它的存在能保证系统在故障存在的情况 下不失效 ，仍然正常工作。产品容错性设计能使产品与人的交流或人与人借助产品的交流更 加流畅。 由此可见 ，容错性设计原则是非常重要的 ，尤其是对于2C 或即时服务 （如铁路购票网站 ） 产品/系统。 二、容错性设计原则 通过文献整理 ，总结出5一级原则和18大二级原则 ，并提供对应的案例用以加深理解。 1. 引导和提示 引导和提示主要是针对新手用户 ，因为普通用户和专家用户可能已经熟练使过产品很多次 ，对流程 有一定的认识。而对于新手用户来说 ，使用过程就是个学习的过程 ，这时候正确地引导和提示就比 较重要。 （1 ）提供详尽的说明文字和指导方向 比如新浪微博中当用户搜索没有结果的时候 ，给予用户适当的指引和建议。 还有淘宝网中当用户搜索无结果时 ，智能猜测用户的出错原因或者给予其他引导。 （2 ） 导和提示突出表现 ，且简单容易理解 首先 ，引导和提示要突出表现 ，从而引起用户关注 ，确保用户在操作前能注意到引导或提示信息。 比如在新浪网的注册页面中 ，右侧的提示 ：红色错误提示和 蓝色引导说明在页面中很醒目 ，注册用 户自然能注意到此处的提示。其次 ，引导要简单且容易理解 ，保证用户在注意到引导或提示后能快 速获取信息 ，从而得到帮 助 ，以降低发生错误的概率。新浪网的注册表单中设置密码选取的提示文 案非常精简 ，每句话表达了一个要点 ，并将最重要的信息即“字符数”放在了最前面 ，因此 用户能在 第一眼获得并理解这个重要的信息。 现在移动端app在新手用户第一次打开进入界面时一般都会有清晰、准确的功能指引和提示。比 如zaker的新功能引导页面 ，在操作区用浅灰色蒙板覆盖 ，减少页面其它内容的干扰 ，再使用与蒙 板对比较大的白色文字结合手势图形提示新功能用法 ，突出手势及重点。 （3 ）当重要或操作结果不可逆的时候 ，询问用户让其知道操作的后果 在用户操作前即给出正确且有效地引导和提示 ，有助于减少错误发生的可能性。如 Q Q 邮箱网站为 了防止用户错误 ，在用户点击发送后提示没有输入主题信息 ，从而避免用户直接发送无主题邮件。 2. 限制操作 如何从设计上避免用户出错 ，限制是一种非常必要的方式。从古至今 ，人们为了避免错误的发生都 会设置一些障碍或提出一些限制性要求。从上帝给亚当夏娃 的警告 ，到我国历史上用来抵御北方游 牧民族入侵的万里长城 ，再到今日道路交通中限速的减速带的设计 ，无不说明了有障碍设计的意义 。 （1 ）增加那些不能逆转操作的难度 在产品设计中这种方法主要是通过对一些可能造成错误的操作入口设置障碍或直接禁止操作 ，以避 免错误的发生。比如w indows系统提供隐藏文件的功能 ，用户可以把重要的系统文件隐藏起来以免 误删。 （2 ）适当限制用户的某些交互操作 置灰是界面上限制某些操作的好方式。有的网站直接把不能操作的部分灰置 ，比如携程网的时间选 择控件的设计 ，将已经过去的日期灰置 ，以免用户误选。 再看淘宝网的注册页 ，根据操作的步骤 ，将未开始的操作如下一步按钮置灰 ，一方面告诉用户当前 可以进行当前操作 ，让用户只关注于当下的任务步骤 ，防止用户出错 ；另一方面预示后面还有哪样 的操作。 3. 反馈和帮助 （1 ）当用户有些错误发生时 ，及时反馈错误并提供纠错帮助 反馈错误及时就能保证用户每个阶段的操作都能得到回馈 ，避免因为一个