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

2,356 阅读4分钟
原文链接: www.jianshu.com

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

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

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)要识别出哪些页面是用户反复浏览的

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


点击这里查看:125个优化网站可用性的小点子(上)

译自:http://www.nickkolenda.com/user-experience/#ux-category1