酷播亮新聞
文章為58招聘自助商城的改版總結，希望從這份總結中你可以有所收穫。
首先，向大家介紹一下本次改版的項目——58招聘自助商城。 什麼是招聘自助商城呢？ 它是提升招聘效率，減少人員成本的線上自助化會員套餐售賣平台。 簡單來說，就是招聘自助商城可以幫助用戶快速招到好人才。
改版原因
舊版商城模塊只做了一個簡單的購買頁面而沒有商城屬性，並且用戶體驗較為刻板，有部分bug需要修改。 現需對商城進行豐富優化，讓用戶提高產品感知和產品認識，提高用戶操作效率，方便監控用戶行為。 最終提煉改版關鍵字： 商城屬性 與 操作效率。
針對關鍵字聚焦改版思路，擬定改版三部曲：
- 發現問題： 舊版商城轉化率一直比較低迷，是邏輯問題還是界面展示有什麼問題？ 在視覺方面會給用戶帶來什麼的體驗困擾；
- 分析問題： 從流程和佈局分析用戶在使用場景中的心理狀態是什麼樣子的？ 依據這些能夠清晰的分析出問題所在；
- 設計方案： 優化體驗，使用戶體驗更加流暢，提高用戶操作效率，希望用戶能在最短的時間裡對招聘自助商城有快速的了解。
發現問題
首先看看舊版有哪些問題？
- 框架佈局亂： 舊版採用左右結構，商品信息和支付信息混雜在一起，視覺動線雜亂，影響用戶操作；
- 操作次數多： 讓用戶一直在做篩選，沒有呼吸感，同時在操作上被打斷次數也比較多；
- 信息無層次： 信息平鋪，閱讀成本大。
調整後的新版界面框架圖如下：
模塊清晰，視覺流暢。 整個列表頁分為五個模塊，分別是運營區、篩選區、商品區、客服區以及頁碼區，從原型圖的劃分上不難看出商城的商品是最重要的信息
分析問題
商品是靠用戶來消費的，所以接下來看看招聘自助商城究竟針對哪些人群？ 只有了解用戶訴求，才能推動設計方案更加精確的產出。 招聘自助商城主要針對於兩種人群，第一種是企業Boss，第二種企業HR人員，他們的購買特點就是招聘週期短和花錢較少。
針對對購買用戶的大致了解，下邊制定購物場景。 當用戶在特定的購物環境裡會有怎樣的心理？
首先，通過線下購買場景模擬線上購物場景，線下商城或超市的核心賣點是商品本身，那麼線上自助商城也是同理，我們需要做到的是不管是線上，還是線下的商品 它們都要具備自我營銷的能力。 其次，模擬線下用戶到商場購買商品的場景，當用戶挑到自己滿意的商品會先關注商品的價格，之後會看是否有優惠，最後是看商品的核心賣點。
設計方案
通過線下購物場景還原線上商品本質，我們需要突出商品賣點，所以本次改版針對自助商城的商品卡片進行打散再重組，使其突出賣點，抓住用戶心理訴求，使用戶在有限的時間 裡可以將注意力更集中在商品信息上。
重新組合的卡片信息分為四個層面，分別是運營信息（套餐主文案與賣點文案）、價格信息（主價格與優惠價格）、商品檔位（時間標籤區分）與輔助信息（多少人想買 ），最終實現以下效果：
同時通過不同色相的標籤潤滑一下用戶枯燥的心理，最終打造出全年、半年、季度的商品。
關於配色：
由於本次改版只針對於列表頁與詳情頁進行改版，剩餘支付功能未做改變，所以在配色方面還是以藍色為主，商務藍看起來比較沉穩和安全性比較強。 並且保持列表頁與支付頁的統一性。
最終呈現出來的列表頁：
項目上線成果：
上線之後提單率提升25.8%，並且提前完成了2017年的年度任務。
總結
設計的工作恰恰是在有限的時間和格局裡進行突破，創造出屬於事物本身的場景感。 從始至終參與整個招聘自助商城的項目，除了對產品界面思考之外，更多的是和部門之間的溝通和協作能力，在溝通的工作中不斷的完善用戶體驗，使其流程更加流暢 。
作者：田曉紅，視覺設計師
本文來源於人人都是產品經理合作媒體@58用戶體驗設計中心（微信公眾號@58UXD），作者@田曉紅
題圖來自Pixabay，基於CC0協議