組件詳解|日歷日期選擇器 Calendar date picker

張楚
0 評論 4228 瀏覽 23 收藏 13 分鐘
🔗 产品经理专业技能指的是:需求分析、数据分析、竞品分析、商业分析、行业分析、产品设计、版本管理、用户调研等。

在不少產(chǎn)品的設計過程中,產(chǎn)品團隊可能都會需要為產(chǎn)品配置日期日歷選擇功能,那么在日期選擇器的設計上,可以從哪些維度提升用戶體驗呢?這篇文章里,作者就針對日期選擇器這一組件進行了拆解分析,一起來看。

一、適用

  1. 用戶沒有特定的目標日期。
  2. 不久的將來或過去的日期。

二、提升日期選擇器的用戶體驗可以考慮以下幾個關鍵點

1. 提供額外的關鍵決策數(shù)據(jù)

1)價格信息

預訂航班、酒店或其它涉及價格變化的服務,在日期旁邊顯示每個日期的價格,有助于用戶找到最實惠的選擇。

例如,在航旅縱橫預訂航班時,在日期旁邊以不同的顏色顯示價格,橙色表示該特定日期的航班票價相對更實惠。

航旅縱橫

2)號源信息

對于需要預約且預約數(shù)量有限的服務,在日期旁邊顯示實時號源狀態(tài),有助于用戶了解每個日期的預約情況。

例如,在浙二醫(yī)院預約掛號時,在日期旁邊以“有號”和“無號”字樣表示實時號源狀態(tài)。

浙二醫(yī)院

3)公共假日(國定假日)信息

預訂酒店、航班、度假租賃服務,在日期旁邊顯示假日信息,有助于用戶識別假期,并相應的計劃他們的活動。

例如,在攜程旅行預訂航班、火車票時,在日期旁邊顯示公共假日信息。

攜程旅行

2. 減少不必要的數(shù)據(jù)選擇和顯示

在較短的日期范圍內(nèi)選擇日期,通過縮小日期選擇器的日期范圍,幫助用戶專注于相關日期并簡化選擇過程。在確定適當?shù)娜掌诜秶鷷r,需考慮業(yè)務背景和用戶行為偏好。

例1,浙二醫(yī)院所有號源提前28天開放,預約未來28天的號源時,當天16:30前,其日期選擇器僅顯示次日開始算起27天內(nèi)的日期,當天16:30后,日期選擇器僅顯示后日開始算起27天內(nèi)的日期。

浙二醫(yī)院

不同的醫(yī)院號源提前開放時間不同,根據(jù)每個醫(yī)院號源提前開放時間確定日期范圍。

例2,高鐵票預售期是15天,鐵路12306日期選擇器僅顯示預售期相關的月份,用戶僅可選擇當天開始算起15天內(nèi)的日期。

鐵路12306

重大節(jié)日期間,隨著鐵路運營商調(diào)整政策,預售期可能會發(fā)生變化。

對于較少有限數(shù)量的日期選項,提供預定義的日期選項幫助用戶簡化日期選擇過程,不需要提供日歷日期選擇器。

例如,杭州市第一人民醫(yī)院所有號源提前7天開放,其日期選擇器僅顯示次日開始算起7天內(nèi)的日期選項。

杭州市第一人民醫(yī)院

3. 默認的預填充值

1)下一個可用日期

需要預約且號源有限的服務,將默認的預填充值設置為下一個可用日期,減少不必要的交互。

例如,在杭州市第一人民醫(yī)院預約掛號時,如果次日沒有號源則默認的預填充值為下一個有號源的日期。

杭州市第一人民醫(yī)院

2)當前日期

在待辦事項、任務管理、筆記應用中創(chuàng)建需要在當天完成的任務時,將截止日期默認設置為當前日期。

例如,在滴答清單中創(chuàng)建當天任務時,默認截止日期為當前日期。

滴答清單

在記賬應用中,用戶通常會在財務活動發(fā)生的當天記錄,將默認的預填充值設置為當前日期。

例如,在隨手記記賬時,默認的預填充值為當前日期。

隨手記

在購買最后一刻的優(yōu)惠時,將默認的預填充值設置為當前日期。

例如,在美團預訂今夜特價酒店時,默認的預填充值為當前日期。今夜特價是酒店清理當天尾房以減少損失,用戶則尋求最后一刻的優(yōu)惠低價入住。

3)特定日期

對于僅適用于特定日期的優(yōu)惠活動時,將默認的預填充值設置為與活動日期一致。

例1,在攜程旅行預訂周末低價酒店時,默認的預填充值為周末。

攜程旅行

例2,在同程旅行預訂特價機票時,默認的預填充值為特定出發(fā)日期。

4)最近使用的日期

預訂航班、火車票或酒店等服務,用戶可能多次訪問預訂服務來比較價格或其它影響因素才能做出最終決定,記住用戶選擇的日期,創(chuàng)造無縫的預訂體驗。

