設計沉思錄:簡歷頁面改版煥新設計思考

設計沉思錄:簡歷頁面改版煥新設計思考

背景

每天有上千萬的求職者通過 58 來找工作, 58 招聘不斷為求職者提供更好的服務而努力,作為設計師,更不能將自己定位於設計支持,應主動向前一步,努力推動體驗的升級。

此次選擇我的簡歷頁面進行改版升級有以下原因:

  • 簡歷是求職者找到工作的第一步,我的簡歷頁面包含用戶大量常規操作如刷新修改等,整體頁面點擊較高;

  • 頁面「年久失修」,樣式陳舊,與現有視覺語言脫節,體驗上也存在諸多問題。

我們初期改版方案與產品同學的想法不謀而合,也促成項目的最終成行。希望新版簡歷頁給用戶帶來更加清晰、高效的舒適體驗。

設計沉思錄:簡歷頁面改版煥新設計思考

改版前後視覺樣式

舊版問題

回顧舊版頁面,我們發現存在以下問題:

1.信息結構

結構上,頁面採用列表形式,列表布局優點是能顯示多條信息,利於用戶高效的篩選判斷,可見此形式更適合展示多份簡歷。而我們的數據顯示80%的用戶只有一份簡歷,當僅有一份簡歷時,頁面大面積空白,空間利用率極低。

設計沉思錄:簡歷頁面改版煥新設計思考

舊版列表式布局

操作入口無主次,並且均位於同一個視覺層級,選擇項越多,用戶花費的時間越多,嚴重影響操作效率。

2.交互層面

操作項不直觀,用戶需要點擊展開收起才能完成相應操作,點擊列表進行查看是用戶的本能操作,而在此只能通過點擊查看按鈕才能查看,與用戶的預期不符。

3.簡歷完整度

完整的簡歷不僅能夠在企業面前更全面的展示自己,提升通過率,同時也有利於平台為用戶推送更加匹配的職位,提高簡歷的豐富度是我們的重要方向,因此,引導用戶進行簡歷完善也是此次改版的重要目標。

設計目標

結合以上分析,我們確定了此次改版的設計方向:通過信息結構的梳理優化及合理的交互來提高用戶的操作效率,同時合理引導用戶進行簡歷完善,提升信息的完整度。

1.合理的信息架構

列表式—卡片式的信息布局

上文中提到,80%的用戶只有一份簡歷,卡片式結構能夠更加合理利用頁面空間,同時展示更多有效信息。採用左右滑動的交互形式既能滿足一份簡歷的需求也能兼容多份簡歷的極端情況。

設計沉思錄:簡歷頁面改版煥新設計思考

新版卡片式個人簡歷頁

在內容呈現上強化信息分組,加強信息間的視覺對比,重要的信息在視覺大小上進行區分,減少閱讀負擔,提高用戶的閱讀效率。

經過多次的調整,使整個頁面達到最舒適均衡的視覺節奏。

優化操作項信息層級,提高操作效率

設計沉思錄:簡歷頁面改版煥新設計思考

操作入口數據概況

通過對操作入口數據進行分析,我們發現,用戶的點擊數據排名如上圖所示,由此可見,刷新、置頂、修改作為用戶的高頻操作應加以突出,設為默認及更多操作頻次較低應適當弱化,因此卡片內容呈現保證簡潔同時使主操作更加直觀。

2.動態數據展示簡歷狀態,提升活躍度

通過將投遞量、查看量及下載量實時更新動態數據,時刻了解目前簡歷狀態,從而激發用戶進行簡歷操作,提升活躍。

設計沉思錄:簡歷頁面改版煥新設計思考

整體頁面

總結

未來招聘體驗優化之路還很長,感謝交互、產品同學提出的諸多寶貴方案及建議,後續我們會繼續跟進相關數據,在後期的優化迭代中,進行更深入的探索和嘗試,為求職者打造更好的產品體驗。

來源:微信公眾號@58UXD

作者@ 綦芳藝

發表迴響