隨著互聯(lián)網(wǎng)的競爭加劇，用戶連接渠道越來越豐富，越來越多的產(chǎn)品選擇多樣化的產(chǎn)品形態(tài)。那本文就跟大家講講，在多樣化產(chǎn)品形態(tài)下的設(shè)計決策探索。

導(dǎo)語

隨著競爭的不斷加劇，整個互聯(lián)網(wǎng)市場正發(fā)生微妙的變化。老牌互聯(lián)網(wǎng)公司有起有落，新興互聯(lián)網(wǎng)也在依照自己的步伐開疆?dāng)U土。而作為UX設(shè)計師面對當(dāng)下的復(fù)雜環(huán)境，如何快速做出設(shè)計決策便成為了我們研究的課題。在很多情況下我們在試著去擺脫設(shè)計束縛，來打通和補齊上下游的技能儲備，從而讓自己的步調(diào)和大團隊的步調(diào)一致，甚至去引領(lǐng)團隊步調(diào)，來提升設(shè)計影響力。

設(shè)計要想有說服力，就要不斷的提升眼界開闊視野，站的要高看的要廣。另一個不能被忽視的點是，設(shè)計師的時間和高質(zhì)量作品之間的矛盾，很多設(shè)計師在抱怨“項目為何如此著急”，“能不能給設(shè)計多留點時間”。但是面對快速迭代項目往往時間就是金錢，各個部門都要壓縮時間快速達成目標(biāo)。面對這種情況設(shè)計師應(yīng)該有一套高效的決策模型提高設(shè)計效能。

多樣化產(chǎn)品形態(tài)

隨著互聯(lián)網(wǎng)的競爭加劇，用戶連接渠道越來越豐富，越來越多的產(chǎn)品選擇多樣化的產(chǎn)品形態(tài)。

多樣化的產(chǎn)品形態(tài)有什么樣的特點：

1. 內(nèi)容輸出為主，這樣的產(chǎn)品往往有很多高質(zhì)量的內(nèi)容；
2. 探索多樣化的內(nèi)容分發(fā)渠道，不再拘泥于APP或者一種產(chǎn)品形態(tài)；
3. 以內(nèi)容為中心，而非產(chǎn)品為中心；
4. 快速迭代尋找機會點。

產(chǎn)品背景

從58整個招聘層面來講，藍領(lǐng)市場基本占市場主導(dǎo)地位，而在白領(lǐng)市場還處于探索階段。新英才便承載著這一使命，我們試著從內(nèi)容角度來撬動白領(lǐng)市場進而補足生態(tài)。

設(shè)計價值定位

設(shè)計師如何發(fā)揮設(shè)計最大效能，首先就要對我們的產(chǎn)品有一個清晰的認(rèn)知。每個環(huán)節(jié)對應(yīng)的產(chǎn)品目標(biāo)都是不相同的，因此設(shè)計師在做出行動前的一系列決策反應(yīng)也不盡相同。設(shè)計師對這一點一定要有清晰的認(rèn)識，這個非常重要，價值決定設(shè)計方向，一切設(shè)計圍繞價值展開。

新英才產(chǎn)品形態(tài)

產(chǎn)品形態(tài)的多樣化，必然會給設(shè)計帶來很多困擾。很多情況下我們不能用一套用戶體驗規(guī)則去衡量設(shè)計好壞，面對不同的設(shè)計需求，設(shè)計師應(yīng)該做出不一樣的設(shè)計決策和行動目標(biāo)。

新英才的整體布局從APP到微信小程序到百度小程序到主站布點到運營活動以及最近正在實驗的寄生工具，我們試圖去構(gòu)建內(nèi)容和用戶連接的大閉環(huán)。

因此，個中細節(jié)的復(fù)雜度可想而知，這也是我們要沉淀這套設(shè)計決策模型的重要原因。他不但是我們在面對復(fù)雜問題時尋找設(shè)計答案的重要指南，也是我們打造高效能設(shè)計團隊的重要一環(huán)。

設(shè)計決策模型

