設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

0 評論 4406 瀏覽 15 收藏 15 分鐘

隨著互聯(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):

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

產(chǎn)品背景

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

從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ì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

設(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)

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

產(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ì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(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)演練

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

我們把新英才的產(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. 首頁改版升級

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

(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)

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

面對這種目標(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)升級色彩體系

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

從原來的單一品牌色,升級為一主多輔的配色方案,進(jìn)而推進(jìn)APP的整個(gè)色彩體系升級。

2)整合金剛區(qū)

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

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

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

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

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

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

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

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

(4)設(shè)計(jì)產(chǎn)出

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

最終設(shè)計(jì)效果。

(5)數(shù)據(jù)驗(yàn)證

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

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

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

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

面對高速迭代的產(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ā)布流程改版

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

(1)項(xiàng)目背景

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

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

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

對于數(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é)論:

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

(4)設(shè)計(jì)產(chǎn)出

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

設(shè)計(jì)上主要從三個(gè)層面來達(dá)成產(chǎn)品目標(biāo):

1)表現(xiàn)層

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

2)內(nèi)容層

  1. 預(yù)填已知內(nèi)容簡化操作;
  2. 大幅減輕第一步的填寫內(nèi)容;
  3. 更流暢的動(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ù)期之后我們才推至全量。

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

以上是全量之后穩(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ì)方法

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

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

(1)個(gè)人中心改版和成長體系建立

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

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

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

(3)品牌形象升級

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(shè)計(jì)決策探索

提升設(shè)計(jì)效能

設(shè)計(jì)沉思錄丨多樣化產(chǎn)品形態(tài)下的設(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é)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!