產品上線之后不能一成不變，持續(xù)改進，迭代優(yōu)化以提供更為優(yōu)質的用戶體驗。

背景

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

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

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

頁面“年久失修”，樣式陳舊，與現(xiàn)有視覺語言脫節(jié)，體驗上也存在諸多問題。

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

改版前后視覺樣式

舊版問題

回顧舊版頁面，我們發(fā)現(xiàn)存在以下問題：

1.信息結構

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

舊版列表式布局

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

2.交互層面

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

3.簡歷完整度

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

設計目標

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

1.合理的信息架構

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

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

新版卡片式個人簡歷頁

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

經(jīng)過多次的調整，使整個頁面達到最舒適均衡的視覺節(jié)奏。

優(yōu)化操作項信息層級，提高操作效率

操作入口數(shù)據(jù)概況

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

2.動態(tài)數(shù)據(jù)展示簡歷狀態(tài)，提升活躍度

通過將投遞量、查看量及下載量實時更新動態(tài)數(shù)據(jù)，時刻了解目前簡歷狀態(tài)，從而激發(fā)用戶進行簡歷操作，提升活躍。

整體頁面

總結

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

以上就是類似于眾安保險的網(wǎng)頁改版設計分析的內容，如果想要了解關于企業(yè)網(wǎng)絡營銷推廣及數(shù)學與UI設計，可直接點擊查看