信息的發(fā)展隨著時(shí)間的推移，就像一個(gè)活的有機(jī)體。對(duì)你來(lái)說(shuō)，今年還有價(jià)值的信息沒(méi)準(zhǔn)過(guò)幾年就沒(méi)有任何意義了。這就是為何要在信息內(nèi)容中添加時(shí)間戳的原因。但是如果你沒(méi)有按照正確的格式顯示時(shí)間戳，那么就會(huì)給用戶的使用帶來(lái)麻煩。
 

1、絕對(duì) Vs 相對(duì)時(shí)間戳
 

現(xiàn)在，大部分網(wǎng)站中使用的時(shí)間戳整體上分為兩類。即相對(duì)時(shí)間和絕對(duì)時(shí)間。前者指距離信息發(fā)布時(shí)間點(diǎn)的的相對(duì)時(shí)長(zhǎng)，如***年、***月、***周、***日、***分鐘以前。后者則強(qiáng)調(diào)信息發(fā)布的具體精確時(shí)間點(diǎn)。 

這兩種格式在不同的場(chǎng)合下都有各自的用處。但是針對(duì)特定的情景究竟該作何選擇？ 
 

2、什么時(shí)候使用絕對(duì)時(shí)間戳
 

有時(shí)候用戶需要回顧過(guò)去的內(nèi)容并檢索需要的信息。如果沒(méi)有絕對(duì)時(shí)間戳，用戶往往無(wú)法精確的定位到要找的信息。 

對(duì)于那些用來(lái)發(fā)布照片、文檔、信息、任務(wù)和活動(dòng)的站點(diǎn)來(lái)說(shuō)，都應(yīng)該使用絕對(duì)時(shí)間戳。這些內(nèi)容都是有可能被用戶在將來(lái)某個(gè)時(shí)刻重新翻出來(lái)引用的?？傊?，就是當(dāng)用戶能夠翻閱并利用過(guò)去的內(nèi)容時(shí)，使用絕對(duì)時(shí)間戳準(zhǔn)沒(méi)錯(cuò)。 
 

（1）友好的格式
 

相比于相對(duì)時(shí)間，絕對(duì)時(shí)間的好處就在于它能提供精確的時(shí)間點(diǎn)。但是因?yàn)椴⒉灰?jiàn)得所有用戶都居住在相同的時(shí)區(qū)和國(guó)家，所以用戶對(duì)日期和時(shí)間的理解可能是有差異的。這就是為什么以友好的格式顯示絕對(duì)時(shí)間是異常重要的。
 

（2）轉(zhuǎn)換時(shí)區(qū)
 

使用絕對(duì)時(shí)間戳的一個(gè)問(wèn)題就是它迫使用戶不得不把顯示時(shí)間所在的時(shí)區(qū)轉(zhuǎn)換為他們的當(dāng)?shù)貢r(shí)間。這無(wú)疑會(huì)挫敗那些跟你不在同一時(shí)區(qū)的用戶。無(wú)論如何，即使不用親自做時(shí)區(qū)轉(zhuǎn)換，用戶也應(yīng)該能得到正確的時(shí)間才對(duì)。
 

不妨想象以下，如果一個(gè)用戶準(zhǔn)備要參加一項(xiàng)活動(dòng)，但是并未注意到活動(dòng)時(shí)間在不同時(shí)區(qū)之間是存在時(shí)差的，或者是他換算錯(cuò)了，那他就很有可能錯(cuò)過(guò)這個(gè)活動(dòng)，這也就是帶來(lái)了非常不好的結(jié)果。因此，在諸如這樣的情景下，你的絕對(duì)時(shí)間戳要針對(duì)時(shí)區(qū)友好就顯的很重要了。一個(gè)方法就是優(yōu)化你的代碼，使得用戶看到的時(shí)間戳始終是針對(duì)自己所在時(shí)區(qū)的。
 

為了要顯示出用戶的當(dāng)?shù)貢r(shí)間，首先你要在服務(wù)器上將你的時(shí)間戳按照 UTC （世界統(tǒng)一時(shí)間，不受日光節(jié)約時(shí)間影響）格式進(jìn)行保存， 接下來(lái)需要拿到各時(shí)區(qū)偏移量，把它添加到數(shù)據(jù)庫(kù)中的 UTC 值上。你可以通過(guò)  Javascript Timezone Function 自動(dòng)檢測(cè)到用戶所在的時(shí)區(qū)偏移量。
 

