设计时间轴我学会的四件事

移动开发 Android
你不得不承认,时间轴已经无处不在了。最典型的就是社交媒体了,像Facebook和人人网这样的SNS社区会将你的生活以时间轴的形式呈现出来,微博和Twitter也自不必说,同样以时间轴来排列信息

编者按:设计时间轴好象不是什么特别难的事儿。评判一个飞檐漂亮不漂亮很简单,但是要设计一幢大厦,就需要从每一片砖瓦开始了解,这也是设计与工程学相通的地方。设计时间轴也仿佛是信手拈来的事儿,可是有的时候要做好细节还真是会抓瞎。看看设计师Garron Engstrom在设计税务系统的时间轴的过程中,学得的四条经验吧。好象都是废话?品品看吧~

 

 

你不得不承认,时间轴已经无处不在了。最典型的就是社交媒体了,像Facebook和人人网这样的SNS社区会将你的生活以时间轴的形式呈现出来,微博和Twitter也自不必说,同样以时间轴来排列信息,而移动APP Path更是以时间轴而出名。时间轴不仅帮助用户梳理信息,更是用户交互的基础规则。

 

 

时间轴能处理的信息仅仅止于此么?我想不是。我想将时间轴运用在税务系统中。那么如何通过时间轴将税务系统中令人困惑的数据信息呈现出来呢?如何让人觉得放心,让用户能够轻松访问重要的财务信息呢?

 

 

我不知道。

 

 

我希望我说的是“对,我知道!就这么处理!”但是这么说确实为时过早。在我最近所参与设计的税务系统时间轴当中,我向用户提供了税务历史查询的功能。对于普通用户而言,他们在社交网络的时间轴上的交互经验会比较容易迁移过来。考虑到整个系统是刚刚投入使用,这种设计成功与否还有待观察。不过,不论如何,在设计工程中我还是学会了四件事情:

 

 

1、时间轴的设计并不需要那么旗帜鲜明

 

 

 

最令我惊奇的发现就是,在很多时候时间轴的设计并不需要设计地那么鲜明,没有必要让用户意识到这是一个时间轴。最传统最典型的时间轴是一条连续的水平线,代表不同时间/事件的点分布其上。我所设计的时间轴并非是水平的,而是垂直的,上面分布着不同的事件,每个事件可以被折叠和展开。***可以让你联想到时间轴的是每个事件的断点上所标注的时间。好在这种设计并没有打破用户对于时间轴的认知。

 

 

2、时间轴上的每个点都必须对应一个事件

 

 

 

这是显而易见的。在我们上历史课的时候就应该了解这个概念了,时间轴上每一个点必然代表一个重要的历史事件。但是当我们开始通过时间轴来呈现数据的时候,我们就需要考虑时间轴上的每个数据所代表的含义和事件了。所以,当你要呈现一个退税金额的数据的时候,与其关注于税金,不如重点呈现用户提交的金额、时间和对应的操作。延伸开来的话,你不仅要呈现的是完整的事件(时间、金额、操作),还可以将用户最关心的数据系统地展现出来,包括相关的支持性文档、订单详情、申请状态等等。(当然,你可以不用呈现全部完整信息,但是至少应该存在,让用户知道。)

 

 

3、不要一次展示出所有的东西

 

 

 

 

信息理当是逐步披露出来的。这也就是为什么我为每个税务事件加入折叠的功能。这一设计帮我完成了两件事情:

 

1)告诉用户他们最关心的事情又不会信息过载

 

2)告诉用户在其他的地方同样可以展开折叠看到更多的信息

 

4、让用户尽可能多地呈现数据(与3并不冲突)

 

在用户呈现信息的时候,是多展示好还是少展示合适?多展示一点吧。

 

上图就是我们的税务系统的时间轴。

 

 

 

 

税务系统是帮助用户管理数据的,使用时间轴可以让用户更系统地查看、管理他们的税务信息。在之前,我们的系统曾经碰到过这一状况:用户***年使用我们的系统,第二年可能是转投其他的税务管理系统,而第三年又重新使用回我们的税务系统。这样一来,在时间轴的展示上,会空缺出一整年的数据。在这种情况下,我们会给用户一个入口,让他们可以延期提交上一年的数据,这样就可以帮助他们更加系统地管理数据了,也可以借此赢得更多忠实用户。

 

 

除此之外,我们还需要考虑***次使用我们的系统的用户。的确,当他们刚刚加入的时候,没有任何数据可以填充时间轴,这个时候,我们做了两件事:

 

1)引导用户使用时间轴,并且告诉他们如何访问/管理前一年的数据

 

2)如果他们不小心生成了额外的账户,告诉他们如何处理和规避这一点

 

 

时间轴是双向的,我们不仅可以让用户管理未来的数据,也应该引导他们管理过去的信息。

 

 

结语

 

以上就是我在这次的设计改版中所学到的经验,随着报税季的到来,我们的税务系统迎来的更多的用户,时间轴的设计也需要根据用户的需求逐渐地添加更多的功能。比如我们刚刚添加了时间轴刷新功能,截至目前,反馈信息都很棒!

 

本文链接:http://www.cocoachina.com/gamedev/misc/2014/0815/9391.html

责任编辑:chenqingxiang 来源: cocoachina
相关推荐

2020-05-08 15:30:42

PostgreSQL数据库数据

2019-04-16 12:53:57

2023-10-17 12:51:00

边缘计算云计算

2011-04-12 09:48:03

2023-05-31 18:58:16

得物人事系统时间轴

2013-08-02 10:20:03

android时间轴

2021-11-14 07:33:35

网络安全

2012-07-22 15:22:17

加班

2021-12-03 11:32:35

Go框架 API

2022-10-21 14:01:35

边缘计算IT数据中心

2015-04-09 09:53:08

CA TechnoloDevOps

2023-06-19 11:29:30

2013-06-18 11:05:40

Mac Pro开发工具苹果

2020-09-21 06:50:29

勒索软件攻击网络安全

2020-05-25 14:58:36

程序员自动化编码

2015-11-09 15:42:28

2014-09-05 13:37:29

程序员

2009-07-17 14:02:20

程序员编程效率

2016-06-02 10:39:29

数据分析数据管理数据处理

2020-11-05 10:33:01

开发代码技术
点赞
收藏

51CTO技术栈公众号