前段時間參加各種校招檐嚣，在網(wǎng)上填寫過n+1次簡歷,每次填寫順利的話二十分鐘搞定裸燎，麻煩的話可能要將近一個小時以上蘸鲸，有時候鼓搗了一晚上才投了12個職位噪伊，因此對填寫簡歷這件事已經(jīng)深惡痛絕榨婆。我一共有兩段教育經(jīng)歷和兩段實習經(jīng)歷磁携，“時間”是每段經(jīng)歷必不可少都要填寫的，因此每份簡歷至少要填四次良风，在填寫時遇到過各種各樣的時間表單的設計谊迄，有的操作繁瑣，有的容易讓人出錯烟央，有的甚至bug重重统诺，只有極少的在填寫時感到方便順手。體驗好的時間按表單在填寫時疑俭，會讓用戶感覺到“每個我要選的年份都剛剛好在那里粮呢，不用不停地翻頁尋找” 用起來特別爽。
那么如何才能讓時間表單的填寫體驗更好呢钞艇？作為設計師我覺得有必要對填寫時間的表單做一個整理與分析啄寡，用戶的痛點，用戶的使用習慣等等哩照。根據(jù)不同的情景提出合理的設計建議挺物，希望為大家在設計時間填寫的表單時提供更多的思路。
1.使用場景和需求
除了填寫簡歷飘弧，無論是web端還是移動端识藤，時間表單的應用是非常廣泛的。我通過平時的生活經(jīng)驗和相關(guān)的產(chǎn)品收集次伶，對目前時間表單的填寫的使用情景和用戶常遇到的任務類型進行了大致的分類：
-
填寫簡歷痴昧、個人資料、查詢賬單歷史等
年/月為主冠王，部分要求年/月/日 -
填寫出行往返時間赶撰，保險購買等
要精確到具體的日期 -
購物時選擇配送時間
精確到一天中的各時間段，如15號10:00-12:00
可以發(fā)現(xiàn)具體研究不同的使用場景和任務時，時間精確度的獲取需求不同扣囊，可以分為年/月為主和以月/日和“日/時”這三種乎折，用戶的任務不同，界面的展現(xiàn)和交互方式都各有特點侵歇。
2.用戶主體操作流程和特點
首先時間表單的填寫主要的任務流程大致可以分為兩大部分：
- 開始時間填寫-確認骂澄；
- 結(jié)束時間填寫-確認；
一般時間表單的填寫大部分是基于選擇的輸入惕虑，有的同時提供文字直接鍵入和選擇輸入兩種方式坟冲，只有文字鍵入的時間表單設計對于用戶操作負擔過重，而且用戶還要擔心格式的問題溃蔫，因此已經(jīng)逐漸被淘汰健提。
| 第一步 | 第二步 | |
|---|---|---|
| 1 | 開始年份 | 結(jié)束年份 |
| 2 | 開始年份/月份 | 結(jié)束年份/月份 |
| 3 | 開始年份/月份 /日 | 開始年份/月份 /日 |
| 確認/取消, 或自動跳到第二步 | 確認或取消 |
交互復雜
不同的場景對時間的精確值要求不同，有的可能只需要年份伟叛，有的要精確到日期私痹，使得這兩項任務有衍生出了多種細分任務，彈窗或下拉選擇框的交互復雜度大大增加,操作方式更多樣统刮。
不同平臺的操作方式不同
從操作終端上來看紊遵，web端和移動端也各有特點，移動端界面有限侥蒙，選擇時間時會使用彈窗或界面的切換效果暗膜，因此為了簡化步驟，很多設計中開始時間和結(jié)束時間的填寫在同一個彈窗內(nèi)完成鞭衩，使操作更加流暢学搜。而一般web端的表單會采用下拉選擇框的方式分別填寫兩個時間。
案例分析
根據(jù)以上每個使用場景的特點论衍，挑選一些好的設計案例進行分析瑞佩，看看我們的設計師是如何打破傳統(tǒng)的交互方式，考慮結(jié)合用戶場景思考的坯台。
具體到某一日期時钉凌，待選的日期選項有30個，往往會通過月份日歷的形式展現(xiàn)捂人，例如下圖12306的訂票日期選擇頁，
交互設計師應該深入分析用戶所處的場景有針對行的設計矢沿，盡量減少用戶在填寫時間表單時遇到困難滥搭，減少出錯，提升效率捣鲸。
甚至年份和月份進一步分為四步
精確到月份日期
對比以上兩種方式瑟匆，第一種只有兩個選擇框，每個里面要進行年和月兩種選擇操作栽惶，而且還需要橫向切換年份的操作愁溜，多種操作方式糅雜在一起疾嗅，不同的信息排在一個界面上，不利于用戶處理冕象，容易發(fā)生錯誤代承，后一種在每個選擇框中只進行一種操作，雖然增加了操作的次數(shù)渐扮，但操作簡單重復性高论悴，填寫起來會更方便，但占用的寬度較大墓律，開始時間與結(jié)束時間區(qū)別不清晰
簡歷日期的填寫
移動端一般通過彈窗+滑動操作
一般需要填寫到具體的日期
操作區(qū)域略小膀估，手指滑動
去哪兒酒店住宿日期選擇
用戶在選擇酒店的住宿時間時需要明確入住和離店兩個時間，因此在設計上無論是web端還是移動端都要在同一界面中表示出這兩個日期耻讽。
默認值顯示察纯，默認選擇入住日期為當天，點擊跳轉(zhuǎn)日期選擇頁针肥，整屏顯示方便操作饼记，下方有提示用戶“選擇入住日期”第一次點擊后選擇入住日期，點擊時上方有提示祖驱，避免手指擋住握恳，重新選擇入住日期后，之前默認的離店日期數(shù)據(jù)清除捺僻，等待用戶點擊選擇離店日期乡洼，選擇離店日期完成后無需確認直接退出日期界面，顯示已選定的日期匕坯，用戶想要修改可再次點擊進入
即使是智聯(lián)束昵，中華英才等可以保存簡歷的招聘網(wǎng)站，在應聘一個新的公司的時候葛峻，由于每個公司的簡歷定制模板不同锹雏，從后臺取得的原始數(shù)據(jù)自動填充時會導致內(nèi)容混亂，實習經(jīng)歷和教育背景順序术奖，時間等都會出錯礁遵。