（3）轉(zhuǎn)換24小時(shí)制
 

如果你的用戶遍布全球，那他們就有可能使用不同類型的時(shí)鐘。千萬(wàn)別逼他們做時(shí)制轉(zhuǎn)換。
 

事實(shí)上，大部分英語(yǔ)國(guó)家在書面和口頭都使用12小時(shí)制，其他的國(guó)家口頭使用12小時(shí)制但書面上卻是用24小時(shí)制。 不過(guò)，對(duì)大部分生活在24小時(shí)制國(guó)家的用戶來(lái)講，他們?cè)缫蚜?xí)慣了這兩者，對(duì)他們而言來(lái)回轉(zhuǎn)換沒(méi)有任何壓力。
 

基于此原因，你應(yīng)該最好將時(shí)間默認(rèn)顯示為12小時(shí)制。但是如果你有更多習(xí)慣于24小時(shí)制用戶的話，你應(yīng)該考慮使用上圖中的下劃線或時(shí)鐘圖標(biāo)來(lái)做到鼠標(biāo)懸停時(shí)顯示24小時(shí)制下的時(shí)間。 
 

（4）閱讀數(shù)字格式的日期
 

在閱讀絕對(duì)時(shí)間戳?xí)r，時(shí)間的格式并不是用戶要面對(duì)的唯一問(wèn)題。如果日期按照一個(gè)數(shù)字型格式顯示，同樣會(huì)為用戶帶來(lái)麻煩。
 

不同國(guó)家采用不同的順序標(biāo)識(shí)數(shù)字型日期。有些國(guó)家會(huì)把日期放在首位，有些會(huì)把月份放在首位，而有些則在首位放置年份。正因?yàn)闆](méi)有統(tǒng)一的標(biāo)準(zhǔn)，不同的用戶在閱讀理解時(shí)可能會(huì)不輕松，甚至?xí)稿e(cuò)。 
 

因此，對(duì)于一個(gè)時(shí)間戳，你要想方設(shè)法使用合適的書面格式來(lái)避免用戶的困惑。比如年份可以使用全稱或縮寫，但且不可縮寫年份，這可能導(dǎo)致用戶分不清年份和日期。無(wú)論如何，你可以通過(guò)Javascript Date Library 來(lái)針對(duì)不同的國(guó)家按當(dāng)?shù)赜脩衾斫獾母袷絹?lái)顯示時(shí)間。
 

3、什么時(shí)候不要使用絕對(duì)時(shí)間戳
 

如果你甚至不需要使用一個(gè)絕對(duì)時(shí)間戳，那你可能就不需要擔(dān)心上述的格式問(wèn)題。不過(guò)有時(shí)候，一個(gè)相對(duì)時(shí)間戳可能是更好的選擇。
 

如果你的站點(diǎn)內(nèi)容經(jīng)常更新，或者有較高的用戶活躍度，那恭喜你，相對(duì)時(shí)間戳終于可以發(fā)揮作用了。這些站點(diǎn)包括那些經(jīng)常發(fā)布新聞消息的網(wǎng)站、或者是用戶能發(fā)布鏈接評(píng)論的論壇，此類站點(diǎn)更關(guān)注的是即時(shí)性的信息。它允許了用戶的信息焦點(diǎn)與新信息同步。
 

4、什么時(shí)候使用相對(duì)時(shí)間戳
 

對(duì)相對(duì)時(shí)間戳而言，其精確度并不十分重要，重要的是即時(shí)性。如果一個(gè)用戶想了解站點(diǎn)中之前發(fā)布的一條帖子信息，他往往更關(guān)注于書面形式的時(shí)間單位，而不必去往前推算出發(fā)布的具體時(shí)間點(diǎn)。
 

不光如此，在相對(duì)時(shí)間戳下，用戶也不需要去在不同時(shí)區(qū)間進(jìn)行時(shí)間的轉(zhuǎn)換。對(duì)于用戶來(lái)講，1小時(shí)前發(fā)布的內(nèi)容就是距離當(dāng)前時(shí)間1個(gè)小時(shí)前的內(nèi)容，發(fā)布的時(shí)間間隔對(duì)所有用戶都是無(wú)異的。
 

 （1）友好的格式
 

