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

一、絕對(duì)時(shí)間戳和相對(duì)時(shí)間戳

大多數(shù)網(wǎng)站使用到的時(shí)間戳有兩種。相對(duì)時(shí)間戳顯示的是一個(gè)貼文是在幾分鐘、幾小時(shí)、幾天、幾周或幾年之前發(fā)布的。而絕對(duì)時(shí)間戳則顯示貼文發(fā)布的精確日期和時(shí)間。

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

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

有時(shí)候，用戶需要回顧過(guò)去的內(nèi)容來(lái)提取信息。沒(méi)有絕對(duì)時(shí)間戳，用戶就不能定位一個(gè)精確的時(shí)間段來(lái)尋找信息。

管理發(fā)布照片、文件、消息、任務(wù)和活動(dòng)的網(wǎng)站都需要使用絕對(duì)時(shí)間戳。這些內(nèi)容在未來(lái)用戶需要參考它們的時(shí)候依舊有用。使用絕對(duì)時(shí)間戳可以方便用戶回溯并利用過(guò)去的內(nèi)容。

友好的格式

絕對(duì)時(shí)間戳比相對(duì)時(shí)間戳更好的地方在于，它提供了精確的日期和時(shí)間。但由于不是所有的用戶都位于同一個(gè)時(shí)區(qū)或國(guó)家，因此日期和時(shí)間有時(shí)難以理解。所以，用一種友好的格式來(lái)呈現(xiàn)你的絕對(duì)時(shí)間戳很重要。

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

絕對(duì)時(shí)間戳的一個(gè)問(wèn)題是強(qiáng)迫用戶要轉(zhuǎn)換時(shí)區(qū)才能獲知他們的當(dāng)?shù)貢r(shí)間。這樣，那些不住在你的服務(wù)器所在時(shí)區(qū)的用戶就會(huì)很郁悶。用戶應(yīng)該輕松獲得正確的時(shí)間信息，而不是經(jīng)過(guò)換算或在換算中出錯(cuò)。

想象一下——一位用戶打算參加一個(gè)活動(dòng)，卻沒(méi)有注意到時(shí)區(qū)的變換，或者在換算的時(shí)候出錯(cuò)了，他可能最終會(huì)錯(cuò)過(guò)活動(dòng)，這樣的結(jié)局不好。在這樣的情境下，時(shí)區(qū)友好的絕對(duì)時(shí)間戳非常重要。而實(shí)現(xiàn)它的方式就是，優(yōu)化你的代碼，讓其能夠檢測(cè)和顯示用戶的當(dāng)?shù)貢r(shí)區(qū)，而不是服務(wù)器的時(shí)區(qū)。

首先，你可以在服務(wù)器中儲(chǔ)存世界標(biāo)準(zhǔn)時(shí)間（UTC）的時(shí)間戳。UTC是通用的標(biāo)準(zhǔn)時(shí)，不受夏令時(shí)制的影響。為了顯示用戶的當(dāng)?shù)貢r(shí)間，你需要知道該時(shí)區(qū)的偏移量，然后加到數(shù)據(jù)庫(kù)中UTC的時(shí)間值上。通過(guò)這個(gè)Javascript Timezone Function，你可以自動(dòng)檢測(cè)到用戶時(shí)區(qū)的偏移量。

轉(zhuǎn)換24小時(shí)制的時(shí)間

如果你的用戶遍布世界各地，不是所有人都會(huì)使用一種類(lèi)型的時(shí)間制式。不要強(qiáng)迫他們?cè)谀闾峁┑臅r(shí)間制式和自己熟悉的制式之間做轉(zhuǎn)換。

在大多數(shù)英語(yǔ)國(guó)家的書(shū)面和口語(yǔ)時(shí)間系統(tǒng)中，主要的時(shí)間表達(dá)方式為12小時(shí)制。其他一些國(guó)家在口語(yǔ)中使用12小時(shí)制，而在書(shū)面語(yǔ)中使用24小時(shí)制。但大多數(shù)24小時(shí)制國(guó)家的人們已經(jīng)非常習(xí)慣兩種系統(tǒng)，因此對(duì)他們而言轉(zhuǎn)換時(shí)制沒(méi)有任何問(wèn)題。