例如,在鐵路12306預訂火車票時,首次打開應用時默認乘車日期為當前日期,在關閉并重新打開應用后默認乘車日期為用戶上次選擇的乘車日期。

鐵路12306

5)默認的預填充值為空

在待辦事項、任務管理、筆記應用中創(chuàng)建沒有特定截止日期的任務時,默認的預填充值設置為空。

例如,在滴答清單創(chuàng)建沒有特定截止日期的任務時,默認的預填充值為空。

滴答清單

4. 本地化

1)一周的開始

在不同國家,一周的開始時間并不完全一致。

例如,國際標準ISO8601:2004將星期一指定為一周的第一天。

根據(jù)中國國家標準GB/T 7409 – 2005,我國將星期一指定為一周的第一天。該標準與國際ISO8601標準一致。

雖然美國沒有具體的標準指定,但美國政府維護的設計系統(tǒng)U.S. Web Design System在日期選擇器中將星期日作為一周的第一天。

伊朗將周六指定為一周的第一天。(伊朗讀寫順序從右往左)

為什么我國國家標準將星期一指定為一周的第一天,但日歷將星期日列為一周的第一天?求解。

2)星期

一周七天的命名與天體和神聯(lián)系起源于古巴比倫。

古羅馬采用并改編了七天周制度,以羅馬神話中的神來命名一周中的日子。西方語言中星期的表達大多源于拉丁語,拉丁語是古羅馬的語言,拉丁語的情況可以分為基督教崛起前和崛起后(體現(xiàn)了古羅馬帝國對基督教立場從抵制、迫害向包容、接受的演變)。

英語繼承了基督教崛起前拉丁語的表達,但用北歐神話中的神取代了星期二至星期五相關的羅馬神話中的神。

西班牙語、法語、意大利語中一周七天的命名源自于基督教崛起后的拉丁語的表達。

日本、韓國、朝鮮使用七曜紀日。

星期命名

星期最小縮寫名稱

3)公共假日(國定假日)、周末和工作周

大多數(shù)國家工作周為星期一至星期五,周末為星期六和星期日。

例如,周五日落至周六日落是猶太安息日,以色列的周末為周五至周六。一些穆斯林占多數(shù)的國家,周五是穆斯林的主麻日,一般會將周五和相鄰的一天定為周末。

一些國家周末可能只有一天。

例如,印度尼西亞勞工法允許兩種不同的工作時間制度:5天和6天工作制。

伊朗勞動法規(guī)定周五為周休日。

不同國家的公共假日不同。

因此,在日期選擇器清晰標記公共假日、周末時必須考慮不同的國家和地區(qū)慣例。

3)歷法

大多數(shù)國家都使用公歷作為官方民用歷。

一些國家使用不同的歷法作為官方民用歷。

例如,伊朗出于不同目的使用三套歷法(伊朗歷、伊斯蘭歷、公歷),伊朗歷是伊朗的民用歷,伊斯蘭歷用于確定伊斯蘭節(jié)日,公歷僅用于國際目的。

作為國際旅行提供商alibaba.ir支持伊朗歷、公歷,伊斯蘭節(jié)日在伊朗歷中清晰標記。

4)讀寫順序

阿拉伯語國家、波斯語國家、希伯來語國家、烏爾都語國家讀寫順序從右往左。

例如,伊朗歷中每周從星期六開始并在星期五結束。在伊朗航空預訂航班時,日期選擇器中日期從右往左排列。

5)日期格式

在不同的國家,日期格式并不完全一致。

例如,美國日期格式:mm/dd/yyyy(月/日/年)

中國日期格式:yyyy-mm-dd(年/月/日)

英國日期格式:dd/mm/yyyy(日/月/年)

感謝閱讀,以上就是本次分享的全部內(nèi)容,希望你能從這篇文章中有所收獲。

本文由@張楚 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉載。

題圖來自 Unsplash,基于 CC0 協(xié)議。

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務。

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!
专题
15005人已学习14篇文章
RBAC是一套成熟的权限模型,在传统权限模型中,我们直接把权限赋予用户。而在RBAC中,首先把权限赋予角色,再把角色赋予用户。本专题的文章分享了基于RBAC模型的权限设计。
专题
55761人已学习20篇文章
产品上线后冷启动怎么做最有效?这是产品经理和运营必须要了解的。
专题
17323人已学习18篇文章
本专题的文章分享了车载HMI设计指南,包括HMI的交互、设计、功能等方面的知识分享。
专题
17018人已学习16篇文章
ERP是一种以系统化的方式,将企业内部所有的业务流程和数据进行整合和管理的软件系统。本专题的文章分享了ERP系统设计指南。
专题
60907人已学习12篇文章
业务流程图是最常见的图表之一,能看懂读懂是必修课,能绘制便是非常重要的选修课。
专题
17969人已学习17篇文章
随着互联网的不断发展,不少产品开始了适老化改造,帮助老年人更好地融入智能生活。本专题的文章分享了适老化的设计思路。