對(duì)于相對(duì)時(shí)間戳，有一些格式問(wèn)題你應(yīng)該知道。不同于絕對(duì)時(shí)間戳的問(wèn)題在于如何向用戶解釋明白，相對(duì)時(shí)間戳的這些問(wèn)題在于如何處理才能不讓用戶太費(fèi)腦力。
 

（2）自適應(yīng)時(shí)間單位
 

相對(duì)時(shí)間戳的麻煩始于單位格式并不適應(yīng)時(shí)間長(zhǎng)度的時(shí)候。相反的，它只顯示一小部分的時(shí)間單位。
 

例如，一個(gè)網(wǎng)站可能按照分鐘顯示相對(duì)時(shí)間，也可能按照小時(shí)或日期。但是過(guò)些天后時(shí)間單位可能就變了。這時(shí)候，標(biāo)識(shí)不清楚的時(shí)間就很容易令用戶沮喪。
 

你的相對(duì)時(shí)間戳應(yīng)該總是能自適應(yīng)時(shí)間單位。在30天之后，應(yīng)該顯示月份。12個(gè)月之后，應(yīng)該顯示年份。
 

（3）精確的時(shí)間單位
 

如果你的網(wǎng)站并不是按提交時(shí)間來(lái)依次顯示內(nèi)容，用戶就無(wú)法知道顯示時(shí)間究竟距離發(fā)布時(shí)間有多遠(yuǎn)。因此，你應(yīng)該或者使用絕對(duì)時(shí)間戳，或者在相對(duì)時(shí)間戳中包含精確地時(shí)間量度
 

精確的時(shí)間由不同時(shí)間單位組合而成。相比于只在相對(duì)時(shí)間戳中顯示小時(shí)長(zhǎng)度，你應(yīng)該既顯示小時(shí)長(zhǎng)度又顯示分鐘長(zhǎng)度，來(lái)達(dá)到一個(gè)更高的時(shí)間精度。這能讓用戶更好地理解不同文章之間的時(shí)間間隔。
 

（4）時(shí)間單位的縮寫
 

有時(shí)候，相對(duì)時(shí)間戳能比你想到的還要占用屏幕空間。如果你要在局限的區(qū)域內(nèi)顯示它，你應(yīng)該考慮使用時(shí)間單位的縮寫。
 

使用那些用戶能夠識(shí)別出的標(biāo)準(zhǔn)化的縮寫詞。對(duì)于復(fù)數(shù)形式，不要在縮寫詞之后使用“s”，跟單數(shù)形式一樣使用就行了。上圖中是每個(gè)時(shí)間單位的標(biāo)準(zhǔn)縮寫詞。
 

（5）自動(dòng)更新
 

當(dāng)用戶第一次瀏覽一個(gè)網(wǎng)站頁(yè)面時(shí)，他往往能夠比較準(zhǔn)確的獲悉每條信息發(fā)布多久了。但一旦頁(yè)面刷新后顯示出“2分鐘之前”這樣的時(shí)間戳，他們就往往會(huì)對(duì)原本的時(shí)間點(diǎn)就失去概念了。 
 

這是因?yàn)榇蟛糠值南鄬?duì)時(shí)間戳并不會(huì)自動(dòng)更新，而是在用戶刷新頁(yè)面后才重新獲取最新的時(shí)間。如果你想要向用戶顯示精確的相對(duì)時(shí)間，不妨使用這個(gè) jQuery Plugin 實(shí)現(xiàn)自動(dòng)更新。
 

5、什么時(shí)候不要使用相對(duì)時(shí)間戳
 

有些時(shí)候相對(duì)時(shí)間戳不如絕對(duì)時(shí)間戳有效。如果用戶要引用一條已經(jīng)發(fā)布的帖子，有絕對(duì)時(shí)間戳的話自然比較輕松，因?yàn)槊織l帖子都被唯一的時(shí)間點(diǎn)標(biāo)識(shí)。而要想從使用了相對(duì)時(shí)間戳的一堆帖子里引用某一條，那就很困難了，因?yàn)橥粋€(gè)時(shí)間戳下可能包含很多帖子，你還得進(jìn)一步篩選。 
 

相對(duì)時(shí)間戳的另一個(gè)弱點(diǎn)在于它使得時(shí)間難以度量。用戶無(wú)法查看到提交不同的文章時(shí)已經(jīng)過(guò)去了多少時(shí)間。而這一點(diǎn)對(duì)于傳遞消息的情景，如聊天、發(fā)送郵件或是討論就很重要了。
 

