時間安排圖表?導語：“時間”作為人機交互界面中經常出現的元素，本質上都是為了去傳遞時間維度的信息但是我們平時在使用一些互聯網産品時會發現，關于“時間”的顯示狀态或形式在不同場景、不同頁面裡往往是不太一樣的，這是出于怎樣的考慮呢？今天我們就來聊一聊，如何在産品設計中把握“時間”顯示的訣竅，讓其在頁面中發揮最大的作用，接下來我們就來聊聊關于時間安排圖表?以下内容大家不妨參考一二希望能幫到您!

時間安排圖表

導語：“時間”作為人機交互界面中經常出現的元素，本質上都是為了去傳遞時間維度的信息。但是我們平時在使用一些互聯網産品時會發現，關于“時間”的顯示狀态或形式在不同場景、不同頁面裡往往是不太一樣的，這是出于怎樣的考慮呢？今天我們就來聊一聊，如何在産品設計中把握“時間”顯示的訣竅，讓其在頁面中發揮最大的作用。

按照“時間”元素在頁面中的出現場景和所起到的作用，可以大緻歸為以下幾類：

1. 事件的關鍵構成要素

時間作為描述整個事件的重要組成部分，缺失後會對原本所要傳達的内容産生嚴重的影響，進而影響用戶的使用預期和結果，比方說用戶可能不能以一個較低的價格完成商品購買，或錯過了産品發布會的時間。

2. 行為的時間标記

指用戶本人作為行為主體或行為的接收對象，在某一動作發生後為其所打上的時間标記，比方說“我”購買商品下單的時間或收到一封郵件的時間。

3. 内容的附屬信息

在上面的案例中，我們會發現“時間”在對應場景裡所發揮的作用不同，用戶在使用産品時往往對時間存在不一樣的關注程度。

因此我們在做頁面設計時，要根據具體場景和用戶訴求判斷“時間”元素的重要性和優先級，通常情況下：時間作為事件的關鍵構成要素＞行為的時間标記＞内容的附屬信息，之後再思考用什麼樣的設計形式去展示來達到我們的目标。

在讨論“時間”元素的設計之前，我們先共識一些有關時間的理解和概念。時間可以劃分為“時間點”和“時間段”兩個維度，類似我們高中物理時學過的“時刻”和”時間間隔“的概念。

拿開會舉例子：“下午4:30會議開始”、“下午6:00會議結束”描述的是事件開始、結束的時間點，而“整個會議持續1.5小時”、“會議時間為下午4:30-6:00”描述的是事件過程的時間段；但是，我們在會議開始時也可以這樣講“會議将在1.5小時後結束”。

通過上面的例子我們可以發下，同樣是描述一件事情，運用不同的時間點、時間段的方式去表達，意思一樣但卻傳遞出不一樣的情感，并且兩者存在如下的“換算”關系：

時間段加上定語會變成時間點（但同樣是時間點，“下午6:00”是絕對時間，而“1.5小時後”是相對時間，剛好對應到我們設計時兩種時間戳類型）；

兩個時間點之間則表示時間段。

所以，我們在平時表達或設計時，要先想清楚用“時間”是想側重表達某一事件、動作發生的即刻時間節點？還是想描述其所持續的時間過程？之後我們再針對不同語境去選取合适的文案和呈現方式。

時間的呈現方式離不開：時間戳類型、時間顯示格式、時間顆粒度。

其中，時間顆粒度指的是描述時間的最小單位，往往顆粒度越細，給用戶傳達的确定感越強（如轉賬時間是12日15:15:20），對用戶的激勵作用越明顯（如距搶購結束僅剩00時01分23.6秒）。

1. 絕對時間戳

絕對時間可理解為事物發生時的确切時間，由具體日期（年、月、日）和時間（時、分、秒）組成。使用絕對時間戳的優勢是信息傳達精準，顯得正式，給人确定感和安全感，同時排布規整，便于形成認知習慣；但缺點是内容顯示過長不利于閱讀，并且占用空間較大。

在時間顯示格式的選擇上，為了避免混淆，推薦使用文字格式或“-”分隔符來分隔日期，而“/”分隔符在不同國家有不同的展示順序習慣，容易造成誤解，盡量少用。

時間顆粒度的選擇依情況而定，一般場景總結如下：

2. 相對時間戳

相對時間在産品設計領域通常是指内容生産、到達、或狀态發生改變時，距當前時間點的時間差值，多用于push通知、信息流産品，側重強調内容的時效性。

而“倒計時”也算相對時間的一種，側重營造時間的緊迫感。使用相對時間戳的優勢是用戶辨識、理解成本低，不用通過計算來判斷時間過去或還剩下多久；缺點是不夠精确、正式，并很難衡量兩個時間點的臨近性。

在使用相對時間是，要注意格式友好。時間單位可随着時間的推移自動改變；數字不要過多，盡量取整；并且可設置其與絕對時間轉換的臨界點。

在設計界面中的“時間”元素時，要遵循場景貼合、便于閱讀理解的總體原則；之後根據場景和目标，再選取合适的“時間”呈現方式（包括時間戳類型、時間顯示格式、時間顆粒度）。

1. 當時間作為“A.事件的關鍵構成要素”時

一般情況下使用絕對時間，并且要看是為了強調某一關鍵時間節點，還是側重表達整個持續過程。此外，選用關聯場景的文案或者運用倒計時（相對時間）的形式，可一定程度上促進用戶更加集中注意力，提升對信息的關注度，并達到特殊的激勵作用和轉化效果。

2. 當時間作為“B.行為的時間标記”時

該場景通常是為了追求确定感，通過提供精準的時間和日期便于用戶定位到過去或将來的某個時間點（段）去查找、回顧相應内容，因此大多數采用絕對時間，時間顆粒度依具體情況而定。

3. 當時間作為“C.内容的附屬信息”時

如果所設計的産品供給内容的更新速度快，用戶活躍度高，并且此時内容的時間信息準确性不那麼重要反而更側重于内容的時效性，那麼通常會使用相對時間。部分信息流産品（比如新聞資訊類、社區類）會在列表頁使用相對時間，在詳情頁使用絕對時間，時間顆粒度也是依情況而定；并且會随着時間推移，在某一時間節點前把相對時間轉換為絕對時間。

作者：Derrick；編輯：Derrick；公衆号：VMIC UED

本文由 @VMIC UED 原創發布于人人都是産品經理，未經許可，禁止轉載

題圖來自Unsplash，基于 CC0 協議

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!