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

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

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

1、防止错误的可能性

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

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

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

125个优化网站可用性的小点子(下)_第1张图片

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

125个优化网站可用性的小点子(下)_第2张图片

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

125个优化网站可用性的小点子(下)_第3张图片

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

125个优化网站可用性的小点子(下)_第4张图片

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

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

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

125个优化网站可用性的小点子(下)_第5张图片

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

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

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

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

125个优化网站可用性的小点子(下)_第6张图片

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

125个优化网站可用性的小点子(下)_第7张图片

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

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

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

125个优化网站可用性的小点子(下)_第8张图片

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

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

125个优化网站可用性的小点子(下)_第9张图片

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

125个优化网站可用性的小点子(下)_第10张图片

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

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

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

125个优化网站可用性的小点子(下)_第11张图片

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

125个优化网站可用性的小点子(下)_第12张图片

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

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

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

125个优化网站可用性的小点子(下)_第13张图片

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

125个优化网站可用性的小点子(下)_第14张图片

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

125个优化网站可用性的小点子(下)_第15张图片

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

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

125个优化网站可用性的小点子(下)_第16张图片

7、提供有用的错误消息

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

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

125个优化网站可用性的小点子(下)_第17张图片

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

125个优化网站可用性的小点子(下)_第18张图片

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

125个优化网站可用性的小点子(下)_第19张图片


8、记录用户之前的操作

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

125个优化网站可用性的小点子(下)_第20张图片

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

125个优化网站可用性的小点子(下)_第21张图片

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

125个优化网站可用性的小点子(下)_第22张图片

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

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

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

125个优化网站可用性的小点子(下)_第23张图片

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

125个优化网站可用性的小点子(下)_第24张图片

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

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

125个优化网站可用性的小点子(下)_第25张图片

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

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

你可能感兴趣的:(125个优化网站可用性的小点子(下))