无论是在APP還是PC，无论是Loading页，還是在音乐播放软件中，时间轴的应用都十分普遍，方式也各种各样，令人目不暇接。作为一个人机交互初学者，新项目中也常常遇到时间轴设计方案，总会有许多疑虑在心里难以释怀：下边列举了3种普遍的时间轴款式，大家将融合这3种时间轴，一步一步整理，期待能够帮助大伙儿得到更为清楚的认知能力。
一、为何要有时间轴？
时间轴是比较通俗化的称呼，意味着的是与进展展现有关的內容，但并不限于“条型”。它普遍的存有于各种各样设计方案中。
从“进展”一词可以看出，“时间轴”这一视觉效果原素实际上是为了更好地让客户清楚的掌握当今情况。情况主要表现一般都是有一定的参考，另外存有规定值，假如单纯性的根据数据／文本表述，不便于客户了解，因此引进了图形界面的原素，也就是大家普遍的时间轴。
时间轴自身较为单一，可是当和情景融合起來，便会衍化出不一样的种类。不一样种类的时间轴设计方案总体目标，基本信息原素均不同样。
二、时间轴有什么种类？
时间轴的具体应用状况各种各样。有一些时间轴是即时转变的，有一些则是原地不动的。当放进具体的情景中，时间轴在情景中的含意就拥有进一步的拓展。融合应用情景，我将他们各自分成3种种类，分别是“过程型”时间轴，“过程型＋情况型”时间轴和“情况型”时间轴。下边将依照以下构思细腻详细介绍这3种时间轴。
1. “过程型”时间轴
一般为动态性，说明程序流程正忙碌一些作用
“过程型”时间轴十分普遍，也常常被大家谈及，像普遍的Loading时间轴、免费下载时间轴等均归属于此类。在前言的事例中，最左侧的时间轴便是典型性的事例。
在此类应用情景下，时间轴的设计方案总体目标能够梳理为下列二点：
1、协助客户确立程序流程已经干什么，是不是一切正常；
2、假如一定要让客户等候，那么就减轻她们等候时的焦虑情绪感；
这类应用情景具备3个明显特点：
1、“过程”定义十分显著，仅有将过程走完，才可以做到比较平稳的情况；
（比如仅有Loading完，才可以见到详细的网页页面；仅有扫描仪完，才可以得知详细的扫描结果 ）
2、一般都*须客户等候；
3、*须让后台进程在前台接待由此可见，协助客户明确当今进展；
1、向客户清晰地说明已经运作一个用时的过程；
2、向客户清晰地说明一切正常；
3、向客户清晰地说明过程还*须多久；
4、向客户出示一种撤消实际操作和修复系统控制的方法；
融合上边的设计方案总体目标、情景特点和时间轴每日任务，就可以对该类时间轴理应包括什么信息内容原素，拥有更加清晰的掌握。一个详细的“过程型”时间轴包括下列信息内容：
1、表明当今已经开展的过程，并展现基本信息（e.g.下载中，动画特效）
2、表明当今过程处在一切正常情况，并展现基本信息（e.g.网络速度）
3、表明过程开展到的水平，并展现剩下的时间（e.g.当今已下载占比，距进行还有多久）
4、出示强有关的实际操作（e.g.撤消，注册会员提高速率）
在具体情况下，并并不一定的“过程型”时间轴都具备所述4个层面的信息内容。时间轴的信息内容原素会遭受许多要素的危害，例如过程的時间长度，应用情景的前后文，新项目完成成本费等。这种不但会危害信息内容原素的有没有，另外还会继续危害各信息内容的优先。
2. “情况型”时间轴
一般为静态数据，说明当今所处情况
在绝大多数讲时间轴的文章内容中，“情况型”时间轴较少有些人谈及，但无论是在具体日常生活，還是互联网运营上都十分普遍。下面的图中的轿车时速表，便是典型性的“情况型”时间轴，方式上也摆脱了条型。
在此类应用情景下，时间轴的设计方案总体目标关键为二点：
1、协助客户确立当今情况；
2、为客户的事后管理决策出示充裕的适用；
这类应用情景具备3个明显特点：
1、“过程”定义被消弱，有一些乃至彻底沒有过程定义；
2、不用客户等候；
3、充足展现比较平稳的“当今情况”，*须让客户掌握基础情况，并根据此做出有关管理决策。
在前言的事例中，最右侧的时间轴则为“情况型”时间轴。
此类情景下的时间轴及基本信息*须进行下列每日任务：
1、向客户清晰地说明当今情况；
2、向客户清晰地说明关键的进展连接点；
3、向客户清楚地展现他很有可能*须的实际操作；
融合上边的设计方案总体目标、情景特点和时间轴每日任务，就可以更清楚的得到该类时间轴理应包括什么信息内容原素。一个详细的“过程型”时间轴包括下列信息内容：
1、表明当今的展现项及相匹配的情况，并展现基本信息；（e.g.腾讯电脑管家中的“容积”title）
2、若情况阶段性，即这一环节和下一阶段的情况有很大区别，则*须表明关键的转变连接点；（e.g.“汽车转速表”中的一切正常环节和标色环节）
3、出示强有关的实际操作（e.g.腾讯电脑管家中的“清除”）
在具体情况状况下，并并不一定的“情况型”时间轴都是有这3类信息内容，都*须联系实际的情景和前后文开展整理。比如，轿车时速表中就沒有情况的“关键连接点”，也不用“轿车时速表”的title，有关的加快、降速实际操作也是和时间轴及基本信息区别起来的。所述3条信息内容的有没有，信息内容的优先高矮，全是*须联系实际新项目实际分辨的。
3. “过程型＋情况型”时间轴
一部分融合“过程型”＋“情况型”的特性
该类时间轴比较独特，是接近“过程型＋情况型”中间的时间轴种类，比较普遍的事例便是声频&视频播放软件中的时间轴，前言事例中，正中间的时间轴则为此类。
它为什么有“过程型”的定义？
－应用情景中有显著的“过程”定义（e.g.音乐播放软件在线播放歌曲，过程完毕则音乐完毕）
它为什么有“情况型”的定义？
－不用客户等候，时间轴展现当今情况，这就是聆听音乐的全过程，全过程的实际意义更高；
－协助客户确立当今情况，为事后实际操作出示进一步的适用；（e.g.快放、上／下一曲）
在此类应用情景下，时间轴的设计方案总体目标综合性了“过程型”和“情况型”二种，关键为6点：
1、协助客户确立程序流程已经干什么，是不是一切正常；
2、协助客户确立当今情况；
3、为客户的事后管理决策出示充裕的适用；
这类时间轴的应用情景具备3个明显的特点：
1、有确立的过程定义，和時间关系密不可分；
2、时间轴并不是为了更好地减轻等候的焦虑情绪感，只是为了更好地展现当今情况，让客户作出有关管理决策；
3、比照进行情况，当今情况稍纵即逝，但实际意义更高，客户是在过程中&当今情况下完成自身的总体目标；
该类时间轴*须进行的每日任务以下：
1、向客户清晰地说明当今已经运作过程，过程是不是一切正常；
2、向客户清晰地说明当今情况、关键的进展连接点；
3、向客户清楚地展现很有可能*须的实际操作
“过程型＋情况型”时间轴的信息内容也是同所述每日任务息息相关。关键包含
1、情况类信息内容（e.g.当今播放视频歌曲歌词）
2、重要信息连接点（e.g.时间轴中的小白点意味着了音乐的高潮迭起一部分起止点）
3、有关实际操作（e.g.上一曲、下一曲）
一样，在具体情景中并并不是这3种信息内容都存有。“过程型”和“情况型”信息内容彼此之间保持着细微的均衡关联，二者的优先高矮也是伴随着应用情景的转变而转变。
三、时间轴的方式
有很多文章内容都是会时间轴的方式开展过细腻的剖析，此次也不做太多的叙述，关键小结一下普遍时间轴方式的类型：
从转变方法看来，关键分成2类：
1、偏静态数据时间轴
此类时间轴多用以“情况型”时间轴。但如今也是有许多作法在情况型时间轴出現时，在很短的時间内从0变到当今值，另外插进一些动画特效。但这全是在非常短的時间内进行，以后时间轴保持稳定。
2、偏动态性时间轴
此类时间轴多用以“过程型”时间轴和“过程型＋情况型”时间轴。大部分的作法是随着着全部过程，时间轴均会随着动画特效。
从基本形状看来，关键分成3类：
1、条型
2、环形
3、不规律型
根据基本形状＋动画特效的结合，时间轴的方式能够千姿百态，有无尽的充分发挥室内空间，也为时间轴的设计方案增加了许多 挑战性。
四、如何选择适合的时间轴？
根据上边的剖析，坚信大伙儿对这3种时间轴都是有了一定的掌握，尽管3者都是会牵涉到进展的展现，可是从实质上看，是归属于彻底不一样的3种种类。仅有根据真正的新项目情景，挑选适合的时间轴种类，才可以协助自身完成设计意图。
这一全过程关键有4个流程：
1、确立自身的设计意图
情景中假如*须应用时间轴，想清晰自身的设计意图是啥，是为了更好地协助客户更确立当今情况，并根据此做出管理决策呢？還是为了更好地协助在当今过程中缓解等候的焦虑情绪感？
2、根据设计意图采用适合的时间轴种类
融合自身的设计意图，明确3类时间轴中哪样更合适当今情景。另外，融合前文剖析，带到当今新项目开展深入分析，确立时间轴*须进行什么每日任务，展现什么信息内容。
3、明确信息内容原素的优先
在确立展现信息内容以后，进一步考虑到信息内容优先，什么最重要，什么不重要，对当今情景下的时间轴有更多方面的了解与思索。
4、选用适合的表达形式
时间轴的表达形式各种各样，但不管哪种方式都理应以前边的思索为前提条件，在这个基础以上，联系实际新项目特性，考虑到适合的基本形状＋动画特效，那样的时间轴设计方案才算是一个出色的设计方案。
之上全是本人有关时间轴的思索，期待能够沉定些有效的信息内容协助大伙儿，也热烈欢迎大伙儿一起讨论，共同进步，不断发展。
