就像生物體一樣，信息也會隨著時間的推移而更新。今年有用的信息，過幾年可能就沒那么重要了。所以給你的內容加上時間戳是很重要的。但是，如果時間戳沒有以正確的方式呈現，用戶可能會在使用時間戳的時候遇到問題。

一、絕對時間戳和相對時間戳

大多數網站使用到的時間戳有兩種。相對時間戳顯示的是一個貼文是在幾分鐘、幾小時、幾天、幾周或幾年之前發布的。而絕對時間戳則顯示貼文發布的精確日期和時間。

兩種方式的有用之處各有不同。那么，你在什么時候應該選擇其中一種而不是另一種呢？以及，你應該如何呈現它們？這些呈現方式的差別都決定了你的時間戳是否可用。

二、什么時候使用絕對時間戳

有時候，用戶需要回顧過去的內容來提取信息。沒有絕對時間戳，用戶就不能定位一個精確的時間段來尋找信息。

管理發布照片、文件、消息、任務和活動的網站都需要使用絕對時間戳。這些內容在未來用戶需要參考它們的時候依舊有用。使用絕對時間戳可以方便用戶回溯并利用過去的內容。

友好的格式

絕對時間戳比相對時間戳更好的地方在于，它提供了精確的日期和時間。但由于不是所有的用戶都位于同一個時區或國家，因此日期和時間有時難以理解。所以，用一種友好的格式來呈現你的絕對時間戳很重要。

轉換時區

絕對時間戳的一個問題是強迫用戶要轉換時區才能獲知他們的當地時間。這樣，那些不住在你的服務器所在時區的用戶就會很郁悶。用戶應該輕松獲得正確的時間信息，而不是經過換算或在換算中出錯。

想象一下——一位用戶打算參加一個活動，卻沒有注意到時區的變換，或者在換算的時候出錯了，他可能最終會錯過活動，這樣的結局不好。在這樣的情境下，時區友好的絕對時間戳非常重要。而實現它的方式就是，優化你的代碼，讓其能夠檢測和顯示用戶的當地時區，而不是服務器的時區。

首先，你可以在服務器中儲存世界標準時間（UTC）的時間戳。UTC是通用的標準時，不受夏令時制的影響。為了顯示用戶的當地時間，你需要知道該時區的偏移量，然后加到數據庫中UTC的時間值上。通過這個Javascript Timezone Function，你可以自動檢測到用戶時區的偏移量。

轉換24小時制的時間

如果你的用戶遍布世界各地，不是所有人都會使用一種類型的時間制式。不要強迫他們在你提供的時間制式和自己熟悉的制式之間做轉換。

在大多數英語國家的書面和口語時間系統中，主要的時間表達方式為12小時制。其他一些國家在口語中使用12小時制，而在書面語中使用24小時制。但大多數24小時制國家的人們已經非常習慣兩種系統，因此對他們而言轉換時制沒有任何問題。

因此，你的默認顯示應該是12小時制的。但如果你的用戶中有很多偏好24小時制，那么可以用一個鏈接或圖標，使得在鼠標停留的時候會打開一個提示框，呈現24小時制的時間。

數字日期格式

在讀取絕對時間戳時，日期的格式也可能會給用戶帶來麻煩。如果用數字的方式來顯示日期，用戶很可能弄不清楚是哪一天。

不同的國家在理解數字日期格式時有不同的順序。一些國家把日期放在第一位，另一些國家把月份放在第一位，還有一些把年份放在第一位。要弄清這些會增加認知負荷，也可能導致用戶在理解中出錯。

為了避免混淆，請使用手寫格式的時間戳。把月份完整地寫出來，或者用簡寫。但不要簡寫年份，因為簡寫的年份可能會和日期混淆。通過這個Javascript Date Library，你可以給不同的國家呈現不同格式的日期。

三、什么時候不要用絕對時間戳

如果你根本不需要使用絕對時間戳的話，你也就用不著處理這些有關時間格式的事情了。有時候相對時間戳是更合適的。如果你網站上的內容經常更新，或者用戶活躍度高，你應該使用相對時間戳，比如發布新聞的網站，或者需要即時更新用戶貼出的鏈接和評論的論壇。這樣，當信息源源不斷進來時，用戶可以留意最新消息。

四、什么時候使用相對時間戳

對于相對時間戳而言，準確性不重要，重要的是即時性。當用戶想要知道一個貼文是多久以前發布的時候，他們更希望看到相對時間戳。這樣他們就不用在心里計算，從現在開始倒數事件發生了多久了。

不僅如此，使用相對時間戳，用戶也不必轉換時區了。對于那些只想大概感覺內容是否最近發布的用戶而言，一個小時前或五個小時前并沒有太大區別。

友好格式

對于相對時間戳，有幾個格式上的問題你需要知道。絕對時間戳在顯示上更需要注意格式，而處理相對時間戳更需要揣度用戶心理。

適應性的時間單位

使用相對時間戳時碰到的第一個問題是，時間單位不隨著時間推移而自動改變，而是只變動時間單位前面的數字。