6、什么時(shí)候結(jié)合絕對(duì)時(shí)間戳和相對(duì)時(shí)間戳
 

每種時(shí)間戳都有其各自的優(yōu)勢(shì)，你可以通過(guò)合理的結(jié)合來(lái)發(fā)揮出兩者的優(yōu)勢(shì)。 如果你的站點(diǎn)需要經(jīng)常更新并且對(duì)以往的內(nèi)容有歸檔便于引用，那你可能就得考慮來(lái)結(jié)合這兩種方式了。
 

（1）友好的格式
 

結(jié)合使用的挑戰(zhàn)在于找到轉(zhuǎn)換兩者的合適時(shí)間點(diǎn)并平衡其對(duì)屏幕空間的占用。
 

（2）內(nèi)聯(lián)顯示
 

組合兩者的一種方式便是使用內(nèi)聯(lián)顯示。你可以先顯示絕對(duì)時(shí)間，并將相對(duì)時(shí)間放在緊跟的括號(hào)里面。
 

絕對(duì)時(shí)間戳包括日期和時(shí)間點(diǎn)。這種方法會(huì)占用較多的頁(yè)面空間，不過(guò)，你可以只顯示當(dāng)前關(guān)心的時(shí)間量，省略掉不必要的，來(lái)節(jié)省空間。 
 

例如，可以在信息發(fā)布24小時(shí)內(nèi)，將時(shí)間顯示到分鐘，24小時(shí)之后，只顯示日期。如果需要更省，在一年開(kāi)始后將年份也一起省掉。
 

（3）自動(dòng)轉(zhuǎn)換
 

另一種方法是在一定時(shí)間后，自動(dòng)將相對(duì)時(shí)間戳轉(zhuǎn)換為絕對(duì)時(shí)間戳。
 

例如，一個(gè)帖子發(fā)表4周以后，將時(shí)間格式由相對(duì)時(shí)間轉(zhuǎn)換為其具體發(fā)表日期和時(shí)間。這種做法使站點(diǎn)能很好的對(duì)進(jìn)行內(nèi)容歸檔，尤其針對(duì)大網(wǎng)站有用。 也可以拿頁(yè)面訪問(wèn)量開(kāi)始逐步減少的時(shí)間點(diǎn)作為開(kāi)始使用絕對(duì)時(shí)間戳的時(shí)刻。
 

（4）帶提示框的時(shí)間戳
 

如果你想在節(jié)省頁(yè)面空間的條件下顯示兩者，那可以考慮使用一個(gè)工具提示框。也就是當(dāng)用戶將鼠標(biāo)懸停到相對(duì)時(shí)間戳上時(shí)，將絕對(duì)時(shí)間在提示框中顯現(xiàn)出來(lái)。
 

不過(guò)針對(duì)這種做法，你需要注意一點(diǎn)，就是如果你不能給用戶一個(gè)清晰的視覺(jué)線索，他們就很難意識(shí)到鼠標(biāo)懸停還有另一番作用。你可以考慮使用點(diǎn)劃線來(lái)標(biāo)識(shí)出這種提示，也可以在時(shí)間前面放置一個(gè)時(shí)鐘圖標(biāo)，鼠標(biāo)懸停后出現(xiàn)帶有絕對(duì)時(shí)間的提示框。
 

7、最終的想法
 

時(shí)間是一個(gè)超越了文化障礙的通用概念，每個(gè)用戶都應(yīng)該能理解，但如果你的時(shí)間戳并未以友好的方式展現(xiàn)出來(lái)，那就不見(jiàn)得所有的用戶都能理解你要表達(dá)的時(shí)間概念了。
 

希望本文中的實(shí)例和方法能幫助你找到適合自己的時(shí)間戳形式。現(xiàn)在我們應(yīng)該意識(shí)到，是時(shí)候別再把時(shí)間戳僅僅看做一個(gè)時(shí)間標(biāo)記了。實(shí)際上，它們已然成為一個(gè)彰顯你站點(diǎn)內(nèi)容的關(guān)聯(lián)價(jià)值的重要標(biāo)識(shí)。
 

譯自：http://uxmovement.com/content/absolute-vs-relative-timestamps-when-to-use-which/
原文鏈接：jianshu