国产国语高清在线视频二区_亚洲国产精品国产自在在线 _91在线免费公开视频_男女晚上日日麻批视频不挡

在線客服

電話①:189 6508 9135(張先生)
電話②:134 0599 8886(何小姐)
電話③:0591-83489135

品牌設計


如何設計「時間顯示」更專業?


背景

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

“時間”元素的分類

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

A. 事件的關鍵構成要素

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

如何設計「時間顯示」更專業?

B. 行為的時間標記

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

如何設計「時間顯示」更專業?

C. 內容的附屬信息

用戶在使用產品進行內容消費時,時間作為該條內容的附屬信息,起到補充說明的作用,比方說一條短視頻或新聞的發布時間。

如何設計「時間顯示」更專業?

在上面的案例中,我們會發現“時間”在對應場景里所發揮的作用不同,用戶在使用產品時往往對時間存在不一樣的關注程度。因此我們在做頁面設計時,要根據具體場景和用戶訴求判斷“時間”元素的重要性和優先級,通常情況下:時間作為事件的關鍵構成要素>行為的時間標記>內容的附屬信息,之后再思考用什么樣的設計形式去展示來達到我們的目標。

“時間”的呈現方式和運用技巧

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

拿開會舉例子:“下午 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 通知、信息流產品,側重強調內容的時效性;而“倒計時”也算相對時間的一種,側重營造時間的緊迫感。使用相對時間戳的優勢是用戶辨識、理解成本低,不用通過計算來判斷時間過去或還剩下多久;缺點是不夠精確、正式,并很難衡量兩個時間點的臨近性。

如何設計「時間顯示」更專業?

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

如何設計「時間顯示」更專業?

總結

在設計界面中的“時間”元素時,要遵循場景貼合、便于閱讀理解的總體原則;之后根據場景和目標,再選取合適的“時間”呈現方式(包括時間戳類型、時間顯示格式、時間顆粒度)。

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

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

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

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

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

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


相關文章