我們把設(shè)計步驟拆分成5塊：拆解目標(biāo)、確定設(shè)計方法、設(shè)計產(chǎn)出、數(shù)據(jù)跟蹤、后續(xù)迭代，進而形成設(shè)計閉環(huán)。這個五個板塊大家并不陌生，而我們要研究的是更深層的設(shè)計決策要素，因此我們又對每個板塊進行更深層的行動拆解。這在實際的運行過程中為我們節(jié)省大量不必要的效能損耗。

實戰(zhàn)演練

我們把新英才的產(chǎn)品布局分為三類：平臺型、導(dǎo)流型、獨立型。

為何要分類？分類是為了細化和固化設(shè)計方法，每類產(chǎn)品的設(shè)計決策要素不盡相同：

• 平臺型產(chǎn)品：體驗優(yōu)先，注重沉淀品牌，是品牌價值的核心輸出產(chǎn)品。
• 導(dǎo)流型產(chǎn)品：轉(zhuǎn)化優(yōu)先，注重數(shù)據(jù)轉(zhuǎn)化率，是生態(tài)中內(nèi)容和用戶的生產(chǎn)機器。
• 獨立型產(chǎn)品：尋找內(nèi)容和用戶的連接點，注重內(nèi)容形式和產(chǎn)品形式的創(chuàng)新。

1. 首頁改版升級

（1）項目背景

隨著英才內(nèi)容體系不斷完善，用戶群體逐漸清晰，我們發(fā)現(xiàn)，英才的用戶群體主要集中在畢業(yè)生和1-3年剛?cè)肼毜穆殘鲂氯?，和我們剛開始錨定的人群出現(xiàn)偏差。另外由于內(nèi)容種類逐漸增加，原有的頁面框架無法展現(xiàn)更多有效內(nèi)容。品牌的塑造也是平臺型產(chǎn)品的重要目標(biāo)，首頁更是傳達品牌價值的主要頁面。

（2）拆解目標(biāo)

面對這種目標(biāo)導(dǎo)向型需求我們用「目標(biāo)導(dǎo)向法」便可以一一拆解出設(shè)計目標(biāo)，進而確定設(shè)計方法。

（3）確定設(shè)計方法

我們主要從四個方面對此次需求進行設(shè)計升級：

1）升級色彩體系

從原來的單一品牌色，升級為一主多輔的配色方案，進而推進APP的整個色彩體系升級。

2）整合金剛區(qū)

金剛區(qū)是傳達產(chǎn)品價值的主要區(qū)域，在首頁中的地位至關(guān)重要，此次升級我們把APP主要內(nèi)容進行梳理，提煉出核心5大功能。

3）縮減導(dǎo)航欄高度

縮減頂部區(qū)域高度，露出更多有價值內(nèi)容。

4）優(yōu)化列表卡片

對卡片布局進行重新思考，設(shè)法讓內(nèi)容更聚焦，讓用戶快速提取核心內(nèi)容，提升閱讀效率和頁面轉(zhuǎn)化率。

（4）設(shè)計產(chǎn)出

最終設(shè)計效果。

（5）數(shù)據(jù)驗證

以上是穩(wěn)定之后的數(shù)據(jù)效果：內(nèi)容轉(zhuǎn)化率[1]提升31%，列表卡片點擊率提升13%，關(guān)注率提升8%。

（6）產(chǎn)品迭代

面對高速迭代的產(chǎn)品，經(jīng)常會因為追求發(fā)版速度而忽略很多體驗細節(jié)，因此我們推動完善設(shè)計走查機制，建立設(shè)計需求池，定期向團隊匯報體驗結(jié)果，進而不斷提升產(chǎn)品用戶體驗。

2. 點評發(fā)布流程改版

（1）項目背景

在新英才的布局之下，58點評發(fā)布流程是新英才點評內(nèi)容的重要來源手段之一，而舊的點評發(fā)布流程存在用戶流失率高，轉(zhuǎn)化率不高，內(nèi)容維度不夠等問題。

（2）拆解目標(biāo)

對于數(shù)據(jù)導(dǎo)向型產(chǎn)品需求我們用「數(shù)據(jù)分析法」來推導(dǎo)現(xiàn)有問題，得出設(shè)計方案。需求的難點在于提升轉(zhuǎn)化率的前提下還要增加更多的字段。從轉(zhuǎn)化錐[2]模型分析出兩個結(jié)論：

