UI设计学习技巧—时间显示的设计技巧

“时间”作为人机界面中经常出现的元素，本质上是传达时间维度的信息。但我们在使用一些互联网产品时，通常会发现“时间”在不同的场景和页面中的显示状态或形式往往是不一样的。是出于什么考虑？今天我们就来谈谈如何在产品设计中把握好“时间”展示的诀窍，让它在页面中发挥最大的作用。

“时间”要素的分类

根据页面中“时间”元素的场景和功能，大致可以分为以下几类:

A.事件的关键构成要素

作为描述整个事件的重要一环，时间的缺失会对原本要传达的内容产生严重影响，从而影响用户的预期和结果。比如用户可能无法以更低的价格完成商品的购买，或者错过了产品上市的时间。

B.行为的时间戳

是指用户本人作为行为主体或行为接受者，在一个动作发生后所标注的时间戳，比如“我”购买商品、下单或收到邮件的时间。

C.内容的附属信息

当用户使用产品进行内容消费时，时间作为该条内容的附属信息，起到补充的作用，比如短视频或新闻的发布时间。

“时间”的表达和应用技巧

在讨论“时间”元素的设计之前，让我们先就一些关于时间的理解和概念达成一致。时间可以分为“时间点”和“时间段”两个维度，类似于我们高中物理所学的“时间”和“时间间隔”的概念。

以会议为例:“下午4:30会议开始”、“下午6:00会议结束”描述事件的起止时间点，而“整个会议持续1.5小时”、“会议时间为下午4:30-6:00”描述事件过程的时间段；但是，我们也可以在会议开始时说“会议将在1.5小时后结束”。

通过上面的例子，我们也可以描述一件事情，在不同的时间点和时间段表达，意义相同但情绪不同，两者有如下“转换”关系:

1)时间段加属性会变成时间点(但也是时间点。“下午6:00”是绝对时间，而“1.5小时后”是相对时间，正好对应我们设计时的两种时间戳类型)；

2)时间段显示在两个时间点之间。

所以我们平时表达或者设计的时候，首先要想清楚，用“时间”是不是为了重点表达一个事件或者动作的即时时间节点？还是要描述一下它的持续时间？之后我们会针对不同的语境选择合适的文案和呈现方式。