由于工作的需要前段時(shí)間調(diào)研了下微信朋友圈以及會(huì)話頁(yè)面時(shí)間顯示規(guī)則幢踏，總結(jié)分享給大家略号。

一抹沪、概述

常規(guī)方式同一個(gè)app不同平臺(tái)時(shí)間顯示規(guī)則應(yīng)該是一樣的摇展，但是細(xì)心的同學(xué)會(huì)發(fā)現(xiàn)微信出乎意料的用了兩種顯示規(guī)則吻氧。也可以看出微信兩端是由多個(gè)且不同產(chǎn)品經(jīng)理設(shè)計(jì)的（這是廢話），所以這次主要調(diào)研的是微信app客戶端的安卓和iOS平臺(tái)吗购，系統(tǒng)版本為v7.0.3医男。

二、常規(guī)顯示規(guī)則

先來說說常規(guī)app應(yīng)用是怎么顯示時(shí)間的捻勉。一般區(qū)分前后端镀梭，主要分為兩種呈現(xiàn)方式。

第一種是后端直接設(shè)計(jì)時(shí)間顯示規(guī)則踱启，前端直接顯示报账。這樣做優(yōu)點(diǎn)就可以統(tǒng)一多個(gè)平臺(tái)顯示規(guī)則，而且靈活埠偿。后期需要修改顯示規(guī)則只需要后段修改一下即可保證前段app顯示規(guī)則的同時(shí)調(diào)整透罢，不需要發(fā)布應(yīng)用包，但同時(shí)缺點(diǎn)對(duì)后端的壓力也大冠蒋。

第二種是后端提供時(shí)間字段羽圃，由前端設(shè)計(jì)顯示規(guī)則。這樣做優(yōu)點(diǎn)可以讓多個(gè)平臺(tái)顯示不同的規(guī)則抖剿，同時(shí)也減少了后端的壓力朽寞，但也有缺點(diǎn)识窿，不夠靈活后期修改需要發(fā)布應(yīng)用包。微信用的就是第二種脑融。當(dāng)然時(shí)間顯示規(guī)則設(shè)計(jì)后一般改動(dòng)的幾率會(huì)比較小喻频，除非有錯(cuò)誤或者影響到了用戶的體驗(yàn)。

今天介紹的主要是會(huì)話模塊和朋友圈模塊的顯示規(guī)則肘迎。會(huì)話模塊指的是微信的第一個(gè)主頁(yè)聊天頁(yè)面甥温，會(huì)話模塊主要分為兩處的時(shí)間顯示，會(huì)話列表和聊天界面妓布。

相對(duì)的朋友圈模塊指的是與朋友圈相關(guān)的頁(yè)面的時(shí)間顯示姻蚓。主要是“發(fā)現(xiàn)”下面的朋友圈頁(yè)面、未讀消息頁(yè)面秋茫、詳情頁(yè)面史简、評(píng)論回復(fù)以及相冊(cè)頁(yè)面。

三肛著、模塊介紹

1圆兵、會(huì)話模塊

首先會(huì)話模塊指的就是聊天那個(gè)模塊，我們主要調(diào)研了其兩處的時(shí)間顯示規(guī)則枢贿。

（1）會(huì)話列表

由于系統(tǒng)可以設(shè)置時(shí)間為24小時(shí)制和12小時(shí)制殉农，且微信對(duì)這兩種情況都做了調(diào)整，所以我將細(xì)分為24小時(shí)制和12小時(shí)制的規(guī)則局荚。并且每個(gè)頁(yè)面對(duì)比iOS和Android系統(tǒng)進(jìn)行對(duì)比超凳。

從調(diào)研結(jié)果來看，iOS的會(huì)話列表顯示時(shí)間24時(shí)制時(shí)主要是展示最新一條消息的時(shí)間耀态，如果沒收到消息了轮傍，當(dāng)天直接顯示“時(shí)分”，而大于今天小于等于昨天直接顯示“昨天”首装，當(dāng)大于昨天而小于等于一周時(shí)則顯示“星期幾”（一周是從接收最后一條消息開始算的）创夜，當(dāng)大于一周后直接顯示“年月日”。

12時(shí)制時(shí)仙逻，需要區(qū)分“時(shí)段”驰吓，0點(diǎn)到6點(diǎn)時(shí)為“凌晨”，6點(diǎn)到12點(diǎn)時(shí)為“上午”系奉，12點(diǎn)到24點(diǎn)時(shí)為“下午”檬贰。需要對(duì)每一天的時(shí)間進(jìn)行劃分時(shí)段顯示，例如上午8:12缺亮，其他跟24時(shí)制的沒什么區(qū)別翁涤。

對(duì)比Android系統(tǒng)，當(dāng)設(shè)置為24小時(shí)制時(shí)跟 iOS的24時(shí)制沒有太多區(qū)別，唯一不同是iOS大于昨天而小于一周迷雪，這里的一周是從最后一條消息顯示的時(shí)間開始計(jì)算環(huán)繞一周的限书，而安卓的大于昨天小于本周虫蝶，這里的“本周”是從周一0:00開始算到周日的23:59分結(jié)束的章咧，所以有本質(zhì)的區(qū)別。相比12小時(shí)制能真，安卓的更加細(xì)分“時(shí)段”赁严，把0點(diǎn)到6點(diǎn)為“凌晨”，6點(diǎn)到12點(diǎn)為“上午”粉铐，12點(diǎn)到14點(diǎn)為“中午”疼约，14點(diǎn)到18點(diǎn)為“下午”，18點(diǎn)到24點(diǎn)為“晚上”蝙泼，“本周”和24時(shí)制的相同有區(qū)別與iOS程剥，其他并沒有太大差異。