第一，預(yù)期和體驗同等重要；

第二，只有產(chǎn)品體驗無限接近用戶預(yù)期的時候才能讓轉(zhuǎn)化率達到最大。我們首先對用戶的行為進行拆解，在用戶行為階段我們要把用戶預(yù)期引導(dǎo)的足夠精準(zhǔn)，并通過激勵手段引導(dǎo)有需求的用戶。在填寫階段我們的填寫體驗要滿足用戶的填寫預(yù)期，緩解用戶的填寫焦慮，讓過程快速流暢。

（3）確定方法

從舊流程數(shù)據(jù)可以看出，第一步的跳出率遠遠高于第二步的跳出率，第一步的頁面內(nèi)容多而雜，已知內(nèi)容未自動填充，到此基本得出初步結(jié)論：

1. 入口引導(dǎo)不明確與預(yù)期不符；
2. 第一步填寫信息過度，導(dǎo)致填寫壓力過大；
3. 付出一定填寫成本之后，填寫動力大幅提升；
4. 填寫步驟不明確，讓用戶產(chǎn)生填寫焦慮；
5. 填寫控件不夠智能，填寫成本過高。

（4）設(shè)計產(chǎn)出

設(shè)計上主要從三個層面來達成產(chǎn)品目標(biāo)：

1）表現(xiàn)層

• 去掉干擾因素，讓頁面更清晰；
• 頭部采用柔和漸變降低頁面壓力感。

2）內(nèi)容層

1. 預(yù)填已知內(nèi)容簡化操作；
2. 大幅減輕第一步的填寫內(nèi)容；
3. 更流暢的動效銜接，感知三步在一個頁面填寫。

3）產(chǎn)品層

根據(jù)評分不同，進行不同的文案引導(dǎo)

（5）數(shù)據(jù)驗證

只有數(shù)據(jù)分析得出的結(jié)論還不能完全證明設(shè)計的合理性。在設(shè)計完成之后，我們并沒有著急推全量，而是采用「灰度測試」和「AB測」的方式進行設(shè)計驗證，滿足預(yù)期之后我們才推至全量。

以上是全量之后穩(wěn)定的數(shù)據(jù)，新版發(fā)布流程在新增了3個字段的情況下轉(zhuǎn)化率還提升了18%。因為點評字段的增加，和內(nèi)容標(biāo)簽的豐富，所得有效點評的點評質(zhì)量也得到大幅度提升。

可復(fù)用的設(shè)計方法

把過程總結(jié)成設(shè)計方法，再把設(shè)計方法復(fù)制到更多類似的需求中，充分發(fā)揮設(shè)計的最大效能。

（1）個人中心改版和成長體系建立

（2）發(fā)現(xiàn)頁改版

（3）品牌形象升級

提升設(shè)計效能

在UI設(shè)計到UX設(shè)計路上，我們必須學(xué)會總結(jié)沉淀設(shè)計規(guī)律。在這條路上探索的每一步都會給自己乃至團隊帶來無限價值。沉淀方法的原因很多，最重要的一條是能讓我們抽出更多精力去研究用戶行為和產(chǎn)品模式，不對擴展知識邊界。

最后用我喜歡的一句話作為結(jié)尾：抓住主要矛盾是解決矛盾的關(guān)鍵。

注：

[1]內(nèi)容轉(zhuǎn)化率：首頁到二級頁面的UV轉(zhuǎn)化率。

[2]轉(zhuǎn)化錐：為解釋表單轉(zhuǎn)化率而首創(chuàng)的概念模型，轉(zhuǎn)化率為用戶預(yù)期在產(chǎn)品體驗下的投影。其中用戶預(yù)期和產(chǎn)品體驗均為變量，產(chǎn)品體驗小于等于用戶預(yù)期。

作者：訾亞磊，視覺設(shè)計師

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗設(shè)計中心（微信公眾號@58UXD），作者@訾亞磊

題圖來自 Pexels，基于 CC0 協(xié)議