时间格式的设计

在最近做的一个项目中,涉及到列表的时间设计,竟然发现一个看似简单的细节竟然也需要精心琢磨;
当前主流的显示方式有两种:一种是“X年X月X日 X分X秒”精确显示的;另一种是“XX秒/分/天/月/年前”.
 weibo2
我们可以看对比以下两种场景:
  • 场景一:
当前时间:3:00pm
小明:他什么时候打电话过来的?
小王:10分钟前(2:50pm);
  • 场景二:
当前时间:3:00pm
小明:他什么时候打电话过来的?
小王:上午十点(7小时前);
这两种场景都是现实生活中经常发生的,人们并没有留意自己为什么会这么回答,而不像括号里那样回答。我认为(找了好久都没有找到相关的学术文献证明…)可能在一段时间内(比如1小时),人们可以很轻易地感知和记忆这段时间发生的事,超过这个阀值,则显得吃力。因此,在1小时内,你告诉我具体时间还不如XX分钟前来的直观,更容易接受。但如果超过1个小时,则难以回忆起具体是什么时候,需要先确定现在是几点,再进行换算。
当然,显示“XX分钟前”还有个特点,就是相对精确的时刻来说,它既告诉用户“事件在何时发生”,又能告诉用户“事件发生时距离用户多久”。
我认为,最好不要统一用某一中格式,需要灵活搭配。在各大常见网站中,我发现新浪微博的时间设计最符合我的想法。
  •     小于1h时:【32分钟前】;
  •     同一天:【今天 12:11】——超过1小时后,“xx分钟前”就不足以让用户准确感知具体时间了,因此使用具体的分-秒会更具适合;比如现在是13:21,就很容易感知8:21是什么时候,比5小时前更清晰;
  •     大于一天小于一年:【2月3日 21:53】——超过一天后,日期会逐渐变得重要起来,因此,需要开始加入日期;
  •     大于一年:【2014年2月3日 21:53】——时间超过一年后,年份变得重要,而具体分-秒则变得不重要了,因此,显示年月日最适合。
    另外,当鼠标移至时间上时,会出现最精确的时间。如下图所示:
 weibo5
最后,虽然我十分同意细节影响体验,但作为交互设计师,我们更不能忘了大局,这样的细节改进从技术层面来说,需要更大的工作量,因此,如果团队时间紧迫,它的优先级是可以放到后面的,不必死扣。

在 “时间格式的设计” 上有 4 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注