首頁  電話  咨詢  頂部
国产国语高清在线视频二区_亚洲国产精品国产自在在线 _91在线免费公开视频_男女晚上日日麻批视频不挡

                久久99精品视频一区97| 国产欧美丝袜| 久久艳片www.17c.com| www.久久撸.com| 久久成人免费观看| 九色91视频| 久久精品免费电影| 久久99精品久久久水蜜桃| 国产成+人+综合+亚洲欧美丁香花| 久久精品第九区免费观看| 国产成人女人毛片视频在线| 国产精品久久久久7777| 精品国产一区二区三区麻豆免费观看完整版 | 日本精品一区在线观看| 日本精品一区二区三区在线| 欧美综合激情| 麻豆av一区| 91久久精品美女高潮| 国产不卡一区二区视频| 日韩视频免费观看| 欧美成人亚洲成人| 亚洲精品国产精品国自产观看| 日本一级淫片演员| 欧美日韩激情视频在线观看| 国产在线999| 97成人在线免费视频| 国产成人91久久精品| 久久精品免费电影| 国产精品美女主播在线观看纯欲| 久久国产精品免费视频| 欧美激情a∨在线视频播放| 亚洲精品中文字幕在线| 热re99久久精品国产99热| 精品99在线视频| 91精品国产91久久久久久吃药| 久久精品99无色码中文字幕| 中文字幕久久综合| 日韩精品综合在线| 国产综合欧美在线看| 久久这里精品国产99丫e6| 久久精视频免费在线久久完整在线看| 国产精品久久激情| 午夜精品久久久99热福利| 欧美日韩亚洲第一| 国产精品专区第二| 色偷偷偷亚洲综合网另类| 久久久久国产精品一区| 日韩精品 欧美| 成人久久18免费网站图片| 久久精品视频亚洲| 午夜在线视频免费观看| 国产综合在线看| 久艹在线免费观看| 亚洲影视中文字幕| 国产亚洲精品久久久久久久| 色青青草原桃花久久综合| 中文字幕一区二区三区精彩视频 | 久久精品国产一区二区三区| 在线一区高清| 国语自产精品视频在线看| 国产高清在线一区| 欧美日本国产在线| 韩国国内大量揄拍精品视频| 久久99国产精品| 视频在线一区二区三区| 成人免费福利视频| 国产精品成人久久电影| 欧美国产一二三区| 国产v片免费观看| 亚洲资源在线看| 国产日韩av在线播放| 国产精品视频播放| 日韩精品一区二区三区外面| 久久综合婷婷综合| 亚洲熟妇av日韩熟妇在线| 国产无套粉嫩白浆内谢的出处 | 中文字幕一区二区三区四区五区六区 | 国产精品视频一区二区高潮| 日本精品视频在线| 久久九九视频| 少妇高潮流白浆| 久久青草精品视频免费观看| 午夜精品久久久久久久99黑人| 99在线看视频| 亚洲一区二区在线| 91精品视频在线免费观看| 亚洲精品中文字幕无码蜜桃| 成人av.网址在线网站| 亚洲一二三区精品| 91精品视频专区| 天堂资源在线亚洲视频| 国产富婆一区二区三区| 日韩欧美在线播放视频| 日韩少妇与小伙激情| 欧美 国产 综合| 精品国产乱码久久久久久蜜柚| 国产乱码一区| 亚洲va码欧洲m码| 久草资源站在线观看| 欧美久久久久久| 国产精品成av人在线视午夜片| 国产日本欧美一区二区三区 | 久久精品99久久久香蕉| 黄色av网址在线播放| 国产精品户外野外| 国产日韩欧美视频| 一本久道久久综合狠狠爱亚洲精品| 成人在线一区二区| 日韩一级片一区二区| 日韩在线观看成人| 国产日韩av在线| 亚洲爆乳无码专区| 日韩天堂在线视频| 国产资源在线视频| 亚洲精品一区二区三区四区五区| 国产精品 欧美在线| 欧美自拍资源在线| 欧美片一区二区三区| 久久综合九色综合久99| 欧美激情国产日韩| 亚洲欧洲精品一区二区三区波多野1战4 | 久久久久国产精品免费| 国产精品69精品一区二区三区| 日韩视频第二页| 国产精品第二页| 国产精品一区免费观看| 日韩在线第一区| 久久精品欧美视频| 国产免费一区二区三区香蕉精| 亚洲精品成人自拍| 国产精品人成电影在线观看| 超碰97人人人人人蜜桃| 欧美亚洲精品一区二区| 一区二区免费在线观看| 久久久精品国产亚洲| 91精品国产综合久久久久久久久 | 久久久久久久激情| 国产乱子夫妻xx黑人xyx真爽| 日本一区二区三区免费看| 国产精品久久久久久久9999| 国产精品一区视频网站| 欧美午夜精品久久久久久蜜| 亚洲自拍中文字幕| 国产精品美女免费看| 国产成人高清激情视频在线观看| 国产青草视频在线观看| 日韩免费在线视频| 亚洲一区二区在| 国产精品久久久久久久久久99| 91精品在线影院| 国产在线精品91| 欧美在线观看一区二区三区| 美女久久久久久久久久久| 日韩视频在线观看免费| 91国产美女在线观看| 国产在线视频欧美一区二区三区| 日本三级中国三级99人妇网站| 在线精品日韩| 欧美大码xxxx| 国产精品高清免费在线观看| www.亚洲成人| 久久av一区二区三区漫画| 91精品久久香蕉国产线看观看| 国产免费一区二区三区| 黄色片久久久久| 人体精品一二三区| 少妇人妻无码专区视频| 亚洲福利av在线| 一区二区不卡在线| 久久国产精品久久久| 国产精品成人久久电影| 国产精品日韩二区| 国产精品丝袜白浆摸在线| 久久精品国亚洲| 日韩视频一区在线| 国产v亚洲v天堂无码| 国产成人一区二| 97久久超碰福利国产精品…| 国产精品自拍片| 国产日韩一区在线| 国产一区在线免费| 欧美日韩一区二区视频在线| 青春草国产视频| 日本aa在线观看| 日韩专区第三页| 日本成人中文字幕在线| 色综合视频二区偷拍在线| 亚洲精品日韩成人| 亚洲综合国产精品| 一卡二卡3卡四卡高清精品视频| 中文字幕乱码人妻综合二区三区 | 成人国产精品色哟哟| 国产欧美一区二区视频| 国产欧美欧洲| 99久久精品无码一区二区毛片| www.久久草| 91精品国产91久久久久久吃药| 91精品天堂| 久久久久久久久影视| 国产精品毛片a∨一区二区三区|国|