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