125个优化网站可用性的小点子(下)

本文探讨了如何通过UI设计预防用户错误的发生,包括禁用重复点击、提供明确的输入指导、区分关键功能、简化错误恢复流程等策略,并强调了有效的错误提示和用户行为分析的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


五、帮助用户减少和克服潜在的错误


在大多数用户界面中,错误都是难以避免的。一旦它们出现,你应该帮助用户快速轻松地克服它们。


1、防止错误的可能性


在做设计时,不要急于关注彻底的解决方案,先去试图考虑如何才能让错误不发生。


(1)当用户点击后,移除、禁用或者替换按钮


不要试图告诉用户只应该点击“提交”按钮一次,如果他们发现按钮可以单击不止一次,他们是既有可能那样做的。相比较之下,当用户点击按钮后将其禁用才是更好的做法。这样,重复点击重复提交就是不可能的。



(2)只提供可以接受的输入形式



(3)针对表单元素使用响应式的启用或披露方法



(4)构建匹配格式要求的输入框



2、监控错误中的典型信号


在你的界面中什么是常规(普遍)性的错误?要识别出这些错误的固有信号,然后在这些信号出现时监听是否发送了错误。


(1)搜索那些与用户意图矛盾的措辞



(2)如果用户已经购买了一个项目,要提醒他们



3、区分开重要功能,将可能的误操作降到最少


用户在浏览过程中是会失去注意焦点的,你也不可能阻止这种事情。不过,你应该考虑在视觉上将那些重要的功能区分开来,以避免用户操作后带来严重的后果。


(1)使用合适的空间或颜色将重要的功能分离开来



(2)对于重要的不可挽回的改变,适当添加约束



4、提供简单的恢复方法或安全选项


总是让用户能够选择回到前一个页面或安全/可识别的区域。


(1)使用撤销而不是确认



(2)在所有页面和功能上提供一个安全选项(出口)


例如,有些下拉列表的菜单项没有提供安全选项,用户点击了一个选项后,就不能再退回到空选项状态。



(3)在弹出框或模态窗口中提供一个视觉的关闭选项



5、最小化用户离开序列事件时带来的负面影响


用户应该能够恢复到序列的同一个位置并保持相同的数据不变。


(1)保存用户输入的数据



(2)让用户能够返回到之前的位置



6、扩展可移动路径和可点击区域


用户是不完美的,他们可能在使用光标时犯错,你要让你的界面足够灵活。


(1)给小按钮添加一个透明的边框



(2)鼠标悬停到弹出窗口或下拉列表选项上时,设置一个轻微的延迟效果



(3)将菜单选项的整个区域都作为热区



(4)主菜单、列表项及补充性的图标都作为可链接区域


很多情况下,用户都会点到那些实际不可点的项目上,不要跟用户对着干,相反,你要针对那些常规区域添加点击功能。



7、提供有用的错误消息


永远不要只提供一个标准的“出错了”这样的消息,应该解释原因才对。


(1)校验发现的错误要解释错在哪里



(2)针对复杂的错误,要给用户一个指向文档来帮助其了解更多



(3)避免在错误消息中使用“你”这种第二人称



8、记录用户之前的操作


(1)显示用户的最近搜索记录



(2)已访问过的链接使用不同的颜色区分开来



(3)标示出哪些项目用户已经浏览过了



9、分析用户行为找到界面问题


要不断的迭代和提升界面设计,从以下策略开始。


(1)在适当的地方收集用户反馈



(2)为404错误增加警告框



(3)要识别出哪些页面是用户反复浏览的


如果一个页面被浏览多次(却只有很少的独立访客),那就就要仔细检查是不是有用户在反复的查看这个页面。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值