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

0 評論 4011 瀏覽 23 收藏 13 分鐘

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

一、適用

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

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

1. 提供額外的關鍵決策數據

1)價格信息

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

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

航旅縱橫

2)號源信息

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

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

浙二醫院

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

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

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

攜程旅行

2. 減少不必要的數據選擇和顯示

在較短的日期范圍內選擇日期,通過縮小日期選擇器的日期范圍,幫助用戶專注于相關日期并簡化選擇過程。在確定適當的日期范圍時,需考慮業務背景和用戶行為偏好。

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

浙二醫院

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

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

鐵路12306

重大節日期間,隨著鐵路運營商調整政策,預售期可能會發生變化。

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

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

杭州市第一人民醫院

3. 默認的預填充值

1)下一個可用日期

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

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

杭州市第一人民醫院

2)當前日期

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

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

滴答清單

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

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

隨手記

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

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

3)特定日期

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

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

攜程旅行

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

4)最近使用的日期

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

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

鐵路12306

5)默認的預填充值為空

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

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

滴答清單

4. 本地化

1)一周的開始

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

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

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

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

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

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

2)星期

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

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

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

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

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

星期命名

星期最小縮寫名稱

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

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

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

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

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

伊朗勞動法規定周五為周休日。

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

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

3)歷法

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

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

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

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

4)讀寫順序

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

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

5)日期格式

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

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

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

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

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

本文由@張楚 原創發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自 Unsplash,基于 CC0 協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!