因此，你的默認(rèn)顯示應(yīng)該是12小時(shí)制的。但如果你的用戶中有很多偏好24小時(shí)制，那么可以用一個(gè)鏈接或圖標(biāo)，使得在鼠標(biāo)停留的時(shí)候會(huì)打開(kāi)一個(gè)提示框，呈現(xiàn)24小時(shí)制的時(shí)間。

數(shù)字日期格式

在讀取絕對(duì)時(shí)間戳?xí)r，日期的格式也可能會(huì)給用戶帶來(lái)麻煩。如果用數(shù)字的方式來(lái)顯示日期，用戶很可能弄不清楚是哪一天。

不同的國(guó)家在理解數(shù)字日期格式時(shí)有不同的順序。一些國(guó)家把日期放在第一位，另一些國(guó)家把月份放在第一位，還有一些把年份放在第一位。要弄清這些會(huì)增加認(rèn)知負(fù)荷，也可能導(dǎo)致用戶在理解中出錯(cuò)。

為了避免混淆，請(qǐng)使用手寫(xiě)格式的時(shí)間戳。把月份完整地寫(xiě)出來(lái)，或者用簡(jiǎn)寫(xiě)。但不要簡(jiǎn)寫(xiě)年份，因?yàn)楹?jiǎn)寫(xiě)的年份可能會(huì)和日期混淆。通過(guò)這個(gè)Javascript Date Library，你可以給不同的國(guó)家呈現(xiàn)不同格式的日期。

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

如果你根本不需要使用絕對(duì)時(shí)間戳的話，你也就用不著處理這些有關(guān)時(shí)間格式的事情了。有時(shí)候相對(duì)時(shí)間戳是更合適的。如果你網(wǎng)站上的內(nèi)容經(jīng)常更新，或者用戶活躍度高，你應(yīng)該使用相對(duì)時(shí)間戳，比如發(fā)布新聞的網(wǎng)站，或者需要即時(shí)更新用戶貼出的鏈接和評(píng)論的論壇。這樣，當(dāng)信息源源不斷進(jìn)來(lái)時(shí)，用戶可以留意最新消息。

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

對(duì)于相對(duì)時(shí)間戳而言，準(zhǔn)確性不重要，重要的是即時(shí)性。當(dāng)用戶想要知道一個(gè)貼文是多久以前發(fā)布的時(shí)候，他們更希望看到相對(duì)時(shí)間戳。這樣他們就不用在心里計(jì)算，從現(xiàn)在開(kāi)始倒數(shù)事件發(fā)生了多久了。

不僅如此，使用相對(duì)時(shí)間戳，用戶也不必轉(zhuǎn)換時(shí)區(qū)了。對(duì)于那些只想大概感覺(jué)內(nèi)容是否最近發(fā)布的用戶而言，一個(gè)小時(shí)前或五個(gè)小時(shí)前并沒(méi)有太大區(qū)別。

友好格式

對(duì)于相對(duì)時(shí)間戳，有幾個(gè)格式上的問(wèn)題你需要知道。絕對(duì)時(shí)間戳在顯示上更需要注意格式，而處理相對(duì)時(shí)間戳更需要揣度用戶心理。

適應(yīng)性的時(shí)間單位

使用相對(duì)時(shí)間戳?xí)r碰到的第一個(gè)問(wèn)題是，時(shí)間單位不隨著時(shí)間推移而自動(dòng)改變，而是只變動(dòng)時(shí)間單位前面的數(shù)字。

比如，一個(gè)網(wǎng)站可以顯示分鐘、小時(shí)和天數(shù)的相對(duì)時(shí)間戳。但n天后時(shí)間單位沒(méi)有變化，前面的數(shù)字卻成百上千，這時(shí)用戶可能就會(huì)抓狂了。

