亚博账号登录

长城上的cat

小编:staynetwork信息迅速发展的时代,user体验也越臻完善。however很多情况下,Westill无法避免遇到错误难测的时候。那么作为设计师的We遇到this样的情况该Yes? 处理呢?来看看以下this篇文,author用实际案例图文并茂的细细阐述。

 

stay数字product的user体验设浦校挥衧tay最理想的情况中,才能做到让user和应用程序百分之百地顺畅交互,also不出现任何错误、技术收弦约捌渌豢稍げ獾淖纯觥

但实际的情况是,stayuser体验设浦校苁腔峄蚨嗷蛏地出现various不可避免的错误。报错几乎是user体验设浦胁豢苫蛉钡囊徊糠郑丶黶tay于设计师和开发工程师how 处理this些错误信息。

第一部分 常出现的报错有Which?

当界面或应梦薹ㄖ葱衭ser想要的操作时,就会造成错误的状态或条件。通常,界面报错有三种典型情况:

  • 应梦薹完成user要求的操作(比如运用本身不具备某项功能或没心诚技术support时)
  • 应梦薹ɡ斫鈛ser的输入(或输入无效)
  • user尝试大幅简化需要more不走的复杂操作(this通常是由于user不了解应用程序内康牧鞒潭导致的)

当遇到以上情况,user就会感到困惑even to the extent that沮丧。但既然无法避免this些情况,那么设计师和开发人员捅匦胍悸莌ow stay错误出现时provide给user比较友好和流畅的体验。

第二部分 处理UI中报错信息的最佳实践

前面提到,最理想的状态就是不发生错误,howeverthis不现实。对于报错信息的处理,紫刃枰据实际情况而采取不同的prevention策略,常用的方式有工具提示、弹框提示、教程、指示性提示、建议、突出display、设置限制等等,this些都是stay尽量告知user不要去进行错误操作。however,ifuser已经做了呢看砦已经产生,指胔ow 应对?

 

1. 立即告知user

this时候就不要想what三思而后行了,必须立刻让userknow 错误已发生。关于user体验最糟糕的情况便是user完全不了解发生了what,then困stay某一流程中。要诚实地对待user,不要试图掩盖错误。

例如,ifuser要填写由10个不同字段组成的表单时,切记不要只告知user表单填写不正确,更不要让用从第一个字段start检查哪里不正确。必须stayuser输入错误时,就立即告知,also高亮该字段。

2. 使用公认的视觉标记

采用常规的user行为模式,sure减轻认知负担。尤其是stay错误发生this样的场景下,不要标新立异,使用大多数usersurefast速识别的标记是最稳妥的做法。

就目前来看,红色和感叹号仍然是吸引user注意错误的最佳方式。但还有一点需要注意,不要只使蒙作为标记错误的唯一元素,if遇到色盲的userYes? 办呢?此外,还要考虑报错设计stay不同设备上的可读性。

this是stayArtStation标记注册错误的方法:系统用红色标记该字段,并梦谋窘刑崾尽

3. 解释错误的reason

不要以为发生错误时解决了就好了,没必要告知user为何会出错,无论错误的reason 是what,都应该对user做出解释。紫龋瑄serif不了解own的操作或应用中存staywhatproblem,则probably很大概率上会重现同样的problem黄浯危鞰isunderstanding造成user焦虑男睦碜刺瑃his很大程度上会造成一种错误的交互模式。

总之,当错误发生时,一定要fast速对user做出解释,并及时noticeuser。例如,当user登录时遇到problem,不仅要notice“您无法登录到应用程序”,还要解释其reason ,比如“user名和密码黄ヅ洹薄

 

4. 不要添加多余操作

一些交互设计师会把不同的错误放stay单独的page面或弹出窗口中,尽管this样的方式有其优势,也足够显眼,但过度使用的话就会产生极大的副effect。stay大多数情况下,actually只需要stay交互region中创建一个颜色对比标记就足够了,使用消息框则显得臃肿繁琐,user还要再次点击才能回到page面。想象一下,if你正stay填写注册表,then弹出了错误提示窗口,是不是很多余?此时只需要provide一些验证,并stay字段附近display错误消息即可。

however,if由于错误而需要takeuser重定向到另一个page面,this时候就需要使用弹出窗口了。

当user遗漏添加邮箱提交表单时的报错设计:

5. 使用简洁的提示语

