关于聊天信息列表栏的时间显示

近期在做一个产品时,要设计一个类似微信的聊天功能。其中最外层的是一个信息列表界面。而在列表中的每一栏,通常都会有显示最近一条信息的大致时间。具体到这个时间的显示规则时,只记得有显示今天、具体日期等不同的规则,对于具体的细节之前没有关注过。

相对于直接去看微信的具体做法,然后参考或照搬过来的做法,先独立想出规则,然后对照着微信的做法,再反思、比较,应该是更好的做法,所以自己就先考虑了一遍这个问题。

先看一下时间出现的场景

在信息栏显示,内容的主题是头像、用户名和最近的消息,时间是更次一级的信息。这里不是详细的时间展示,只是一个大概的、快速的展示。

提炼出来即是:

不主动吸引用户注意力

大概的,不用很精确

快速的,要能够扫一眼即明白,十分易于理解

再来看一下可供使用的时间显示格式都有哪些

2016年1月15日

16年1月15日

1月15日

2015/1/15

15/1/15

2015-1-15

15-1-15

周一

今天

昨天

前天

上午 10:01

下午3:05

15:30

这里面又有一些小细节的选择。

1,要不要显示年份?

在查看信息时,用户心里已经是把今年作为一个默认信息的。具体在用户的理解过程中,是会将日期自动和默认的年份组合到一起,形成时间信息的。所以如果日期是今年,则没有必要显示。而日期如果去年、前年等,因为和用户心里的默认年份不同,则需要显示出来。(这个地方有些疑惑。我们在讨论今年的、和现在有一定距离的时间时,貌似都会说到今年,如“我是今年5月份到的深圳”,而不是“我是5月份到的深圳”,至少前者会说的更多一些。但是在说未来的日期时,又通常不会提及年份。)

2,在今天,是显示今天的日期,还是文字“今天”?

加入今天的具体日期时1月15日。

如果显示的是“1月15日”,用户的理解过程是:获取日期“1月15日”的信息,回忆或查看今天是多少号,获取该日期和今天日期的相对关系。然后通过这种相对关系得到对该日期的直观认识。也就是说,当获取日期信息时,并没有对于该日期的直观认识,而是要靠和今天的关系来认识。而如果显示的是“今天”,则不需要借助这种相对关系,直接就会得到直观的认识。即,“今天”的转化过程更短、更快捷,更易于理解。

那么“昨天”呢?“前天”和“大前天”呢?

这可能更像是一个凭感觉的判断。关于昨天的日期信息,其他的显示形式,到最后还是会转化成“昨天”,才能被人们所理解。假定今天是1月15日。别人告诉你:“我1月14日买了一双鞋”。你的思维过程是,今天是1月15日,14日就是昨天,你可能就会回复说:“哦,是昨天买的啊”。所以,文字“昨天”也是更直观的表现形式。

而“前天”这样的感觉会弱一些,“大前天”更弱。

还有另外一点需要注意:现在人们的时间,除了以月为周期,还是以星期为周期的。我们对于一个日期的定位,还会以星期为基准;换句话说,我们对于一个日期的直观认识,除了以今天作为基准,还会以这个星期作为基准;当然,时间跨度更大时,还会以月份、年份作为基准。

假定今天是1月15日星期五,则1月13日的更直观更易于理解的表达方式,要在“前天”和“本周三”中选出。“前天”的具体理解过程是“昨天再往前一天”,思维有两步动作;“周三”的理解过程是,“今天是周五(获得对星期的直观认识),根据周五获得对周三的直观认知”,也是两步思维动作。两种表达方式在直观性上差别不大。但”周三“传达的信息更准确一些,而”前天“理解起来会稍显模糊。所以,个人倾向于使用”周三“的表达形式。

而”大前天“比”前天“又多了一步思维动作,更模糊;周二则仍然是两步思维动作,仍然较清晰。所以,选择周二的形式。

再往前推一天,则没有所谓”大大前天“的表达方式,自然也就选择”周一“的形式了。

那么,”周几“的形式,和”几月几号“的形式的交叉点在哪里呢?或者说,什么时候用”几月几号“的形式呢?

这确实是一个更看感觉的判断,而不是理性的分析。

从感觉上讲,”周几“和”几月几号“的优劣交叉点在上周一这个点上。上周一往后,用”周几“或”上周几“的形式更直观、易于理解;而在”上周一“之前的时间上,”上上周几“表现形式的直观性下降了一个量级,不如采用”几月几号“的形式。

3,接下来,还有一个问题:要不要显示分钟?

这里需要先明白一点。人们对于时间的感觉,越往前是越模糊的,越靠近当前时间越清晰。这就像是透视图,越是远的景物越小,越是,近的景物越大。今天的时间有必要显示分钟,而昨天的时间,显示分钟的必要性就会弱一个量级。前天的时间,则没有必要显示了。当然,这是在大概的、快速的展示时间的场景下的分析,其他场景下,则需要重新考虑。

4,具体到今天的时间显示形式,是采用24小时形式,还是上午、下午的形式?

当看到16:03的时间时,具体的理解过程中,还是会先转化成下午4:03,才能够理解。所以,下午4:03是更直观的方式。

更进一步,如果是上午1:03呢?具体的理解过程是,先转化成凌晨1:03,才能够理解。也就是说,在凌晨1:03这个时间上,”上午1:03“不是最直观的显示形式,”凌晨1:03“才是。人们对于上午的默认理解,是上午7:00到上午12:00这个时间段。实际上,上午1:03不仅不够直观,还会有误导的嫌疑。看到上午,默认把时间段放在大约上午7:00到12:00的范围内,看到1:03时才又把时间纠正回凌晨的时间段。

按照这个思路,最直观的形式,不是把一天简单的分成上午和下午两个时间段,而应该是分成凌晨(0:00-6:59)、上午(7:00-12:00)、中午(12:01-1:00)、下午(1:00-6:59)、晚上(7:00-12:00)。

关于时间的表现形式讨论完了,这里有必要再简单说下涉及到的一点分析方法。

当判断时间的这些表现形式时,这里采用的方法是分析人们细微的理解过程。不仅是这个地方,其他很多地方,可能都要深入到细微的过程当中,把这些过程放大,然后一点点体会,才能得出判断。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,406评论 6 503
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,732评论 3 393
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,711评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,380评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,432评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,301评论 1 301
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,145评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,008评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,443评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,649评论 3 334
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,795评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,501评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,119评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,731评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,865评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,899评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,724评论 2 354

推荐阅读更多精彩内容