免费一级欧美在线观看视频片-免费一级欧美性大片-免费一级国产大片-免费一级性片-婷婷六月在线-婷婷六月综合

在線客服

電話①: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.內容的附屬信息”時

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


相關文章

首頁  電話  咨詢  頂部
女生让男生随便诵自己的名字 | 国产精品美女一区二区三区| 亚洲男人AV香蕉爽爽爽爽| 人C交ZZZ0OOZZZ000| 护士HD老师FREE性Ⅹ| 宝贝你的奶好大我想吃| 亚洲欧洲第一的日产SUV| 日本熟妇人妻XXXXXHD| 久久99精品久久久久久久清纯 | 亚洲 欧洲 日韩 综合 第一页| 欧美精品视频一区二区| 韩漫网站在线看免费无删减漫画| 锕锕锕锕锕锕好爽视频软件| 亚洲国产AⅤ精品一区二区30P| 人妻丰满AV无码中文字幕| 精品国产一区二区三区免费| 成年网站未满十八禁在线观看| 亚洲中文字幕日产乱码小说| 挺进美妇肉蚌深处| 嫩草伊人久久精品少妇AV| 国产在线精品无码二区| 锕锕锕锕锕锕好污网站大全| 亚洲午夜无码毛片Av| 忘忧草在线社区日本WWW| 女人自慰喷水全过程免费观看| 豪妇荡乳1一5白玉兰免费下载| 差差差很疼30分钟视频| 亚洲一区二区三区在线观看网站| 熟妇高潮一区二区精品| 美女露胸 0无挡挡| 国产做床爱无遮挡免费视频| 爆乳美女午夜福利视频| 亚洲香蕉一本大道在线| 图片 小说 校园 激情 都市| 女性の乳頭を凸起しています| 精品国产AⅤ无码一区二区蜜桃| 俄罗斯6一12泑女精品| 中国小帅男男GAYXNXX| 亚洲AV日韩AV蜜桃在线播放| 日本工口里番H彩色无遮挡全彩| 久久久久亚洲AV成人网人人网站| 国产精品乱码一区二区三区| JAPAN丰满人妻VIDEOS| 亚洲精品夜夜夜妓女网| 少妇无码人妻一区二区三区 | 娇妻被交换粗又大又硬视频| 对白脏话肉麻粗话AV| 中文字幕无码精品亚洲资源网久久| 亚洲AV色香蕉一区二区三区夜夜嗨 | 极品人妻系列少妇系列| 多肉大尺寸小黄说说| 97久久香蕉国产线看观看| 亚洲美女又黄又爽在线观看 | 国产69精品久久久久99尤物 | 无码国产精成人午夜视频不卡| 欧美激欧美啪啪片SM| 精品无人区乱码1区2区3区在线 | 老色鬼久久亚洲AV综合| 国产一区二区三区小说| 大BBW大BBW大BBW| 19部MACBOOKPRO日本| 亚洲精品国产成人| 铜铜铜铜铜铜铜好大好深色板| 人妻[21p]大胆| 毛片TV网站无套内射TV网站| 护士人妻HD中文字幕| 国产成人年无码AV片在线观看| FREE性欧美18ⅩXOO极品| 亚洲区综合区小说区激情区| 无码人妻精品一区二区三区蜜桃91 | 欧美在线三级艳情网站| 久久久久亚洲精品中文字幕| 国产亚洲日韩欧美另类丝瓜APP| 成人精品一区二区三区在线观看| 18禁黄网站禁片免费观看在线| 亚洲乱码一区二区三区| 无码人妻丰满熟妇区五十路在线| 日本十八禁视频无遮挡| 妺妺窝人体色WWW在线直播| 九九真实偷窥短视频| 国产日韩欧美一区二区东京热| 超碰97人人做人人爱亚洲尤物| 137肉体摄影日本裸交| 亚洲熟妇久久精品| 香蕉久久夜色精品国产| 色窝窝无码一区二区三区色欲| 欧美激欧美啪啪片免费看| 看黄A大片爽爽爽不打码| 精品成品国色天香卡一卡三| 国产精品无码AV天天爽播放器| 成人综合激情另类小说| FREE嫩白18SEX性HD处| 中文字幕爆乳JULIA女教师| 亚洲色欲色欲WWW在线看小说| 亚洲AV日韩AV永久无码色欲| 天码人妻一区二区三区| 人妻妺妺窝人体色777777| 免费中国大但人文艺术在线观看 | もんむす くえすと资源网| …久久精品99久久香蕉国产| 亚洲综合精品成人| 亚洲大尺度无码无码专区| 午夜精品久久久久久毛片| 少妇内射高潮福利炮| 日本丰满少妇XXXX| 欧美日韩精品一区二区在线视频 | 漂亮人妻中文字幕丝袜| 免费又黄又硬又爽大片免费| 久久精品无码一区二区APP| 黑人巨大粗物挺进了少妇| 国产男男GAY做受ⅩXX高潮 | 亚洲欧美日韩国产成人精品影院| 亚洲AⅤ无码日韩AV中文AV伦| 舔吮着她的乳尖小说| 日日狠狠久久偷偷色综合| 人妻少妇中文字幕| 欧美日韩人妻一区二区| 娜娜的YIN荡生涯H全文阅读| 久久一区二区三区精华液| 久久国产精久久精产国| 黑料传送门TTTZZZ07DU| 国产精品一区二区久久| 国产97在线 | 欧美| 成人乱子视频在线播放| 暗交小拗女一区二区三| CHINESE熟女熟妇1乱| 696969大但人文艺术主题| 在线观看视频一区二区三区| 亚洲中文字幕精品一区二区三区| 亚洲精品卡2卡三卡4卡2卡乱码 | 国内精品视频一区二区三区八戒| 国产精品一卡二卡三卡四卡| 国产精品国产精品偷麻豆| 国产AV无码专区亚洲AV果冻传| 成人免费无码H黄网站WWW| 八戒福利WWW资源在线观看| CHINA东北女人对话过瘾| 99久久国产热无码精品免费| 中字年轻漂亮的儿媳BD| 制服丝袜人妻中文字幕在线| 一本色道久久综合亚州精品蜜桃| 亚洲午夜国产成人AV电影| 亚洲日韩国产精品乱-久| 亚洲精品少妇XXXX| 亚洲国产一卡2卡3卡4卡5公司| 亚洲成人Av在线| 亚洲高清乱码午夜电影网| 亚洲国产成人久久精品APP| 亚洲国产AV一区二区三区| 亚洲AV无码成人精品区明星换面| 性VODAFONEWIFI另类| 亚洲 另类 日韩 制服 无码| 亚洲AV成人在线| 亚洲AV网站在线观看| 亚洲AV永久无码老湿机男人网| 亚洲AV无码潮喷在线观看| 亚洲AV永久无码精品一区二区不 | 成年网站未满十八禁在线观看| 宝贝你的奶好大我想吃| 擦老太BBB擦BBB擦BBB擦| 被陌生人在地铁揉到高潮| 波多野结衣456| 成人午夜免费无码福利片| 丰满熟妇VIDEOSXXXX| 国产成人精品亚洲精品| 国产精品久久久久久超碰| 国产免费一区二区三区在线观看| 国产亚洲婷婷香蕉久久精品| 狠狠色噜噜狠狠狠888米奇| 精品国产午夜福利在线观看| 久久国产精品成人无码网站| 久久久亚洲裙底偷窥综合| 老头握住校花的双乳| 免费国产黄网站在线观看可以下载| 内谢少妇XXXXX8老少交| 欧美精品做受XXX性少妇| 全部孕妇毛片丰满孕妇孕交| 日本少妇毛茸茸高潮| 色欲香天天天综合网站| 他揉捏她两乳不停呻吟人妻| 无码视频免费一区二区三区| 性饥渴XXXXXⅩHD| 亚洲ΑV久久久噜噜噜噜噜 | 疯狂做受XXXX国产| 国产成人精品综合久久久久| 国产精品自产拍在线18禁| 国产无遮挡裸体免费视频| 国内偷窥一区二区三区视频| 近親五十路六十被亲子中出 | 精品人人妻人人澡人人爽人人 | 国产日韩欧美一区二区东京热| 韩漫无羞遮无删减漫免费| 精品卡一卡三卡四卡AⅤ新区| 久久精品露脸对白国产| 老汉扛起娇妻玉腿进入| 男生把自己的手到女生的QQ里 | 国语自产少妇精品视频| 精品久久久久久久久中文字幕| 久久久久夜色精品国产| 免费无人区一码二码乱码|