提示错误时文案必须简单明了,不要使用长句子,要让user一眼可见。此外,也不要使用术语,例如“发生错误4.7被颉坝锓ù砦蟆保瑃his些设计人员和开发人员使用的语言,对于user而言并不是很好理解。

6. 不要责怪user

很多product人被崛滩蛔⊥虏郏簎ser为whatthis也不懂那也不懂。user体验设浦杏斜竞檬椋凶觥禿on’t make me think》,user就是user,是不能抱怨even to the extent that期待的神奇群体。此外,要注意报错提示中的语言使用技巧,不要暗示user“很笨”,比如当user输入了错误的字问保凸地提示“输入有效的电子邮件地址”即可,不要提示“您输入宋扌У缱佑始地址”。

 

7. 给出建设性的解决programme

出错时,仅以正确的方式告知user远远不够,how 帮助user解决才是更关键的步骤。必须迅速让userknow how 解决problem:

浏览网page时:引导user去往其他page面,首page往往是最佳choice;

stay移动界面中:sure让user进行返回操作,或者fast速链接到错误点;

表单或其他流程中:stay出错时立即告知,不要stayAll流程结束时才提示。

 

8. 使用图像和图标

user接收视觉信息比文字信息fast速很多,thereforesure尝试stay报错界面上使用图标或图像,此外,picture还have很大的情感吸引力,sure缓解user处理错误的nervous心理。

 

9. test与分析

无论设计阶段how 仔细,也不probably排查全部的报错场景,报错是一个持续的过程,来自真实user的反馈是改善user体验设计的最佳方法。if想fast速test,sure采用A/B testtest不同的programme。

 

10. 适当增加趣味性

报错page面也sure不枯燥无聊,适当增由杓迫の缎詓ure很大程度上减少负面影响。比如Dribbble上的404page面就是very好的例子。由于其目标受众是设计师,故而使用了设计师的作品组合成为数字404,让设计师user误以为stay查看一种新奇组合的作品集。

Dribbble的404page面设计

 

以上就是This time的全部谌萘耍詈蠼幸桓黾虻サ男〗幔瑂tay进行UI中报错信息设计时,秉承以下理睿騭ure很大程度上完成对错误信息的有效处理:

  1. 使用简洁的提示语,保持信息和文案清晰可读
  2. 立即告知user,fast速causeuser注意
  3. 提出有建设性的解决programme,帮助userfast速解决
  4. 不要添加多余的操作,不要花费user的精力和time
  5. 不要责怪user,报错信息也要传达礼貌友好的态度
  6. 使用图像和图标,并增加一些富含情感的趣味性设计,缓解user焦虑。

写stay最后

为助力企业顺利复工,保障product设计协作高效流畅,摹客为product设计team免费provide以下福利,助力product经理、设计师、开发人员fast速调整工作状态,高效设计协作:

● 摹客stay线设计协作 team版,免费赠送30天

● 摹客stay线设计协作 企业私有部署,免费部署30天。

点击链接即可领取:

 

原文地址:

译文地址:

author:Marina Yalanska

译者:摹客

 

转载请注明:亚博账号登录 » 搞定UI中报错信息设计,轻松提升user体验

登录收藏
 
你probablylike的:
每personal都应该know 的UI基础知识——阴影和模糊每personal都应该know 的UI基础知识——阴影和模糊
你know UI设浦写锵低匙刺杉缘4种方式吗?this一篇译文告诉你!你know UI设浦写锵低匙刺杉缘4种方式吗?this一篇译文告诉你!
苹果的设计牛stay哪儿苹果的设计牛stay哪儿
设计普惠,从this里start - 阿里云控制台的无障碍设计实践设计普惠,从this里start – 阿里云控制台的无障碍设计实践
user体验5要素你用粤寺穑user体验5要素你用粤寺穑
护肤品details page,医美风护肤品,美妆details page设计护肤品details page,医美风护肤品,美妆details page设计
耍好控件 | Google userResearch何谋究蛏杓圃耍好控件 | Google userResearch何谋究蛏杓圃
从修改密码需求看「实现模型」与「心理模型」的差别从修改密码需求看「实现模型」与「心理模型」的差别
2020年最流行的插画style, 不得不看2020年最流行的插画style, 不得不看
保姆级UI界面版式设计实用小技巧,你知多少?保姆级UI界面版式设计实用小技巧,你知多少?