你的相對(duì)時(shí)間戳應(yīng)該適應(yīng)不同的時(shí)間長(zhǎng)度，并據(jù)此選擇相應(yīng)合適的時(shí)間單位。在30天之后，應(yīng)該顯示月數(shù)；在12個(gè)月之后，應(yīng)該顯示年數(shù)。

精確的時(shí)間單位

如果你的網(wǎng)站不是以提交的順序顯示內(nèi)容的，那么用戶就不能判斷這些內(nèi)容是多久前發(fā)布的。你要么使用絕對(duì)時(shí)間戳，要么就在相對(duì)時(shí)間戳中顯示精確的時(shí)間單位。

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

時(shí)間單位的簡(jiǎn)寫(xiě)

有時(shí)候，顯示相對(duì)時(shí)間戳可能會(huì)占用很多空間，甚至比你希望的更多。如果你要在有限的區(qū)域中呈現(xiàn)它們——比如在內(nèi)容卡中或手機(jī)頁(yè)面上，就應(yīng)該使用時(shí)間單位的簡(jiǎn)寫(xiě)。

請(qǐng)使用用戶認(rèn)識(shí)的標(biāo)準(zhǔn)簡(jiǎn)寫(xiě)。至于復(fù)數(shù)的形式，請(qǐng)不要在簡(jiǎn)寫(xiě)后加“s”，要使用和單數(shù)形式一樣的格式。上表是每個(gè)時(shí)間單位的標(biāo)準(zhǔn)簡(jiǎn)寫(xiě)。

自動(dòng)更新

用戶在第一次瀏覽一個(gè)網(wǎng)頁(yè)時(shí)，會(huì)對(duì)每個(gè)貼文在多久前發(fā)布有個(gè)準(zhǔn)確的印象。一個(gè)新發(fā)布帖子的時(shí)間戳可能是“2分鐘以前”，隨著用戶在該頁(yè)面停留的時(shí)間變長(zhǎng)，這個(gè)時(shí)間戳就不準(zhǔn)確了。

這是因?yàn)榇蠖鄶?shù)的相對(duì)時(shí)間戳不會(huì)自動(dòng)更新。用戶必須刷新頁(yè)面來(lái)獲得準(zhǔn)確的時(shí)間戳。如果你想給用戶提供精確的時(shí)間戳，用這個(gè)jQuery?插件來(lái)實(shí)現(xiàn)自動(dòng)更新。

五、什么時(shí)候不能用相對(duì)時(shí)間戳

有些時(shí)候，相對(duì)時(shí)間戳并不像絕對(duì)時(shí)間戳那樣有效。當(dāng)用戶想要去參考一個(gè)貼文時(shí)，用有絕對(duì)時(shí)間戳就很容易，因?yàn)榻^對(duì)時(shí)間戳提供了單一的時(shí)間。而用相對(duì)時(shí)間戳去索引和參考貼文就比較難，因?yàn)槎鄠€(gè)帖子的相對(duì)時(shí)間戳看起來(lái)可能都一樣。

相對(duì)時(shí)間戳的另一個(gè)弱點(diǎn)在于，它讓用戶很難去衡量?jī)蓚€(gè)時(shí)間點(diǎn)的臨近性。用戶很難看出兩個(gè)使用相對(duì)時(shí)間戳的貼文相差多久發(fā)布。而這在聊天，郵件和討論之類(lèi)的消息類(lèi)情境中是非常重要的。

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

每種類(lèi)型的時(shí)間戳都有它的好處，通過(guò)將它們兩者相結(jié)合，你可以從中獲益。如果你的網(wǎng)站更新頻繁，又為用戶日后的參考保存了過(guò)去的歸檔，你可能會(huì)想要結(jié)合兩種時(shí)間戳。

友好的格式

