时刻轴ui交互规划好象不是啥格外难的事儿。评判一个飞檐美丽不美丽很简单，可是要规划一幢大厦，就需要从每一片砖瓦开端了解，这也是规划与工程学 相通的当地。规划时刻轴也仿佛是信手拈来的事儿，可是有的时分要做好细节还真是会抓准。看看规划师Garron Engstrom在规划税务体系的时刻轴的过程中，学得的四条经历吧。好象都是废话？

 

　　你不得不供认，时刻轴现已无处不在了。最典型的即是交际媒体了，像Facebook和人人网这么的SNS社区会将你的日子以时刻轴的方式出现出来，微博和Twitter也自不必说，同样以时刻轴来摆放信息，而移动APP Path更是以时刻轴而出名。时刻轴不只协助用户整理信息，更是用户交互的根底规则。

 

　　时刻轴能处理的信息只是止于此么？我想不是。我想将时刻轴运用在税务体系中。那么怎么经过时刻轴将税务体系中令人困惑的数据信息出现出来呢？怎么让人觉得定心，让用户能够轻松拜访主要的财政信息呢？

 

　　我期望我说的是“对，我知道！就这么处理！”可是这么说确实为时过早。在我近来所参加规划的税务体系时刻轴傍边，我向用户提供了税务前史查询的 功用。关于普通用户而言，他们在交际网络的时刻轴上的交互经历会对比容易迁移过来。思考到整个体系是刚刚投入运用，这种规划成功与否还有待调查。不过，不 论怎么，在规划工程中我仍是学会了四件工作：

 

　　1、时刻轴的规划并不需要那么旗帜明显

 

　　细节见真章！规划时刻轴我学会的四件事

 

　　最令我惊讶的发现即是，在许多时分时刻轴的规划并不需要规划地那么明显，没有必要让用户意识到这是一个时刻轴。最传统最典型的时刻轴是一条接连 的水平线，代表不一样时刻/工作的点散布其上。我所规划的时刻轴并非是水平的，而是笔直的，上面散布着不一样的工作，每个工作能够被折叠和打开。仅有能够让你 联想到时刻轴的是每个工作的断点上所标示的时刻。好在这种规划并没有打破用户关于时刻轴的认知。

 

　　2、时刻轴上的每个点都必须对应一个工作

 

　　UI设计训练

 

　　这是显而易见的。在咱们上前史课的时分就应当了解这个概念了，时刻轴上每一个点必定代表一个主要的前史工作。可是当咱们开端经过时刻轴来出现数 据的时分，咱们就需要思考时刻轴上的每个数据所代表的意义和工作了。所以，当你要出现一个退税金额的数据的时分，与其重视于税金，不如要点出现用户提交的 金额、时刻和对应的操作。延伸开来的话，你不只要出现的是完好的工作（时刻、金额、操作），还能够将用户最关怀的数据体系地展现出来，包括有关的支撑性文 档、订单概况、请求情况等等。（当然，你能够不必出现全部完好信息，可是至少应当存在，让用户知道。）

 

　　3、不要一次展现出一切的东西

 

　　UI设计训练

 

　　信息理当是逐渐披露出来的。这也即是为啥我为每个税务工作参加折叠的功用。这一规划帮我完成了两件工作：

 

　　通知用户他们最关怀的工作又不会信息过载

 

　　通知用户在别的的当地同样能够打开折叠看到更多的信息

 

　　4、让用户尽可能多地出现数据（与3并不冲突）

 

　　在用户出现信息的时分，是多展现好仍是少展现适宜？多展现一点吧。

 

　　UI设计训练

 

　　上图即是咱们的税务体系的时刻轴。

 

　　税务体系是协助用户办理数据的，运用时刻轴能够让用户更体系地查看、办理他们的税务信息。在之前，咱们的体系从前碰到过这一情况：用户第一年使 用咱们的体系，第二年可能是转投别的的税务办理体系，而第三年又从头运用回咱们的税务体系。这么一来，在时刻轴的展现上，会空缺出一全年的数据。在这种情 况下，咱们会给用户一个进口，让他们能够延期提交上一年的数据，这么就能够协助他们愈加体系地办理数据了，也能够借此赢得更多忠诚用户。

 

　　除此之外，咱们还需要思考首次运用咱们的体系的用户。确实，当他们刚刚参加的时分，没有任何数据能够填充时刻轴，这个时分，咱们做了两件事：

 

　　引导用户运用时刻轴，而且通知他们怎么拜访/办理前一年的数据

 

　　假如他们不小心生成了额定的账户，通知他们怎么处理和躲避这一点

 

　　时刻轴是双向的，咱们不只能够让用户办理将来的数据，也应当引导他们办理过去的信息。

 

　　结语

 

　　以上即是我在这次的规划改版中所学到的经历，跟着报税季的到来，咱们的税务体系迎来的更多的用户，时刻轴的规划也需要依据用户的需要逐渐地增加更多的功用。比方咱们刚刚增加了时刻轴改写功用，到现在，反应信息都很棒！