组件

即时满足

人们喜欢立刻从他们的行为看到结果——这是人类的天性。人们在使用软件时希望能够快速获得成功的体验,或者在他们需要时获得及时的帮助。

编辑 #

在不离开页面时,满足用户对信息浏览编辑操作,就是在页面中直接编辑。不要为了编辑内容而打开另一个页面,应该直接在上下文中实现编辑。

页内编辑

  • 页内编辑最直接的形式,就是在页面的上下文中编辑。首先,用户不会离开页面,其次,就是在页面中直接编辑。页内编辑的优点是不脱离上下文。在编辑的同时不断参照页面中其余内容,对用户来说经常是必要的。
  • 如果易读性比易编辑性更重要,则应该在用户与内容交互时再给出编辑的提示。
文字链编辑示例
步骤1:可编辑行出现文字链;
步骤2:鼠标点击文字链后,出现输入框以及确认、取消按钮,同时光标定位在输入框中。
单击编辑示例
步骤1:默认浏览样式,无编辑和不可编辑状态;
步骤2:鼠标悬停,出现小手并出现Tolltips提示,示意可点击编辑;
步骤3:鼠标点击后,出现输入框以及确认、取消按钮,同时光标定位在输入框中。

表格编辑

表格形式首要考虑的还是外观的展现。编辑功能是次之。
表格编辑示例
步骤1:可编辑行出现文字链;
步骤2:点击“编辑”按钮,可编辑的行内出现输入框,点击保存按钮,编辑完成。

查询 #

用户在文本框中输入,每输入一个字符就应该显示一次反馈,给出相应的匹配内容,辅助用户快速查找到最合适的内容。

实时搜索

能够在输入查询条件的同时看到根据上下文实时显示的结果,对查找信息的用户是一种非常便捷的体验。帮助用户缩小查找范围,提示相应的搜索结果。
不确定分类示例
确定分类示例

悬停即现——易发现性 #

用户在文本框中输入,每输入一个字符就应该显示一次反馈,给出相应的匹配内容,辅助用户快速查找到最合适的内容。
  • 按用户需要逐次显示,其中一种方式就是当用户鼠标悬停于对象上方时显示相关操作。为了减少视觉干扰,可以将非主要操作先隐藏起来,而在需要时再显示。
  • 尽量使用熟悉的方式帮助用户发现隐藏的操作。显示的位置要统一,让用户能够准确的预测出下一个的位置。