背??景“时间”作为人机交互界面中经常出现的元素，本质上是在时间维度上传递信息。但是，我们在使用一些互联网产品的时候，常常会发现，在不同的场景、不同的页面中，“时间”的显示状态或者表现形式往往是不一样的。这是什么原因？今天我们就来聊一聊，如何在产品设计中把握“时间”展示的诀窍，让它在页面中发挥最大的作用。“时间”元素的分类根据“时间”元素在页面中的出现场景和作用，大致可以分为以下几类：A.事件的关键组件。时间是描述整个事件的重要部分。最终会对原本要传达的内容产生严重的影响，进而影响用户的期望和结果。例如，用户可能无法以较低的价格完成产品购买，或者错过了产品发布的时间。B、行为的时间戳是指用户本人作为行为的主体或行为的接受者，在某个动作发生后，给他打上的时间戳，比如“我”放置一个订购产品或收到电子邮件。时间。C.内容的辅助信息用户使用产品消费内容时，时间作为内容的辅助信息，起到补充说明的作用，比如一个短视频或新闻的发布时间。在上述案例中，我们会发现“时间”在相应的场景中扮演着不同的角色，用户在使用产品时往往对时间的关注程度不同。因此，我们在进行页面设计时，需要根据具体的场景和用户需求来判断“时间”这个元素的重要性和优先级。通常：时间是事件的关键构成>行为的时间标记>内容的辅助信息，然后再想想要用什么样的设计形式来展示来达到我们的目的。“时间”的呈现方式和运用技巧在讨论“时间”元素的设计之前，我们先就时间的一些理解和概念达成共识。时间可以分为“时间点”和“时间段”两个维度，类似于我们在高中物理中学到的“时刻”和“时间间隔”的概念。以会议为例：“会议于下午4:30开始”和“会议于下午6:00结束”描述了活动开始和结束的时间点，而“整个会议持续1.5小时”和“themeetingtimeis4:30pm-6:00”描述事件进程的时间段；但是，我们也可以在会议开始时说“会议将在1.5小时后结束”。通过上面的例子，我们可以发现，同一事物被描述，在不同的时间点和时间段表达，意思相同却传达出不同的情感，两者之间存在一种“转换”关系：时间段加定语会变成一个时间点（但也是一个时间点，“下午6:00”是绝对时间，“1.5小时后”是相对时间，刚好对应我们设计的两种时间戳);表示两个时间点之间的时间段。所以，我们平时在表达或者设计的时候，首先要想清楚，我们是不是用“时间”来重点表达一个事件或者动作的即时时间节点？或者描述持续的时间过程？然后我们会针对不同的语境来选择合适的文案和呈现方式。时间的呈现离不开：时间戳类型、时间显示格式、时间粒度。其中，时间粒度是指描述时间的最小单位。往往粒度越细，传递给用户的确定感越强（比如转账时间是12日15:15:20），对用户的激励效果越明显（比如只有距离抢购结束还有00:01:23.6秒）。1、绝对时间戳绝对时间可以理解为事情发生的准确时间，由具体的日期（年、月、日）和时间（时、分、秒）组成。使用绝对时间戳的好处是信息传达准确，看起来正式，给人一种确定感和安全感。同时，排列有规律，容易形成认知习惯；但缺点是内容展示过长，不利于阅读，占用空间大。在时间显示格式的选择上，为避免混淆，建议使用文本格式或“-”分隔符分隔日期，而“/”分隔符在不同国家有不同的显示顺序习惯，容易造成误解并且应该尽量少用。时间粒度的选择视情况而定。一般场景概括如下：2.相对时间戳产品设计领域的相对时间通常是指内容生产、到达或状态发生变化时与当前时间点的时间差。对于推送通知和信息流类产品，强调内容的时效性；而“倒计时”也是一种相对时间，着重营造一种紧迫感。使用相对时间戳的好处是用户识别和理解的成本低，不需要用计算来判断时间过去了多少，还剩多久；缺点是不够精确和正式，很难衡量两个时间点的远近。使用相对时间时，注意格式友好。时间单位可以随着时间的推移自动改变；数量不宜太多，尽量四舍五入为整数；并且可以设置其与绝对时间转换的临界点。综上所述，在设计界面中的“时间”元素时，需要遵循场景贴合、易读易懂的总体原则；之后，根据场景和目标，选择合适的“时间”呈现方式（包括时间戳类型、时间显示格式、时间粒度）。时间作为“A.事件的关键组成部分”时，一般采用绝对时间，要看是强调某个关键时间节点，还是表达整个连续过程。此外，选择与场景关联的文案或采用倒计时（相对时间）的形式，都可以在一定程度上促使用户更加关注，增加对信息的关注度，达到特殊的激励和转化效果。当时间作为“B.行为的时间标记”时，场景通常是为了追求确定感。通过提供准确的时间和日期，方便用户定位和回顾过去或未来某个时间点（片段）对应的内容。所以大多采用绝对时间，时间粒度视具体情况而定。当时间作为“C.内容的附属信息”时，如果设计的产品提供内容更新快，用户活跃度高，此时内容时间信息的准确性就不是那么重要了，更侧重于内容的时效性content，那么通常使用相对时间。一些信息流类产品（如新闻资讯、社区）会在列表页使用相对时间，在详情页使用绝对时间。时间粒度也视情况而定；并且随着时间的推移，在某个时间节点之前将相对时间转换为绝对时间。
