最近几个月参与设计和开发了两款数据类系统，自己主要负责界面交互，在设计过程中有总结一些经验，算是分享心得吧，第一次写文，嘻嘻~

一、区分信息层级，考虑用户阅读习惯

       数据类网站要展现的信息复杂，但大部分元素又是必不可少的，因此要多注意元素之间的相对重要性和考虑用户的阅读习惯及视觉焦点。当需要展现的信息内容较多且不可删减时，最好对信息进行优先级的划分，且分析用户的核心行为；并通过位置、大小、距离、内容形式、表现方法来建立信息层级；设计过程和结束都要不断审视页面视觉流，看看用户浏览是否顺畅。页面布局一定程度上可以操纵用户在页面上的注意力，完成对含义、顺序和交互发生点的传达。所以在设计页面时要注意保证完整展现各元素的同时，尽可能采用更好的方式引导用户阅读信息并获取所需内容。

区分信息层级的几点tip：

1.字体颜色大小

2.页面元素距离

3.页面元素展现形式

二.即时反馈

        数据型系统常常伴随着大量的数据和相对复杂的功能性操作，因此交互形式尽量简单直接，减少用户操作功能过程中形式与行为的添加，可用户的工作负荷降至最低，优化用户的产品体验。

       即时反馈的重要性体现对用户行为立即给出反应，比如用户进行了某项功能操作或者内部数据发生了变化，系统就应该及时进行反馈。

即时反馈几种交互场景：

1.表单填写反馈

用户在未填写表单或是表单填写错误的时系统都应及时作出反应。

、

2.搜索框输入反馈

      当用户在搜索框输入时，下拉列表会随着输入的关键词显示各类匹配项。（可参见Dribbble）

此外，还有实时搜索类型，即随着用户输入，实时显示搜索结果。（可参见百度）

3.操作结果反馈

用户进行某功能操作之后即时对操作结果给出反馈，比如操作成功失败或数据加载进度等。

三.风险预判

       在产品使用过程中或多或少会发生一些不可避免的操作错误，有些错误会给用户带来比较大的麻烦。如果提前告知和提醒用户某些行为所带来的风险，或者是对用户某些操作进行确认，能帮助用户预防错误，提升用户对产品的操控感，从而提高安全感。

风险预判几种交互场景：

1、更改或删除重要内容时再确认

例如在对重要数据内容进行删除操作的时候，可对用户操作进行再次确认，确保用户是真的需要删除该内容。

2、输入或设置结果时再确认

例如在用户注册时，设置密码时提示用户密码保护等级。

（上图摘自Ant Design,此为公司使用的前端框架）