为异常情况设计

用户头像
南京/网页设计师/8年前/2936浏览
为异常情况设计
用户头像
linyulu

本文主要是对交互工作中遇到的一些异常情况进行总结,希望对大家有帮助,同时欢迎讨论和补充。



我们在设计一个功能的时候,往往会优先考虑用户在正常情况下的操作,对一些特殊场景的异常情况考虑相对较少。虽然这种异常情况发生概率较低,但是对用户操作体验有重要的影响。另外,用户的习惯会让他们很难对正常顺畅的操作印象深刻。但偶然碰到的异常情况,如果平台处理得好,会让用户好感倍增。根据已有的项目经验,下面会列举几种常见的异常情况:



页面加载慢


大多数人应该都有过页面加载失败或加载等待时间较长的经历,这种体验非常不友好。


根据某性能研究平台发现,接近半数的用户最多接受页面3秒的加载时间,若页面在3秒内未加载完,用户会失去耐心,甚至离开平台,所以说网页加载慢会直接导致用户流失。


页面加载慢和用户所处网络环境差、平台服务器性能低、页面体积大都有关系。网络环境差是客观的,没有办法直接解决。平台服务器性能因素对于设计人员来说难以决定。


但是页面体积大导致加载慢的问题,我们设计人员可以通过一些方法来解决。首先需要检查是否因为页面上图片视频等文件体积大引起,如果是这种情况,需要对设计文件进行合理的压缩;其次可以优化页面的加载方式,如使用分屏、分步加载的方式,通过这两种方式可以提高页面加载速度。


看几个栗子


用户在网络较慢的情况下访问Facebook,会优先加载信息框架,再逐步加载信息内容。这种处理会让用户觉得页面反应较快,在加载过程中对内容结构先有了解,缓解用户在加载等待过程中的未知与焦虑。



在网络环境较差的情况下访问Google图片和Pinterest,用户会看到图片的加载过程,先加载图片的位置、尺寸比例和主要颜色。




在页面加载等待过程中,我们也可以加入一些设计细节,让用户感觉页面正在努力加载并且很快就可以完成,另外可以加入一些情感化设计缓解等待过程的枯燥。



系统异常 


操作过程中突然机器断电、网络掉线、系统蓝屏或死机、浏览器崩溃等情况都属于系统异常。


虽然系统异常出现的概率较低,但只要遇上都是大问题。当你在某个平台上填写一个复杂表单时,类似于发布一个产品或在线编辑一篇文章,认认真真编辑很久,突然遇到系统异常,若平台未对这种异常进行处理,那么很遗憾地告诉你,之前的编辑全部丢失!所以在设计过程中需要考虑到这种情况,尽可能减少用户在操作上的损失,同时也可以体现平台的人性化。


系统异常的解决办法其实也很简单,我们在这些场景中加一个草稿功能,系统可以实时的保存用户操作的内容,一旦发生系统异常操作中断,当用户再次进行操作的时候给出恢复操作的提示。

 

例如我们在设计Crov.com的供应商添加产品的表单时,系统根据用户填写情况做了实时保存,当异常情况发生,下次再进入的时候默认给出选择“是否继续上次操作”。




误操作 


人为操作避免不了错误的发生,这些错误会降低用户操作效率,严重可能导致用户数据的丢失。虽然这是用户自己造成的,但我们可以通过合理的设计帮助用户减少误操作的产生,使得用户操作过程更加准确流畅。


用户在搜索过程中拼写错关键词,系统若能给出合理的纠错和建议帮助,必然会提高用户的效率,提升用户对平台的好感。举我们平台Made-in-China.com (中国制造网)的例子,当搜索关键词 “machine ”错误的写成“maechine”,系统会自动纠错并给出正确关键词“machine”的搜索结果。



对重要数据进行提交删除等结果不可逆的操作,或者当用户正在编辑一个长表单并且选择关闭或离开当前页面时,需要给出提示,告知用户继续执行带来的结果同时给出是否继续的选择。如下图Crov.com的一个用例:



Foxmail上有一个很棒的设计细节,邮件编辑发送的过程中经常会有忘记添加附件的情况,而Foxmail邮件系统会根据内容识别,判断你可能需要添加附件,发送时未添加的情况下会给出提示,解决用户忘记添加附件的问题。




搜索无结果 


通过搜索功能进行内容搜索时,遇到搜索结果为零或者很少的情况是令人沮丧的。若是因为用户误操作写错关键词,可以借鉴上面提到的 “误操作”情况进行处理。若是其他的情况,比如搜索词过于具体或生僻,页面上可以给出建议,让用户尝试其他的关键词重新搜索,同时列出一些和当前用户输入的关键词相关的模糊搜索结果,避免空白页面产生。

 

亚马逊做的很好,在遇到以上情况时,页面上首先会明确告知用户使用当前关键词是搜索不到内容的,同时根据用户输入的内容给出相关模糊的搜索结果。




怎样找到异常情况?


根据笔者自己的理解,首先对业务背景有足够的了解,其次要有主动发现异常情况的意识。最后结合一些正确的设计方法和思路,比如为功能设计完整的流程用例图或体验地图来发现流程各个节点的异常可能。找出异常情况一定要结合客观的业务与用户情况,不要仅根据自己主观进行判断。

 

以上是个人工作中遇到的一些异常情况,实际还会有更多种的可能。不同平台的不同功能,面对不同用户和使用场景的异常情况都可能不一样,所以在设计过程中需要根据不同的情况具体分析,找到可能会对功能使用和用户体验有影响的异常情况进行处理,体现平台的专业和人性化。




为了加强团队专业化的提升,知识与经验的沉淀,我们中国制造网(Made-in-China.com)UED 团队今年创建了微信公众号,将持续发布设计相关经验文章,欢迎大家扫码并关注我们。



22
举报
|
17
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】旅行icon
我的钱包-UI界面设计-app
Security Camera UI kit
【新年UI图标】礼物/活动icon
盲盒APP UI设计
【新年UI图标】相机icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
户外旅行飞机情侣假日出行
【新年UI图标】活动icon
【新年UI图标】积分icon
3D渐变流体抽象矢量UI背景图
科技医疗透明柜UI界面设计
钱包ui模板
【新年UI图标】美食icon
新能源APP应用UIKit
UI通用设计素材1
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI 登录界面设计模板包
高级表盘系列UI源文件
手表表盘UI系列
高级感金属拟物 UI设计组件库
UI应用平面图标
【新年UI图标】体育icon
你可能喜欢
大家都在看
登录注册