成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

網(wǎng)頁網(wǎng)站中日期選擇器的常見設計樣式

2021-05-25    分類: 網(wǎng)站建設

一、選擇一個日期
有一種場景是單純地選擇一個日期夠了,還有一種場景是除了選擇日期外還需要添加任務行程,這就用到了兩種不同的方式。
1.底部日歷彈窗
通過點擊頁面中的選擇日期按鈕,頁面底部彈出日歷,選擇完后自動確認。這種方法多使用在只需要選擇日期的場景。
優(yōu)點是:省去多余的操作,用戶使用方便。
缺點是:功能單一,除了選擇日期外不能進行其他操作。如下圖:

日期選擇器設計

日期選擇器設計

以隨手記賬為例,它的產(chǎn)品目標是讓用戶記錄某天的花銷情況,側(cè)重點是讓用戶選擇花銷的具體內(nèi)容和數(shù)量,時間是次要的,所以它使用了底部日歷彈窗的方式。
2.頂部下拉日歷
默認狀態(tài)下,頂部顯示一行日歷,下拉顯示完整日歷,可以添加其他功能。這種方式多用在除了選擇日期外還需要進行其他操作的場景。
優(yōu)點是:頁面面積大,可添加其他內(nèi)容。
缺點是:操作相對復雜,用戶操作成本較高。如下圖:

日期選擇器設計

日期選擇器設計

以滴答清單為例,它的產(chǎn)品目標是讓用戶安排某天要做的任務行程,用戶首先要確定日期,然后再去添加當天的任務,所以它使用了這種方式。
二、選擇兩個日期
有一種場景是單純地選擇一個日期夠了,還有一種場景是除了選擇日期外還需要添加任務行程,這就用到了兩種不同的方式。
1.兩個頁面間跳轉(zhuǎn)
首先選擇完去程時間后,再跳轉(zhuǎn)到第二個頁面選擇返程時間。常使用在需要選擇一到兩個日期的場景下。
優(yōu)點是:比較靈活,既可以選擇單個日期,也可以選擇兩個日期;在日歷中添加價格,讓用戶很輕易地做出對比。
缺點是:兩個頁面來回跳轉(zhuǎn)增加了操作成本。如下圖:

日期選擇器設計

日期選擇器設計

以馬蜂窩購買機票的功能為例,它的產(chǎn)品目標是讓用戶購買單程和往返機票。如果只是購買單程票的話,我們選擇完去程日期后直接點搜索就可以了;但是如果要買往返票,我們除了要選擇去程日期,還要跳轉(zhuǎn)到另一個頁面選擇返程日期。這樣做既滿足了購買單程票用戶的需求,又滿足了購買往返票用戶的需求。
這里需要注意的是:在用戶選擇返程日期的時候,去程日期要在頁面中顯示出來,給用戶一個反饋,讓用戶確認自己之前的選擇內(nèi)容無誤,再進行下一步操作。
2.兩個 Tab 間跳轉(zhuǎn)
這種方法是通過一個頁面中用兩個 Tab 跳轉(zhuǎn)來實現(xiàn),常用在需要選擇兩個日期的場景中。
優(yōu)點是:操作簡單,省去來回切換頁面的步驟。
缺點是:比較死板,沒有上一種方式靈活,只能選擇兩個日期,如下圖:

日期選擇器設計

日期選擇器設計

以攜程旅行購買火車票功能為例,它首先讓用戶選擇“單程”還是“往返”,然后跳轉(zhuǎn)到對應的頁面,點擊單程就只能選擇去程的票,點擊往返,則可以同時選擇去程和返程的票。
三、選擇一段日期
在預定酒店的時候我們需要選擇“入住”到“離開”的這一段日期,常用同一個頁面點擊兩次完成操作的方式。
同一個頁面點擊兩次完成操作
通過點擊兩下,分別選擇兩個日期,之間的日期全部包含在內(nèi)。
優(yōu)點是:這種方法操作簡潔方便,給用戶的反饋直觀明了。
缺點是:如果沒有確定按鈕,用戶誤觸后必須重新選擇。如圖:

日期選擇器設計

日期選擇器設計

上圖中,馬蜂窩、驢媽媽、攜程旅行的預訂酒店頁面,都使用這種方式,第一次點擊選擇入住日期,第二次點擊選擇離店日期。驢媽媽和攜程旅行沒有確定按鈕,如果用戶選擇錯了就必須重新選擇。
(鄭重聲明:本文版權歸海鹽社青山所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如有侵權,請聯(lián)系我們刪除;如作者信息標記有誤,請聯(lián)系我們修改。)

分享題目:網(wǎng)頁網(wǎng)站中日期選擇器的常見設計樣式
地址分享:http://jinyejixie.com/news/114978.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供動態(tài)網(wǎng)站、品牌網(wǎng)站制作網(wǎng)站維護、域名注冊建站公司、外貿(mào)網(wǎng)站建設

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作
通州区| 灵寿县| 铜梁县| 嘉善县| 壤塘县| 浦县| 攀枝花市| 宜兰县| 临漳县| 车险| 安顺市| 大化| 广南县| 公安县| 瓦房店市| 邯郸市| 平乐县| 萍乡市| 广平县| 上饶市| 兴安盟| 孝昌县| 肃北| 新郑市| 新疆| 潜江市| 甘谷县| 赤峰市| 新余市| 焦作市| 扶绥县| 简阳市| 文山县| 平南县| 海晏县| 元朗区| 兴义市| 宜昌市| 公主岭市| 饶河县| 科尔|