首页 > 站长学院 > 建站经验 > 正文
用户操作错误?来学习一下产品的容错性设计原则
2016-05-21 09:16:23         来源:优设网  
收藏    我要投稿

界面设计 网站设计 网站优化 网站结构优化

随着互联网的飞速发展,越来越多产品尤其是2C类产品更加注重用户体验,其中错误对用户体验的影响是灾难性的,在此我总结出一些容错性设计原则供大家参考和探讨。

一、容错性概念及重要性

对于容错性,大家可能不太清楚是什么概念,但当提到可用性时,那么大部分设计师都会比较熟悉这个词的含义。可用性是产品/系统重要的质量指标,是产品对用户来说有效、易学、高效、好记、少错和令人满意的程度。容错性其实就是可用性之中细分的一个模块,是专门针对出错的研究。具体内容大家可以去看:唐纳德诺曼《设计心理学》中关于错误的分类及错误设计原则;李乐山《人机界面设计》中Reason认为存在8种基本出错类型 ;尼尔森《可用性工程》中错误信息四原则以及《十大可用性原则》中第七条和第九条(分别是防错原则和容错原则)。容错性的定义为:

容错性是产品对错误操作的承载性能,即一个产品操作时出现错误的概率和错误出现后得到解决的概率和效率。容错性最初应用于计算机领域,它的存在能保证系统在故障存在的情况下不失效,仍然正常工作。产品容错性设计能使产品与人的交流或人与人借助产品的交流更加流畅。

由此可见,容错性设计原则是非常重要的,尤其是对于2C类或即时服务类(如铁路购票网站)产品/系统。

二、容错性设计原则

通过文献整理,总结出5一级原则和18大二级原则,并提供对应的案例用以加深理解。

1. 引导和提示

引导和提示主要是针对新手用户,因为普通用户和专家用户可能已经熟练使过产品很多次,对流程有一定的认识。而对于新手用户来说,使用过程就是个学习的过程,这时候正确地引导和提示就比较重要。

(1)提供详尽的说明文字和指导方向

比如新浪微博中当用户搜索没有结果的时候,给予用户适当的指引和建议。

界面设计 网站设计 网站优化 网站结构优化

还有淘宝网中当用户搜索无结果时,智能猜测用户的出错原因或者给予其他引导。

界面设计 网站设计 网站优化 网站结构优化

(2)引导和提示突出表现,且简单容易理解

首先,引导和提示要突出表现,从而引起用户关注,确保用户在操作前能注意到引导或提示信息。比如在新浪网的注册页面中,右侧的提示:红色错误提示和蓝色引导说明在页面中很醒目,注册用户自然能注意到此处的提示。其次,引导要简单且容易理解,保证用户在注意到引导或提示后能快速获取信息,从而得到帮助,以降低发生错误的概率。新浪网的注册表单中设置密码选取的提示文案非常精简,每句话表达了一个要点,并将最重要的信息即“字符数”放在了最前面,因此用户能在第一眼获得并理解这个重要的信息。

界面设计 网站设计 网站优化 网站结构优化

现在移动端app在新手用户第一次打开进入界面时一般都会有清晰、准确的功能指引和提示。比如zaker的新功能引导页面,在操作区用浅灰色蒙板覆盖,减少页面其它内容的干扰,再使用与蒙板对比较大的白色文字结合手势图形提示新功能用法,突出手势及重点。

界面设计 网站设计 网站优化 网站结构优化

(3)当重要或操作结果不可逆的时候,询问用户让其知道操作的后果

在用户操作前即给出正确且有效地引导和提示,有助于减少错误发生的可能性。如 QQ邮箱网站为了防止用户错误,在用户点击发送后提示没有输入主题信息,从而避免用户直接发送无主题邮件。

界面设计 网站设计 网站优化 网站结构优化

2. 限制操作

如何从设计上避免用户出错,限制是一种非常必要的方式。从古至今,人们为了避免错误的发生都会设置一些障碍或提出一些限制性要求。从上帝给亚当夏娃的警告,到我国历史上用来抵御北方游牧民族入侵的万里长城,再到今日道路交通中限速的减速带的设计,无不说明了有障碍设计的意义。

(1)增加那些不能逆转操作的难度

在产品设计中这种方法主要是通过对一些可能造成错误的操作入口设置障碍或直接禁止操作,以避免错误的发生。比如windows系统提供隐藏文件的功能,用户可以把重要的系统文件隐藏起来以免误删。

界面设计 网站设计 网站优化 网站结构优化

(2)适当限制用户的某些交互操作

置灰是界面上限制某些操作的好方式。有的网站直接把不能操作的部分灰置,比如携程网的时间选择控件的设计,将已经过去的日期灰置,以免用户误选。

界面设计 网站设计 网站优化 网站结构优化

再看淘宝网的注册页,根据操作的步骤,将未开始的操作如下一步按钮置灰,一方面告诉用户当前可以进行当前操作,让用户只关注于当下的任务步骤,防止用户出错;另一方面预示后面还有哪样的操作。

界面设计 网站设计 网站优化 网站结构优化

点击复制链接 与好友分享!回本站首页
上一篇:三个效果还不错的引流小技巧
下一篇:百度推广凤巢系统关键词质量度实战解析
相关文章
图文推荐
文章
推荐
热门新闻

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心
版权所有: 红黑联盟--致力于做实用的IT技术学习网站