設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索
隨著互聯(lián)網(wǎng)的競爭加劇,用戶連接渠道越來越豐富,越來越多的產(chǎn)品選擇多樣化的產(chǎn)品形態(tài)。那本文就跟大家講講,在多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索。
導(dǎo)語
隨著競爭的不斷加劇,整個(gè)互聯(lián)網(wǎng)市場正發(fā)生微妙的變化。老牌互聯(lián)網(wǎng)公司有起有落,新興互聯(lián)網(wǎng)也在依照自己的步伐開疆?dāng)U土。而作為UX設(shè)計(jì)師面對當(dāng)下的復(fù)雜環(huán)境,如何快速做出設(shè)計(jì)決策便成為了我們研究的課題。在很多情況下我們在試著去擺脫設(shè)計(jì)束縛,來打通和補(bǔ)齊上下游的技能儲備,從而讓自己的步調(diào)和大團(tuán)隊(duì)的步調(diào)一致,甚至去引領(lǐng)團(tuán)隊(duì)步調(diào),來提升設(shè)計(jì)影響力。
設(shè)計(jì)要想有說服力,就要不斷的提升眼界開闊視野,站的要高看的要廣。另一個(gè)不能被忽視的點(diǎn)是,設(shè)計(jì)師的時(shí)間和高質(zhì)量作品之間的矛盾,很多設(shè)計(jì)師在抱怨“項(xiàng)目為何如此著急”,“能不能給設(shè)計(jì)多留點(diǎn)時(shí)間”。但是面對快速迭代項(xiàng)目往往時(shí)間就是金錢,各個(gè)部門都要壓縮時(shí)間快速達(dá)成目標(biāo)。面對這種情況設(shè)計(jì)師應(yīng)該有一套高效的決策模型提高設(shè)計(jì)效能。
多樣化產(chǎn)品形態(tài)
隨著互聯(lián)網(wǎng)的競爭加劇,用戶連接渠道越來越豐富,越來越多的產(chǎn)品選擇多樣化的產(chǎn)品形態(tài)。
多樣化的產(chǎn)品形態(tài)有什么樣的特點(diǎn):
- 內(nèi)容輸出為主,這樣的產(chǎn)品往往有很多高質(zhì)量的內(nèi)容;
- 探索多樣化的內(nèi)容分發(fā)渠道,不再拘泥于APP或者一種產(chǎn)品形態(tài);
- 以內(nèi)容為中心,而非產(chǎn)品為中心;
- 快速迭代尋找機(jī)會點(diǎn)。
產(chǎn)品背景
從58整個(gè)招聘層面來講,藍(lán)領(lǐng)市場基本占市場主導(dǎo)地位,而在白領(lǐng)市場還處于探索階段。新英才便承載著這一使命,我們試著從內(nèi)容角度來撬動(dòng)白領(lǐng)市場進(jìn)而補(bǔ)足生態(tài)。
設(shè)計(jì)價(jià)值定位
設(shè)計(jì)師如何發(fā)揮設(shè)計(jì)最大效能,首先就要對我們的產(chǎn)品有一個(gè)清晰的認(rèn)知。每個(gè)環(huán)節(jié)對應(yīng)的產(chǎn)品目標(biāo)都是不相同的,因此設(shè)計(jì)師在做出行動(dòng)前的一系列決策反應(yīng)也不盡相同。設(shè)計(jì)師對這一點(diǎn)一定要有清晰的認(rèn)識,這個(gè)非常重要,價(jià)值決定設(shè)計(jì)方向,一切設(shè)計(jì)圍繞價(jià)值展開。
新英才產(chǎn)品形態(tài)
產(chǎn)品形態(tài)的多樣化,必然會給設(shè)計(jì)帶來很多困擾。很多情況下我們不能用一套用戶體驗(yàn)規(guī)則去衡量設(shè)計(jì)好壞,面對不同的設(shè)計(jì)需求,設(shè)計(jì)師應(yīng)該做出不一樣的設(shè)計(jì)決策和行動(dòng)目標(biāo)。
新英才的整體布局從APP到微信小程序到百度小程序到主站布點(diǎn)到運(yùn)營活動(dòng)以及最近正在實(shí)驗(yàn)的寄生工具,我們試圖去構(gòu)建內(nèi)容和用戶連接的大閉環(huán)。
因此,個(gè)中細(xì)節(jié)的復(fù)雜度可想而知,這也是我們要沉淀這套設(shè)計(jì)決策模型的重要原因。他不但是我們在面對復(fù)雜問題時(shí)尋找設(shè)計(jì)答案的重要指南,也是我們打造高效能設(shè)計(jì)團(tuán)隊(duì)的重要一環(huán)。
設(shè)計(jì)決策模型
我們把設(shè)計(jì)步驟拆分成5塊:拆解目標(biāo)、確定設(shè)計(jì)方法、設(shè)計(jì)產(chǎn)出、數(shù)據(jù)跟蹤、后續(xù)迭代,進(jìn)而形成設(shè)計(jì)閉環(huán)。這個(gè)五個(gè)板塊大家并不陌生,而我們要研究的是更深層的設(shè)計(jì)決策要素,因此我們又對每個(gè)板塊進(jìn)行更深層的行動(dòng)拆解。這在實(shí)際的運(yùn)行過程中為我們節(jié)省大量不必要的效能損耗。
實(shí)戰(zhàn)演練
我們把新英才的產(chǎn)品布局分為三類:平臺型、導(dǎo)流型、獨(dú)立型。
為何要分類?分類是為了細(xì)化和固化設(shè)計(jì)方法,每類產(chǎn)品的設(shè)計(jì)決策要素不盡相同:
- 平臺型產(chǎn)品:體驗(yàn)優(yōu)先,注重沉淀品牌,是品牌價(jià)值的核心輸出產(chǎn)品。
- 導(dǎo)流型產(chǎn)品:轉(zhuǎn)化優(yōu)先,注重?cái)?shù)據(jù)轉(zhuǎn)化率,是生態(tài)中內(nèi)容和用戶的生產(chǎn)機(jī)器。
- 獨(dú)立型產(chǎn)品:尋找內(nèi)容和用戶的連接點(diǎn),注重內(nèi)容形式和產(chǎn)品形式的創(chuàng)新。
1. 首頁改版升級
(1)項(xiàng)目背景
隨著英才內(nèi)容體系不斷完善,用戶群體逐漸清晰,我們發(fā)現(xiàn),英才的用戶群體主要集中在畢業(yè)生和1-3年剛?cè)肼毜穆殘鲂氯耍臀覀儎傞_始錨定的人群出現(xiàn)偏差。另外由于內(nèi)容種類逐漸增加,原有的頁面框架無法展現(xiàn)更多有效內(nèi)容。品牌的塑造也是平臺型產(chǎn)品的重要目標(biāo),首頁更是傳達(dá)品牌價(jià)值的主要頁面。
(2)拆解目標(biāo)
面對這種目標(biāo)導(dǎo)向型需求我們用「目標(biāo)導(dǎo)向法」便可以一一拆解出設(shè)計(jì)目標(biāo),進(jìn)而確定設(shè)計(jì)方法。
(3)確定設(shè)計(jì)方法
我們主要從四個(gè)方面對此次需求進(jìn)行設(shè)計(jì)升級:
1)升級色彩體系
從原來的單一品牌色,升級為一主多輔的配色方案,進(jìn)而推進(jìn)APP的整個(gè)色彩體系升級。
2)整合金剛區(qū)
金剛區(qū)是傳達(dá)產(chǎn)品價(jià)值的主要區(qū)域,在首頁中的地位至關(guān)重要,此次升級我們把APP主要內(nèi)容進(jìn)行梳理,提煉出核心5大功能。
3)縮減導(dǎo)航欄高度
縮減頂部區(qū)域高度,露出更多有價(jià)值內(nèi)容。
4)優(yōu)化列表卡片
對卡片布局進(jìn)行重新思考,設(shè)法讓內(nèi)容更聚焦,讓用戶快速提取核心內(nèi)容,提升閱讀效率和頁面轉(zhuǎn)化率。
(4)設(shè)計(jì)產(chǎn)出
最終設(shè)計(jì)效果。
(5)數(shù)據(jù)驗(yàn)證
以上是穩(wěn)定之后的數(shù)據(jù)效果:內(nèi)容轉(zhuǎn)化率[1]提升31%,列表卡片點(diǎn)擊率提升13%,關(guān)注率提升8%。
(6)產(chǎn)品迭代
面對高速迭代的產(chǎn)品,經(jīng)常會因?yàn)樽非蟀l(fā)版速度而忽略很多體驗(yàn)細(xì)節(jié),因此我們推動(dòng)完善設(shè)計(jì)走查機(jī)制,建立設(shè)計(jì)需求池,定期向團(tuán)隊(duì)匯報(bào)體驗(yàn)結(jié)果,進(jìn)而不斷提升產(chǎn)品用戶體驗(yàn)。
2. 點(diǎn)評發(fā)布流程改版
(1)項(xiàng)目背景
在新英才的布局之下,58點(diǎn)評發(fā)布流程是新英才點(diǎn)評內(nèi)容的重要來源手段之一,而舊的點(diǎn)評發(fā)布流程存在用戶流失率高,轉(zhuǎn)化率不高,內(nèi)容維度不夠等問題。
(2)拆解目標(biāo)
對于數(shù)據(jù)導(dǎo)向型產(chǎn)品需求我們用「數(shù)據(jù)分析法」來推導(dǎo)現(xiàn)有問題,得出設(shè)計(jì)方案。需求的難點(diǎn)在于提升轉(zhuǎn)化率的前提下還要增加更多的字段。從轉(zhuǎn)化錐[2]模型分析出兩個(gè)結(jié)論:
第一,預(yù)期和體驗(yàn)同等重要;
第二,只有產(chǎn)品體驗(yàn)無限接近用戶預(yù)期的時(shí)候才能讓轉(zhuǎn)化率達(dá)到最大。我們首先對用戶的行為進(jìn)行拆解,在用戶行為階段我們要把用戶預(yù)期引導(dǎo)的足夠精準(zhǔn),并通過激勵(lì)手段引導(dǎo)有需求的用戶。在填寫階段我們的填寫體驗(yàn)要滿足用戶的填寫預(yù)期,緩解用戶的填寫焦慮,讓過程快速流暢。
(3)確定方法
從舊流程數(shù)據(jù)可以看出,第一步的跳出率遠(yuǎn)遠(yuǎn)高于第二步的跳出率,第一步的頁面內(nèi)容多而雜,已知內(nèi)容未自動(dòng)填充,到此基本得出初步結(jié)論:
- 入口引導(dǎo)不明確與預(yù)期不符;
- 第一步填寫信息過度,導(dǎo)致填寫壓力過大;
- 付出一定填寫成本之后,填寫動(dòng)力大幅提升;
- 填寫步驟不明確,讓用戶產(chǎn)生填寫焦慮;
- 填寫控件不夠智能,填寫成本過高。
(4)設(shè)計(jì)產(chǎn)出
設(shè)計(jì)上主要從三個(gè)層面來達(dá)成產(chǎn)品目標(biāo):
1)表現(xiàn)層
- 去掉干擾因素,讓頁面更清晰;
- 頭部采用柔和漸變降低頁面壓力感。
2)內(nèi)容層
- 預(yù)填已知內(nèi)容簡化操作;
- 大幅減輕第一步的填寫內(nèi)容;
- 更流暢的動(dòng)效銜接,感知三步在一個(gè)頁面填寫。
3)產(chǎn)品層
根據(jù)評分不同,進(jìn)行不同的文案引導(dǎo)
(5)數(shù)據(jù)驗(yàn)證
只有數(shù)據(jù)分析得出的結(jié)論還不能完全證明設(shè)計(jì)的合理性。在設(shè)計(jì)完成之后,我們并沒有著急推全量,而是采用「灰度測試」和「AB測」的方式進(jìn)行設(shè)計(jì)驗(yàn)證,滿足預(yù)期之后我們才推至全量。
以上是全量之后穩(wěn)定的數(shù)據(jù),新版發(fā)布流程在新增了3個(gè)字段的情況下轉(zhuǎn)化率還提升了18%。因?yàn)辄c(diǎn)評字段的增加,和內(nèi)容標(biāo)簽的豐富,所得有效點(diǎn)評的點(diǎn)評質(zhì)量也得到大幅度提升。
可復(fù)用的設(shè)計(jì)方法
把過程總結(jié)成設(shè)計(jì)方法,再把設(shè)計(jì)方法復(fù)制到更多類似的需求中,充分發(fā)揮設(shè)計(jì)的最大效能。
(1)個(gè)人中心改版和成長體系建立
(2)發(fā)現(xiàn)頁改版
(3)品牌形象升級
提升設(shè)計(jì)效能
在UI設(shè)計(jì)到UX設(shè)計(jì)路上,我們必須學(xué)會總結(jié)沉淀設(shè)計(jì)規(guī)律。在這條路上探索的每一步都會給自己乃至團(tuán)隊(duì)帶來無限價(jià)值。沉淀方法的原因很多,最重要的一條是能讓我們抽出更多精力去研究用戶行為和產(chǎn)品模式,不對擴(kuò)展知識邊界。
最后用我喜歡的一句話作為結(jié)尾:抓住主要矛盾是解決矛盾的關(guān)鍵。
注:
[1]內(nèi)容轉(zhuǎn)化率:首頁到二級頁面的UV轉(zhuǎn)化率。
[2]轉(zhuǎn)化錐:為解釋表單轉(zhuǎn)化率而首創(chuàng)的概念模型,轉(zhuǎn)化率為用戶預(yù)期在產(chǎn)品體驗(yàn)下的投影。其中用戶預(yù)期和產(chǎn)品體驗(yàn)均為變量,產(chǎn)品體驗(yàn)小于等于用戶預(yù)期。
作者:訾亞磊,視覺設(shè)計(jì)師
本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心(微信公眾號@58UXD),作者@訾亞磊
題圖來自 Pexels,基于 CC0 協(xié)議
- 目前還沒評論,等你發(fā)揮!