結(jié)合兩種時(shí)間戳的難點(diǎn)，在于找到合適的時(shí)間轉(zhuǎn)換點(diǎn)，以及處理時(shí)間戳所占用的空間。

行內(nèi)顯示

結(jié)合二者的一種方式是在一行內(nèi)顯示兩個(gè)時(shí)間戳。你可以先顯示絕對(duì)時(shí)間戳，然后在括號(hào)內(nèi)放上相對(duì)時(shí)間戳。

絕對(duì)時(shí)間戳包含了日期和時(shí)間。在一行內(nèi)同時(shí)顯示會(huì)占用很多空間。你可以顯示在當(dāng)下最重要的信息，省去那些不言自明的，以此來(lái)節(jié)約空間。

為了節(jié)約空間，請(qǐng)首先顯示時(shí)間。但在24小時(shí)之后，略去時(shí)間并用日期取而代之。為了節(jié)約更多的空間，略去年份，直至當(dāng)下這一年過(guò)去之后再顯示完整的日期。

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

另一個(gè)方法是隨著時(shí)間的推移來(lái)把相對(duì)時(shí)間戳轉(zhuǎn)換為絕對(duì)時(shí)間戳。你可以設(shè)定一個(gè)時(shí)間段，當(dāng)貼文發(fā)布的時(shí)間超過(guò)這個(gè)時(shí)間段時(shí)，就把相對(duì)時(shí)間戳轉(zhuǎn)為絕對(duì)時(shí)間戳來(lái)顯示。

比如，當(dāng)一個(gè)貼文發(fā)布的時(shí)間超過(guò)4周，它就會(huì)顯示發(fā)布的日期和時(shí)間。這樣內(nèi)容可以順利地自動(dòng)歸檔，這對(duì)大型站點(diǎn)而言是很有用的。新的內(nèi)容頁(yè)面的瀏覽量會(huì)在發(fā)布后會(huì)隨著時(shí)間推移逐漸減少，你可以選瀏覽量開(kāi)始逐漸減少的時(shí)間點(diǎn)，在那個(gè)時(shí)間點(diǎn)把相對(duì)時(shí)間戳轉(zhuǎn)換為絕對(duì)時(shí)間戳。

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

如果你想要顯示兩個(gè)時(shí)間戳又要節(jié)約空間，那使用帶提示框的時(shí)間戳更適合你。當(dāng)用戶的鼠標(biāo)停留在相對(duì)時(shí)間戳上方時(shí)，絕對(duì)時(shí)間戳?xí)谔崾究蛑酗@示出來(lái)。

但如果你不給用戶一個(gè)視覺(jué)線索，他們就不知道在鼠標(biāo)停留時(shí)可以看到絕對(duì)時(shí)間戳。你可以使用虛線下劃線來(lái)標(biāo)示清楚；或者也可以在時(shí)間戳旁邊放一個(gè)時(shí)鐘圖標(biāo)，當(dāng)鼠標(biāo)停留在時(shí)鐘上方時(shí)，提示框就會(huì)出現(xiàn)。

結(jié)語(yǔ)

時(shí)間是一個(gè)超越了文化壁壘的普適概念。每個(gè)用戶都理解時(shí)間，但不是每個(gè)用戶都會(huì)理解你的時(shí)間戳——如果時(shí)間戳沒(méi)有以一種友好的格式呈現(xiàn)出來(lái)，用戶就可能會(huì)困惑。

本文提到的慣例和技術(shù)可以幫助你找到友好的格式。是時(shí)候認(rèn)真對(duì)待時(shí)間戳了，它不是一個(gè)普通的標(biāo)記，它更是一個(gè)不斷更新的關(guān)聯(lián)度標(biāo)識(shí)。

版權(quán)所有：UXRen翻譯組

譯者：yining ??審校：天蛙

原文作者：anthony

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

頭圖來(lái)源：http://cdn1.tekrevue.com

本文由?@UXRen翻譯組?（微信公眾號(hào) ?cnUXRen）翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。