Appearance
系统反馈即时
重点
包含 Ant Design 的设计原则有:『 简化交互 』『 巧用过渡 』『 即时反应 』。
「系统反馈及时」的重要性体现在 交互之后 立即给出反馈。就像「牛顿第三定律」所描述作用力和反作用一样,用户进行了操作或者内部数据发生了变化,系统就应该立即有一个对应的反馈,同时输入量级越大、重要性越高,那么反馈量级越大、重要性越高。
- 实时反馈
虽然反馈太多(准确的说,错误的反馈太多)是一个问题,但是反馈太少甚至没有反馈的系统,则让人感觉迟钝和笨拙,用户体验更差。
牛顿第三定律 :当两个物体互相作用时,彼此施加于对方的力,其大小相等、方向相反。——摘自《维基百科》
- 实时预览:根据用户的输入,提供关于密码强度和有效性的实时反馈提示。

- 文字链热区:当悬浮在 ID 所在的文字链单元格时,鼠标「指针」随即变为「手型」,单击即可跳转。

- 过渡反馈
人脑灰质(Gray Matter)会对动态的事物(eg:移动、形变、色变等)保持敏感。在界面中,适当的加入一些过渡效果,能让界面保持生动,同时也能增强用户和界面的沟通。
Adding: 新加入的信息元素应被告知如何使用,从页面转变的信息元素需被重新识别。
Receding: 与当前页无关的信息元素应采用适当方式移除。
Normal: 指那些从转场开始到结束都没有发生变化的信息元素。
- 表格加载:网络不好或者表格数据过多,都有可能导致加载缓慢,这时有一个小动画可以缓解用户的焦虑感。

- 富列表加载:用户在打开列表时,页面无法做到一次性加载所有的数据,同时有为了减少翻页的繁琐操作,就有了下拉自动加载的。

- 页面加载:当用户访问的页面体量过大时,系统会通过给出倒计时或完成百分比,来缓解用户焦虑,并且给用户友好可控的感觉。

- 滑入与滑出:可以有效构建虚拟空间。

- 折叠窗口:在视图切换时,有助于保持上下文,同时也能拓展虚拟空间。

- 对象增加:在列表/表格中,新增了一个对象。

- 对象删除:在列表/表格中,删除了一个对象。

- 对象更改:在列表/表格中,更改了一个对象。
- 状态一:用户更改了「详情」中的值;
- 状态二:用户点击「保存」后,详情所在的网格出现「黄底」,表明该对象发生了更改;
- 状态三:底色持续几秒后,恢复正常。

- 对象呼出:点击页面中元素,呼出一个新对象。

- 结果反馈
用户常常会疑惑自己的操作是否成功了,哪怕是失败了也是需要系统反馈,这样才能安心进行下一步的操作。
- 页面反馈结果:

- 气泡反馈结果:
