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

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

2、监控错误中的典型信号
在你的界面中什么是常规(普遍)性的错误?要识别出这些错误的固有信号,然后在这些信号出现时监听是否发送了错误。
(1)搜索那些与用户意图矛盾的措辞

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

3、区分开重要功能,将可能的误操作降到最少
用户在浏览过程中是会失去注意焦点的,你也不可能阻止这种事情。不过,你应该考虑在视觉上将那些重要的功能区分开来,以避免用户操作后带来严重的后果。
(1)使用合适的空间或颜色将重要的功能分离开来

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

4、提供简单的恢复方法或安全选项
总是让用户能够选择回到前一个页面或安全/可识别的区域。
(1)使用撤销而不是确认

(2)在所有页面和功能上提供一个安全选项(出口)
例如,有些下拉列表的菜单项没有提供安全选项,用户点击了一个选项后,就不能再退回到空选项状态。

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

5、最小化用户离开序列事件时带来的负面影响
用户应该能够恢复到序列的同一个位置并保持相同的数据不变。
(1)保存用户输入的数据

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

6、扩展可移动路径和可点击区域
用户是不完美的,他们可能在使用光标时犯错,你要让你的界面足够灵活。
(1)给小按钮添加一个透明的边框

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

(3)将菜单选项的整个区域都作为热区
文章源自 设计联盟 www.DesignLinks.cn 中国最具影响力的创意设计综合网站