用戶滿意度提升10%,我們做對(duì)了什么?
產(chǎn)品迭代方向應(yīng)該如何梳理和提煉,如何確定迭代目標(biāo)和解決思路?這幾個(gè)問題你有怎樣的解決思路?作者以招才貓這款產(chǎn)品的一次迭代為例,具體地說明了迭代過程中的思考,一起來看看吧。
招才貓直聘是一款58旗下的B端專業(yè)招聘平臺(tái),期望用戶可以在這里高效便捷的找到合適的人才,從此招聘不再犯愁;我們用4個(gè)多月的時(shí)間,完成了從設(shè)計(jì)語言的制定到設(shè)計(jì)改版的落地;希望我本次的分享內(nèi)容,能夠?qū)τ谀阌幸欢ǖ膯l(fā)。
在總結(jié)之前,我想說:招才貓產(chǎn)品基礎(chǔ)功能目前已搭建完成,那么究竟是什么促成了這次迭代呢?
- 現(xiàn)有功能邏輯無法支持新的業(yè)務(wù)融入
- 用戶體驗(yàn)不夠高效
- 現(xiàn)風(fēng)格不符合設(shè)計(jì)趨勢(shì)
01 問題來源
改版之前,我們收集了三種聲音,分別是用戶的聲音、業(yè)務(wù)的聲音以及設(shè)計(jì)師的聲音。
1. 用戶的聲音
我們對(duì)用戶的聲音進(jìn)行了2次收集;第一次收集我們發(fā)現(xiàn)招才貓的用戶群體主要分為兩個(gè)行業(yè)分別是餐飲和美業(yè),抽取比較典型的用戶畫像,我們不難發(fā)現(xiàn)很多用戶的感受其實(shí)是相通的;比如界面比較混亂、求職者搜索入口隱藏太深、面試功能體驗(yàn)不好等。
同時(shí)在近期我們又進(jìn)行了二次收集主要針對(duì)視覺層面,我們?nèi)≌胁咆埖娜栈钣脩?,通過站內(nèi)push的方式發(fā)放,共收集了62條用戶的聲音。提取出7種設(shè)計(jì)相關(guān)的聲音,歸為三類感受,界面信息混亂、視覺風(fēng)格老舊、操作效率低效。
2. 業(yè)務(wù)的聲音
我們定時(shí)周期會(huì)議的形式與產(chǎn)品一起討論本次的產(chǎn)品規(guī)劃和設(shè)計(jì)目標(biāo),發(fā)現(xiàn)以前的產(chǎn)品邏輯和視覺表現(xiàn)已經(jīng)不支持同時(shí)透?jìng)?8招聘和趕集直招兩個(gè)產(chǎn)品,為了更好的解決體驗(yàn)問題,我們新增體驗(yàn)走查的流程,共發(fā)現(xiàn)100多個(gè)產(chǎn)品體驗(yàn)層的問題,所以本次的改版迫在眉睫。
3. 設(shè)計(jì)的聲音
我們對(duì)招才貓進(jìn)行了競(jìng)品調(diào)研,運(yùn)用TCMC的方法(T-Target、C-Competitive Product、M-Analytical Method、C-Analysis Conclusion)分別調(diào)研直接競(jìng)品和間接競(jìng)品,并從這兩種類型中總結(jié)出我們的產(chǎn)品具有設(shè)計(jì)風(fēng)格老舊,一致性差、品牌透?jìng)鞫鹊偷葐栴}。
(注釋:TCMC是58UXD招聘組內(nèi)部自研的調(diào)研設(shè)計(jì)分析方法)
02 分析問題
通過對(duì)以上三種聲音的梳理和提煉,確立了我們本次的設(shè)計(jì)目標(biāo)分別是:更高效便捷的、更專業(yè)可靠的、更凸顯品牌的設(shè)計(jì)。
03 解決思路
1. 設(shè)計(jì)理念
根據(jù)我們的設(shè)計(jì)目標(biāo),制定了設(shè)計(jì)理念,分別是高效性、一致性、品質(zhì)感、差異化,我們希望本次的設(shè)計(jì)語言能夠給用戶帶來效率高、有節(jié)奏、簡(jiǎn)潔的、可靠的、品質(zhì)的、專業(yè)的、個(gè)性的以及親切的8種主觀感受,要達(dá)到這個(gè)目標(biāo)我們需要在視覺上進(jìn)行信息降噪、制定視覺規(guī)范以及設(shè)計(jì)差異化的超級(jí)符號(hào)。
2. 超級(jí)符號(hào)
首先來講超級(jí)符號(hào)的設(shè)計(jì):為了能夠更好的向用戶透?jìng)髭s集品牌的加入,我們?nèi)∽在s集的基礎(chǔ)形狀,圓與方;而方代表理性,圓則代表感性;本次的B端改版期望運(yùn)用二八原則(感性與理性相互平衡的設(shè)計(jì)方法傳遞有溫度的設(shè)計(jì))。并且我們?cè)谄胀▓A角的基礎(chǔ)上,進(jìn)行了平滑圓角的處理,提高視覺流暢度,增強(qiáng)親和力。
我們將超級(jí)符號(hào)融入在頭像、圖標(biāo)設(shè)計(jì)中,卡片和按鈕也配合使用大圓角的方式,增強(qiáng)品質(zhì)感和差異化,未來還可以在運(yùn)營中有更多的透?jìng)鳌?/p>
3. 色彩實(shí)驗(yàn)
除了超級(jí)符號(hào)的融入,為了滿足我們這次高效的設(shè)計(jì)目標(biāo),我們對(duì)信息降噪這件事做到了極致,為了使趕集更加和諧的融入,我嘗試了多種色彩的搭配,當(dāng)信息模糊后我們能更清楚的看到顏色之間的關(guān)系,紅色與黃色的搭配雖然屬于品牌色的延展,但是在情感傳遞上相對(duì)感性,不符合B端產(chǎn)品理性的特質(zhì),綠色與紅色的搭配在UI中延展性不高。
所以我們最終選取了紅色與藍(lán)色的搭配,既符合我們男女占比1:1的特點(diǎn)、也符合B端產(chǎn)品的職業(yè)氣質(zhì)。
此外,我們這次也對(duì)原來的色彩系統(tǒng)進(jìn)行了升級(jí),由單一的品牌色,升級(jí)為一主多輔的配色方案,增加了漸變色的融入。
4. 提升效率
【柵格設(shè)計(jì)】為了提升閱讀效率,我們將用戶信息卡片柵格排列,【信息降噪】頭部去色處理、減少標(biāo)簽顏色、去掉多余的分割線,最大化的將用戶的視覺中心轉(zhuǎn)移到卡片信息中。
【縮短用戶操作路徑】在當(dāng)前頁面就可以發(fā)消息、標(biāo)記面試狀態(tài)。
5. 設(shè)計(jì)規(guī)范
為了保證后續(xù)的設(shè)計(jì)一致性,我們還制定了設(shè)計(jì)手冊(cè),主要包括:文字、色彩、圖標(biāo)、柵格、圓角、陰影、間距、卡片等視覺規(guī)范。
04 問卷反饋
改版后,我們對(duì)新舊設(shè)計(jì)進(jìn)行了用戶印象問卷調(diào)研,較老版本對(duì)比,分別在8項(xiàng)目標(biāo)印象上均有提升,其中”品質(zhì)感”提升16.7%“親切感”提升13%,整體滿意度提升10%,驗(yàn)證了本次改版的有效性。
05 寫在最后
經(jīng)過一系列的操作,最終我們通過三種聲音發(fā)現(xiàn)并解決了問題,同時(shí)也確定了我們?nèi)碌脑O(shè)計(jì)語言,應(yīng)用到本次改版落地中;在未來,對(duì)用戶體驗(yàn)的優(yōu)化仍是我們長期堅(jiān)守的目標(biāo)和職責(zé),過程中會(huì)進(jìn)行不斷的設(shè)計(jì)驗(yàn)證,旨在打磨出一款高效便捷的商企招聘平臺(tái);也希望大家都能保持對(duì)設(shè)計(jì)的初心,不斷解決問題,賦能業(yè)務(wù)增長,共創(chuàng)良好的產(chǎn)品設(shè)計(jì)。
作者:張瑞琦
來源公眾號(hào):58UXD(ID:i58UXD),58UXD,全稱58同城用戶體驗(yàn)設(shè)計(jì)中心。
本文由人人都是產(chǎn)品經(jīng)理合作媒體 @58UXD 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于CC0協(xié)議。
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
怎么確保用戶體驗(yàn)提升了10%,樣本上是怎么選擇的
這有啥用,基本都是設(shè)計(jì)和交互上的事,這都差不多和產(chǎn)品沒啥關(guān)系了,上面寫的業(yè)務(wù)聲音,但是里面也都是設(shè)計(jì)的事
用戶體驗(yàn)的確能變得很好,無論是色彩搭配還是內(nèi)容布局上的優(yōu)化都能更吸引用戶的關(guān)注,令用戶滿意。
感覺這樣確實(shí)會(huì)提升滿意度,看起來就很贊!
什么是信息降噪?
我理解的信息降噪就是通過弱化不重要的信息(文字、色彩、元素)來突出主要內(nèi)容