比如，一個網站可以顯示分鐘、小時和天數的相對時間戳。但n天后時間單位沒有變化，前面的數字卻成百上千，這時用戶可能就會抓狂了。

你的相對時間戳應該適應不同的時間長度，并據此選擇相應合適的時間單位。在30天之后，應該顯示月數；在12個月之后，應該顯示年數。

精確的時間單位

如果你的網站不是以提交的順序顯示內容的，那么用戶就不能判斷這些內容是多久前發布的。你要么使用絕對時間戳，要么就在相對時間戳中顯示精確的時間單位。

精確的時間結合了不同的時間單位。為了顯示精確的時間，你需要顯示小時數和分鐘數，而不是只顯示小時數。這樣，用戶可以對兩個貼子之間的時間差有更好的感知。

時間單位的簡寫

有時候，顯示相對時間戳可能會占用很多空間，甚至比你希望的更多。如果你要在有限的區域中呈現它們——比如在內容卡中或手機頁面上，就應該使用時間單位的簡寫。

請使用用戶認識的標準簡寫。至于復數的形式，請不要在簡寫后加“s”，要使用和單數形式一樣的格式。上表是每個時間單位的標準簡寫。

自動更新

用戶在第一次瀏覽一個網頁時，會對每個貼文在多久前發布有個準確的印象。一個新發布帖子的時間戳可能是“2分鐘以前”，隨著用戶在該頁面停留的時間變長，這個時間戳就不準確了。

這是因為大多數的相對時間戳不會自動更新。用戶必須刷新頁面來獲得準確的時間戳。如果你想給用戶提供精確的時間戳，用這個jQuery?插件來實現自動更新。

五、什么時候不能用相對時間戳

有些時候，相對時間戳并不像絕對時間戳那樣有效。當用戶想要去參考一個貼文時，用有絕對時間戳就很容易，因為絕對時間戳提供了單一的時間。而用相對時間戳去索引和參考貼文就比較難，因為多個帖子的相對時間戳看起來可能都一樣。

相對時間戳的另一個弱點在于，它讓用戶很難去衡量兩個時間點的臨近性。用戶很難看出兩個使用相對時間戳的貼文相差多久發布。而這在聊天，郵件和討論之類的消息類情境中是非常重要的。

六、什么時候結合使用相對和絕對時間戳

每種類型的時間戳都有它的好處，通過將它們兩者相結合，你可以從中獲益。如果你的網站更新頻繁，又為用戶日后的參考保存了過去的歸檔，你可能會想要結合兩種時間戳。

友好的格式

結合兩種時間戳的難點，在于找到合適的時間轉換點，以及處理時間戳所占用的空間。

行內顯示

結合二者的一種方式是在一行內顯示兩個時間戳。你可以先顯示絕對時間戳，然后在括號內放上相對時間戳。

絕對時間戳包含了日期和時間。在一行內同時顯示會占用很多空間。你可以顯示在當下最重要的信息，省去那些不言自明的，以此來節約空間。

為了節約空間，請首先顯示時間。但在24小時之后，略去時間并用日期取而代之。為了節約更多的空間，略去年份，直至當下這一年過去之后再顯示完整的日期。

自動轉換

另一個方法是隨著時間的推移來把相對時間戳轉換為絕對時間戳。你可以設定一個時間段，當貼文發布的時間超過這個時間段時，就把相對時間戳轉為絕對時間戳來顯示。

比如，當一個貼文發布的時間超過4周，它就會顯示發布的日期和時間。這樣內容可以順利地自動歸檔，這對大型站點而言是很有用的。新的內容頁面的瀏覽量會在發布后會隨著時間推移逐漸減少，你可以選瀏覽量開始逐漸減少的時間點，在那個時間點把相對時間戳轉換為絕對時間戳。

帶提示框的時間戳

如果你想要顯示兩個時間戳又要節約空間，那使用帶提示框的時間戳更適合你。當用戶的鼠標停留在相對時間戳上方時，絕對時間戳會在提示框中顯示出來。

但如果你不給用戶一個視覺線索，他們就不知道在鼠標停留時可以看到絕對時間戳。你可以使用虛線下劃線來標示清楚；或者也可以在時間戳旁邊放一個時鐘圖標，當鼠標停留在時鐘上方時，提示框就會出現。

結語

時間是一個超越了文化壁壘的普適概念。每個用戶都理解時間，但不是每個用戶都會理解你的時間戳——如果時間戳沒有以一種友好的格式呈現出來，用戶就可能會困惑。

本文提到的慣例和技術可以幫助你找到友好的格式。是時候認真對待時間戳了，它不是一個普通的標記，它更是一個不斷更新的關聯度標識。

版權所有：UXRen翻譯組

譯者：yining ??審校：天蛙

原文作者：anthony

原文鏈接：http://uxmovement.com

頭圖來源：http://cdn1.tekrevue.com

本文由?@UXRen翻譯組?（微信公眾號 ?cnUXRen）翻譯發布于人人都是產品經理。未經許可，禁止轉載。