（2）聊天頁(yè)面

即和好友對(duì)話的頁(yè)面汤踏，往往這個(gè)頁(yè)面需要顯示更詳細(xì)的時(shí)間织鲸。這個(gè)時(shí)間不是每一條消息都去統(tǒng)計(jì)，因?yàn)樵诳焖倭奶鞎r(shí)統(tǒng)計(jì)每條消息的時(shí)間是沒有多大意義的溪胶，所以在iOS平臺(tái)每隔五分鐘會(huì)統(tǒng)計(jì)一次搂擦。即當(dāng)兩人在不間斷的聊天時(shí)，iOS每隔五分鐘記錄一次時(shí)間哗脖。其他就不展開細(xì)說了瀑踢，詳看表格。

對(duì)比Android系統(tǒng),有些奇特的是在連續(xù)群聊或者私聊的時(shí)候才避，并不能知道他隔多長(zhǎng)時(shí)間統(tǒng)計(jì)一次橱夭，毫無規(guī)律可言。

2桑逝、朋友圈模塊

朋友圈模塊指的是發(fā)現(xiàn)模塊下的朋友圈模塊棘劣。主要跟朋友圈相關(guān)的頁(yè)面的時(shí)間規(guī)則，其中包括朋友圈頁(yè)面肢娘、詳細(xì)頁(yè)面呈础、相冊(cè)頁(yè)面、評(píng)論/回復(fù)和未讀消息橱健。當(dāng)然朋友圈模塊下的這些頁(yè)面也分為24小時(shí)制和12小時(shí)制而钞。

（1）由于朋友圈頁(yè)面的顯示方式不一樣，所以我單獨(dú)做了個(gè)介紹拘荡。我給朋友圈頁(yè)面這種顯示方式取名為“統(tǒng)計(jì)計(jì)時(shí)法”（沒想到其他更好的名字）從朋友圈發(fā)布成功后臼节，開始計(jì)時(shí)直到永遠(yuǎn)，以一種統(tǒng)計(jì)的方式顯示。發(fā)布后的前120秒网缝，都顯示1分鐘前巨税；120秒到1小時(shí)內(nèi)，都顯示n分鐘前粉臊；1小時(shí)到24小時(shí)內(nèi)草添，都顯示n小時(shí)前；大于24小時(shí)又小于48小時(shí)的情況需要判斷扼仲，這個(gè)時(shí)間段是否屬于昨天的范疇還是前天的范疇远寸，屬于昨天就顯示“昨天”，屬于前天就顯示2天前屠凶；大于48小時(shí)后直接統(tǒng)計(jì)距離發(fā)布當(dāng)天的相隔幾天直接顯示n天前驰后。這里需要注意的是，第一我們常規(guī)統(tǒng)計(jì)到秒矗愧，但是微信只顯示到分鐘灶芝；第二不足2分鐘按一分鐘前顯示，不滿2小時(shí)按1小時(shí)前顯示唉韭，以此類推夜涕。

朋友圈這個(gè)頁(yè)面，Android跟iOS規(guī)則是一致的纽哥。

（2）詳情頁(yè)面钠乏、相冊(cè)頁(yè)面、評(píng)論/回復(fù)和未讀消息的時(shí)間顯示我把他命名為“定時(shí)計(jì)時(shí)法”就是發(fā)布的顯示時(shí)間是固定的春塌，不會(huì)受當(dāng)前變化的時(shí)間影響晓避。當(dāng)天也就是在發(fā)布朋友圈消息后到現(xiàn)在沒有跨躍一天的情況下還要判斷有沒有跨越小時(shí)，沒跨越就顯示n分鐘前只壳，已跨越小時(shí)就直接顯示時(shí)分俏拱。當(dāng)跨越了一天，就顯示“昨天”吼句。當(dāng)跨越了昨天且在今年內(nèi)（沒有跨越一年）就顯示月日锅必，跨越一年就顯示年月日，以此類推惕艳。

相對(duì)于Android搞隐，這幾個(gè)頁(yè)面相對(duì)比較簡(jiǎn)單。在發(fā)布朋友圈消息的當(dāng)天直接顯示“時(shí)分”远搪，昨天就直接顯示“昨天+時(shí)分”劣纲，大于昨天的都是直接顯示“年月日+時(shí)分”。并且不用區(qū)分24或者12時(shí)制的顯示

四谁鳍、總結(jié)

時(shí)間的目的是為了清晰明確的記錄改條信息的存在癞季，可以讓用戶能通過時(shí)間快速定位到該條信息劫瞳。而設(shè)計(jì)這個(gè)規(guī)則要結(jié)合用戶使用習(xí)慣以及用戶體驗(yàn)為前提，在不打擾到用戶的前提之下又能快速定位到這條信息的“存在”绷柒。

微信志于，作為一個(gè)坐擁11億月活設(shè)備的龐大平臺(tái)，能清晰簡(jiǎn)單的展示這個(gè)時(shí)間是非常有必要的废睦，但是反觀現(xiàn)在的微信時(shí)間顯示規(guī)則過于復(fù)雜并且兩端差異過大伺绽，雖然對(duì)普通用戶而言并沒有太大的體驗(yàn)上的差異，但是對(duì)于開發(fā)者和管理者而言郊楣，過于復(fù)雜維護(hù)起來將是較大的成本憔恳。但復(fù)雜應(yīng)該也有其存在的意義，我們也只能站在旁觀者的角度去揣測(cè)他的方向净蚤，很難深入的去研究。