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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一:控制用户的焦点和注意力 1、强调用户界面的着眼点 每个界面都应该有一个清晰的着眼点,即用户应该在第一眼就看到的...
    三达不留点gpj阅读 3,712评论 6 51
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 178,328评论 25 709
  • 吃货地图产品需求文档 V1.0-2015/03/30 1概述 1.1产品概述及目标 概述:“吃货地图”是一款基于i...
    michaelshan阅读 5,975评论 1 46
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,454评论 19 139
  • 鸽子先生和他是好朋友,鸽子先生很爱抽烟,也很爱一个女孩。 那时候还在读书,鸽子先生申请和饮水机成为同桌,为全班同学...
    半个侧脸阅读 368评论 0 0

友情链接更多精彩内容