超級(jí)好用

問(wèn)題： 

 大致意思是Object/Array類型的Props必須使用工廠函數(shù)返回默認(rèn)值。

 

問(wèn)題定位：

 

 

解決辦法：

將默認(rèn)的值以函數(shù)的方式進(jìn)行返回

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：csdn

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

窺見“鄉(xiāng)村金融困境”一角

去年夏天的時(shí)候，我曾隨父母和一群叔叔阿姨回到他們當(dāng)年下鄉(xiāng)的村莊游歷。那是縣城邊一個(gè)山清水秀的村隅，流水潺潺，疫情的陰霾從未造訪。對(duì)我而言，那天最為深刻的記憶停留在我們路過(guò)了當(dāng)?shù)氐霓r(nóng)信社網(wǎng)點(diǎn)，那應(yīng)是安靜的鄉(xiāng)道中最熱鬧的一角，我看到熙攘人群中很多的老人，掂著銀行卡、存折或者手機(jī)，還有大大小小的紙張資料站在大廳中，或是神色匆匆，或是眉目惶然。

這些留守在村里的大多數(shù)人，他們所有與金融的聯(lián)結(jié)固定在農(nóng)村銀行網(wǎng)點(diǎn)與金融服務(wù)站中，他們?cè)谶@里存錢取錢、繳交社保、支取生活費(fèi)、領(lǐng)取補(bǔ)貼和低保。農(nóng)村的銀行網(wǎng)點(diǎn)有限，業(yè)務(wù)又必須本人辦理，很多村民過(guò)來(lái)一趟已經(jīng)足夠費(fèi)時(shí)費(fèi)力，而一旦忘帶了什么資料，又相當(dāng)于白忙一趟。

對(duì)于我們來(lái)說(shuō)，手機(jī)上輕點(diǎn)兩下便可完成的操作，對(duì)于他們來(lái)說(shuō)竟然如此困難。

1. 服務(wù)使用之困：不會(huì)用

根據(jù)最新的第七次人口普查數(shù)據(jù)，全國(guó)人口共 141178 萬(wàn)人，其中居住在鄉(xiāng)村的人口 50979 萬(wàn)，占比 36.11%，而據(jù)世界衛(wèi)生組織發(fā)布的《中國(guó)老齡化與健康國(guó)家評(píng)估報(bào)告》預(yù)測(cè)，到 2030 年，中國(guó)農(nóng)村與城市地區(qū) 60 歲以上的人口比例將達(dá)到 21.8%和 14.8%。但由于農(nóng)村人口密度與交通原因，現(xiàn)代農(nóng)村金融很難覆蓋到普通農(nóng)戶。

一面是由于有限的教育資源與嚴(yán)峻的老齡化形勢(shì)，另一面是顯著低于城市的金融服務(wù)覆蓋率，對(duì)農(nóng)村人民來(lái)說(shuō)，線下金融服務(wù)辦理難，流程慢，而對(duì)于可以跨越地理限制的線上金融，橫亙?cè)诖蠹颐媲暗氖潜瘸鞘懈鼑?yán)重的數(shù)字鴻溝，“不會(huì)用，也不敢用”。

2. 資金之困：不能用

土地在我們國(guó)家不只是農(nóng)業(yè)生產(chǎn)資料，還承載著農(nóng)民的福利和農(nóng)村基層的各類開支。近年來(lái)政府通過(guò)金融扶持“三農(nóng)”的決心可見一斑，農(nóng)村創(chuàng)業(yè)創(chuàng)新進(jìn)度的不停推進(jìn)，2020 年返鄉(xiāng)入鄉(xiāng)創(chuàng)業(yè)創(chuàng)新人員 1010 萬(wàn)，帶動(dòng)農(nóng)村新增就業(yè)崗位超過(guò) 1000 萬(wàn)。

然而無(wú)論是個(gè)體農(nóng)戶還是涉農(nóng)小微企業(yè)而言，涉農(nóng)貸款由于農(nóng)業(yè)天然的弱抗風(fēng)險(xiǎn)能力，其后續(xù)還款力和壞賬率都讓很多商業(yè)銀行心存顧慮。根據(jù) 29 家上市銀行 2019 年年報(bào)數(shù)據(jù)，大型國(guó)有銀行及商業(yè)銀行整體涉農(nóng)信貸規(guī)模穩(wěn)步上升，但涉農(nóng)貸款占比卻仍處于較低水平，且多家銀行呈下降趨勢(shì)。

一方面是蓬勃的創(chuàng)新發(fā)展與蒸蒸日上的資金需求，一方面是涉農(nóng)金融服務(wù)的資金困境，最終也讓缺乏足夠的資金支持的鄉(xiāng)村的產(chǎn)業(yè)與業(yè)態(tài)面臨失去活力的風(fēng)險(xiǎn)。

也正是源于這些類似的故事和真切的數(shù)據(jù)，我們開始探討“惠農(nóng)金融”這個(gè)話題。依靠騰訊云推出的虛擬營(yíng)業(yè)廳、騰訊云銀行、產(chǎn)業(yè)金融學(xué)小程序等等一系列解決方案，我們希望能讓農(nóng)村金融業(yè)務(wù)更加溫暖，更加靈活，減輕銀行和用戶的辦事成本，把無(wú)界銀行服務(wù)的理念傳達(dá)到更多地方，提升銀行數(shù)字化的服務(wù)廣度與深度。

從包容性設(shè)計(jì)看惠民設(shè)計(jì)

惠農(nóng)設(shè)計(jì)里自然會(huì)涉及到適老化的問(wèn)題，而除此之外，它會(huì)是一個(gè)具體指向性更弱，更復(fù)雜的語(yǔ)境。

這是為什么我們認(rèn)為包容性適合作為設(shè)計(jì)原則來(lái)引導(dǎo)惠農(nóng)的設(shè)計(jì)。因?yàn)樗闹髦颊窃诔浞终J(rèn)識(shí)到用戶的多樣性的前提下，允許不同的用戶在產(chǎn)品和服務(wù)中選擇自己更喜歡的方式來(lái)參與并體驗(yàn)產(chǎn)品，避免產(chǎn)品在不同人群中產(chǎn)生體驗(yàn)隔閡。而我們也相信好的設(shè)計(jì)，最終能讓大家都受益。

包容性設(shè)計(jì)較早可以追溯到 2000 年，劍橋大學(xué)教授提出的包容性設(shè)計(jì)方塊（The Inclusive Design Cube），這個(gè)方塊以感知、認(rèn)知、移動(dòng)能力三個(gè)元素為象限延伸構(gòu)成立方體。中心的實(shí)心方塊表示三種能力均具備，而方塊越往外延，其中的某項(xiàng)能力便出現(xiàn)欠缺。他們提出，包容性設(shè)計(jì)是提醒大家不?？剂繉?shí)心方塊外沿，以滿足更多群體的設(shè)計(jì)方法。

英國(guó)制定了國(guó)際上第一份官方解釋包容性設(shè)計(jì)的標(biāo)準(zhǔn) BS 7000-6-2005（Design management systems – Managing inclusive design – Guide），在標(biāo)準(zhǔn)中，它將包容性設(shè)計(jì)定義為“主流產(chǎn)品或服務(wù)的設(shè)計(jì)能盡可能多的為人群所方便使用，無(wú)需特別的適應(yīng)或特殊的設(shè)計(jì)?！?

包容性設(shè)計(jì)的核心主旨，并非“人人都可以使用的設(shè)計(jì)”。劍橋大學(xué)工程設(shè)計(jì)中心教授 Ian Hosking 繪制了包容性設(shè)計(jì)的群體金字塔，展現(xiàn)群體中個(gè)人的能力差異，并指出包容性設(shè)計(jì)首先以底座的無(wú)困難用戶為根基，自下而上覆蓋至一個(gè)相對(duì)理想的用戶群體范圍，而無(wú)障礙設(shè)計(jì)或可達(dá)性設(shè)計(jì)則是自上而下，優(yōu)先考慮極端人群的需求，兩者是不同的。

淺談設(shè)計(jì)解法與設(shè)計(jì)實(shí)踐

我們將包容性設(shè)計(jì)原則帶入到設(shè)計(jì)流程中，重新審視金融云虛擬營(yíng)業(yè)廳等等一系列產(chǎn)品的相關(guān)設(shè)計(jì)，將人置于流程的中心，力圖以更為鮮活的視角來(lái)洞察設(shè)計(jì)中的需求，并努力地滿足它們。

我們面臨著更加含糊但是又無(wú)處不在的差異：

• 生理差異，源于農(nóng)村人口與城鎮(zhèn)人口不同的年齡構(gòu)成，健康狀況差異等各方原因，如：農(nóng)村地區(qū)老年人口視力受損的患病率高于城市，在設(shè)計(jì)中我們要更充分地考慮頁(yè)面元素的樣式、用色、大小等等；
• 認(rèn)知差異，主要由于不同的文化背景導(dǎo)致，他們需要比一般app更為簡(jiǎn)易直觀的操作，更為少且聚焦的流程；
• 情境能力差異，源于不同的生活經(jīng)驗(yàn)，生活環(huán)境，人際親疏等等，我們需要在操作中給予更強(qiáng)的安全感，并充分考慮不同情境下的使用場(chǎng)景。

1. 變“不會(huì)用”為“安心用”

農(nóng)村人口尤其是留守鄉(xiāng)村人口，其教育程度與文化背景造成的認(rèn)知差異比城鎮(zhèn)人口更為明顯，獲取信息服務(wù)與學(xué)習(xí)新的科技手段的成本也顯著高于城鎮(zhèn)人口。近年來(lái)越來(lái)越多的村鎮(zhèn)開始組織手機(jī)學(xué)習(xí)培訓(xùn)班，可以看得出來(lái)這類需求也在日趨提升。

2. 實(shí)驗(yàn)：感受認(rèn)知差異的存在

要考慮不同文化水平的人眼中的手機(jī)和信息化服務(wù)是什么樣子的，我們可以通過(guò)更改手機(jī)語(yǔ)言設(shè)置這樣一個(gè)簡(jiǎn)單的實(shí)驗(yàn)來(lái)窺知一二。這實(shí)際上模擬了微軟在包容性設(shè)計(jì)中提到“永久性障礙”中”語(yǔ)言障礙“的情形。

具體來(lái)說(shuō)，此時(shí)我們的認(rèn)知模型已然改變，無(wú)法通過(guò)文字來(lái)獲取信息，而需要通過(guò)視覺(jué)符號(hào)來(lái)識(shí)別功能圖像、記憶功能位置、強(qiáng)記文字形狀等等不同的方式來(lái)記住這些服務(wù)與功能的使用方法。

下圖是 iPhone 的設(shè)置頁(yè)，左右對(duì)照一下我們就會(huì)發(fā)現(xiàn)，原來(lái)這個(gè)打開過(guò)成千上萬(wàn)次的頁(yè)面，理解偏差可能會(huì)有多大。而這里我模擬的還是對(duì)手機(jī)有一定程度了解的理解模式，若是對(duì)于抽象圖案理解有一定困難的人群，情況會(huì)更加嚴(yán)峻。

而其實(shí) iPhone 和蘋果做的已然算是不錯(cuò)，我們可以看看其他，以下是 Twitter。

我們發(fā)現(xiàn)當(dāng)無(wú)法倚仗文字來(lái)判斷信息時(shí)，我們會(huì)通過(guò)其他更為直觀的方式來(lái)進(jìn)行信息獲取，此時(shí)能幫助我們記憶和理解的手段包括而不僅限于：圖像，顏色，信息分組，聲音等。

3. 聲音，圖像，而不僅僅是界面

虛擬營(yíng)業(yè)廳依仗騰訊云強(qiáng)大的音視頻技術(shù)，實(shí)現(xiàn)基于移動(dòng)端的遠(yuǎn)程視頻柜員支持服務(wù)。在業(yè)務(wù)過(guò)程中我們以座席人員包攬業(yè)務(wù)中絕大多數(shù)操作為原則，盡可能減少手機(jī)側(cè)用戶的操作成本，在線上還原線下辦理業(yè)務(wù)的體驗(yàn)。

我們通過(guò)語(yǔ)言溝通，屏幕示意等等多種方式，讓用戶盡可能只需要通過(guò)口述，便完成相關(guān)金融業(yè)務(wù)的辦理。

虛擬營(yíng)業(yè)廳的”個(gè)人理財(cái)風(fēng)險(xiǎn)評(píng)估“業(yè)務(wù)，座席人員在座席系統(tǒng)中調(diào)取問(wèn)卷逐一提問(wèn)，用戶只需口述與回答即可，登記答案、提交與審核均由座席人員完成。

身份證驗(yàn)證的過(guò)程中，用戶界面上不需要有任何操作，只需把身份證對(duì)準(zhǔn)攝像頭，座席人員在座席端里點(diǎn)擊拍照按鈕替用戶完成拍攝。

若是遇到一定需要用戶進(jìn)行操作的部分，我們也可以通過(guò)標(biāo)注、分享屏幕等等功能，直觀地給用戶展示所需要進(jìn)行的操作，將他們的理解成本降到最低。

在身份驗(yàn)證流程中，座席人員通過(guò)“標(biāo)注”功能加上動(dòng)作示意，讓用戶進(jìn)行“翻轉(zhuǎn)攝像頭”操作。

4. 具象，更加具象

Zereh Lalji 和 Judith Good 對(duì)印度孟買的工人進(jìn)行過(guò)一項(xiàng)關(guān)于手機(jī)使用的調(diào)查測(cè)試，在測(cè)試中他們明確地發(fā)現(xiàn)越是具象的產(chǎn)品功能圖標(biāo)，越是容易被受試者理解。

Lalji 和 Good 實(shí)驗(yàn)中受試者表示最為熟悉的功能，從左到右：電話本，相機(jī)，電筒，錄音機(jī)。

Lalji 和 Good 實(shí)驗(yàn)中，受試者自己繪制的關(guān)于有聲郵件的圖像，左圖表示人與人之間傳遞的類似”電報(bào)“的概念；而右側(cè)小人脖子里的線條表示聲波，箭頭指向的四邊形則表示”郵件已經(jīng)傳送“。

經(jīng)過(guò)我們的觀察與測(cè)試也同樣，具象的信息在適農(nóng)化中更加受到歡迎和認(rèn)可。 在虛擬營(yíng)業(yè)廳的客戶端里，我們細(xì)化了所有待機(jī)場(chǎng)景的插圖，輸出了兩個(gè)不同的方案。對(duì)于熟悉手機(jī)操作的人來(lái)說(shuō)，下面的方案更加強(qiáng)烈且直觀，但是上面的方案，理解成本會(huì)更低。

5. 唯一，且永遠(yuǎn)聚焦

以包容性設(shè)計(jì)展開的各種實(shí)驗(yàn)和研究發(fā)現(xiàn)，人們對(duì)于有實(shí)體按鍵的手機(jī)的理解程度必然高于純觸屏手機(jī)，其原因在于一個(gè)反饋強(qiáng)烈的唯一按鍵，可以在任何時(shí)候提供用戶最快地返回原點(diǎn)的捷徑，這是一個(gè)超越了信息架構(gòu)和系統(tǒng)所有功能的存在。

在同樣的思路啟發(fā)下，我們?cè)隍v訊云的另一款產(chǎn)業(yè)金融產(chǎn)品“消費(fèi)金融小程序”里也沿用了這個(gè)原則。在這個(gè)復(fù)雜的小微企業(yè)貸款流程中，我們保持了所有流程主按鈕的唯一，且保證了所有流程都單線進(jìn)行。只要遵循“哪里亮點(diǎn)哪里”的方式，就可以讓這個(gè)申請(qǐng)流程一路進(jìn)行。

消費(fèi)金融小程序中，申請(qǐng)頁(yè)面主按鈕始終唯一

6. 變“不能用”為“安全用”

針對(duì)農(nóng)村金融服務(wù)覆蓋率較低、涉農(nóng)和小微企業(yè)融資難的問(wèn)題，線上金融其實(shí)提供了非常好的解決契機(jī)，它能讓更多的銀行的同類產(chǎn)品有機(jī)會(huì)擺脫物理位置的限制，以更低的傳播成本觸達(dá)到有資金需求的用戶。尤其是疫情以來(lái)，客戶經(jīng)理的獲客與對(duì)客都有了更多的制約。

7. 更豐富的對(duì)客模式讓用戶更全面獲取信息

我們?cè)谔摂M營(yíng)業(yè)廳的現(xiàn)有框架下延伸出了更豐富的對(duì)客模式，在這里我們可以將多種形式的產(chǎn)品內(nèi)容介紹（PPT、視頻、文字等等）通過(guò)手機(jī)端推送到目標(biāo)客戶面前。這樣的模式能讓更多樣形式的金融產(chǎn)品直接推送到有需求的人群面前，增加他們的選擇面，讓他們可以更為方便地選擇自己的金融服務(wù)。對(duì)于銀行而言，這樣的功能也有助于讓他們突破地理?xiàng)l件的限制，可以為農(nóng)村打造更多專屬的涉農(nóng)產(chǎn)品，并方便地把它推送到目標(biāo)客群前。

座席人員利用投送文件功能，給目標(biāo)客戶講解產(chǎn)品

8. 安全容錯(cuò)的設(shè)計(jì)

提到安全，很多設(shè)計(jì)師的第一反應(yīng)便是我們通過(guò)品牌背書來(lái)給用戶建立安全感與信任感，因?yàn)轵v訊多年在互聯(lián)網(wǎng)行業(yè)展現(xiàn)的不俗口碑，是我們所獨(dú)有的優(yōu)勢(shì)，但其實(shí)這一點(diǎn)并不是所有行業(yè)項(xiàng)目都能做到的。適農(nóng)設(shè)計(jì)中，對(duì)于資金安全與隱私安全的要求甚高于線下金融服務(wù)，對(duì)于我們來(lái)說(shuō)，實(shí)現(xiàn)安全這個(gè)目標(biāo)，仍然需要從體驗(yàn)出發(fā)，將安全感蘊(yùn)含在每一個(gè)細(xì)節(jié)體驗(yàn)的打磨之中。

A. 復(fù)雜網(wǎng)絡(luò)環(huán)境的弱網(wǎng)提示

金融服務(wù)業(yè)務(wù)類型眾多，僅僅是簡(jiǎn)單的一個(gè)信息修改，在服務(wù)過(guò)程中便會(huì)涉及到身份認(rèn)證，人臉識(shí)別，信息拉取等等多個(gè)步驟，同樣在線下辦理業(yè)務(wù)的時(shí)長(zhǎng)若是移到線上，不習(xí)慣線上辦理流程的用戶會(huì)對(duì)網(wǎng)絡(luò)的卡頓與不穩(wěn)異常敏感，從而嚴(yán)重影響整體業(yè)務(wù)辦理的體驗(yàn)。

虛擬營(yíng)業(yè)廳基于當(dāng)前農(nóng)村信息化基礎(chǔ)網(wǎng)絡(luò)建設(shè)的現(xiàn)狀，我們?cè)谘邪l(fā)過(guò)程中引入了專用的實(shí)時(shí)音視頻技術(shù)（Tencent-RTC），為整體通話質(zhì)量作出保障。同時(shí)基于農(nóng)村網(wǎng)絡(luò)基礎(chǔ)設(shè)施的建設(shè)現(xiàn)狀與網(wǎng)絡(luò)信號(hào)的復(fù)雜性，我們對(duì)于有可能出現(xiàn)的弱網(wǎng)風(fēng)險(xiǎn)，都在設(shè)計(jì)上作出了預(yù)判和提示，一則可以給用戶更充分的預(yù)期，配合現(xiàn)場(chǎng)協(xié)助的工作人員，也會(huì)與用戶進(jìn)行解釋和安撫，另一方面也能適當(dāng)降低由于網(wǎng)絡(luò)問(wèn)題導(dǎo)致通話質(zhì)量低下，客戶對(duì)座席人員的整體滿意度影響。

B. 梳理操作流程，讓提示清晰且無(wú)處不在

與金錢有關(guān)的所有操作，用戶都會(huì)自帶“需要小心謹(jǐn)慎”的心理暗示，而基于涉農(nóng)金融業(yè)務(wù)的復(fù)雜性，貸款往往需要經(jīng)過(guò)非常復(fù)雜的資料填寫，資料提交、身份核驗(yàn)與審核的步驟，冗長(zhǎng)的申請(qǐng)流程效率低，用戶沒(méi)有預(yù)期，整體申請(qǐng)?bào)w驗(yàn)和通過(guò)率都很難達(dá)到理想效果。

我們?cè)谙M(fèi)金融小程序中采用了一種新型的流程申請(qǐng)與資料填寫方式，可以精準(zhǔn)地提醒用戶現(xiàn)在所處的申請(qǐng)步驟，所需的時(shí)候資料與步驟總計(jì)耗時(shí)等等，可以提升申請(qǐng)?bào)w驗(yàn)，提高申請(qǐng)通過(guò)率，降低用戶不滿與焦慮感。

首先我們將復(fù)雜的神情流程做出層級(jí)梳理操作，分為大型，中型，小型步驟三部分。

對(duì)于大型步驟，我們?cè)陉P(guān)鍵的新手教育節(jié)點(diǎn)予以呈現(xiàn)，以一種旅程地圖的形式，告知用戶全流程。

對(duì)于中型步驟，我們以清單的形式，讓用戶對(duì)這里的復(fù)雜程度有清晰預(yù)知，也讓用戶可以提前準(zhǔn)備好所需的資料，一切都一目了然。

對(duì)于小型步驟，我們讓進(jìn)度條在頁(yè)面頂部懸停，讓用戶時(shí)刻可見，同時(shí)頁(yè)面單向滾動(dòng)，文案上也清晰告知用戶接下來(lái)要做什么。

這樣一套流程設(shè)計(jì)，我們從申請(qǐng)流程開始到結(jié)束，從宏觀到微觀，做到了脈絡(luò)清晰且提示全程可見，可以給用戶更充分的安全感與確定感。

C. 可控且可退回的糾錯(cuò)方式

當(dāng)人們?cè)谑褂貌皇煜さ姆?wù)和功能時(shí)，他們往往比平時(shí)更害怕出錯(cuò)和失敗，而在此時(shí)若是身邊的人或者工具本身可以提供他們明確的安撫和糾錯(cuò)的路徑，他們的顧慮情緒會(huì)明顯得到安撫。

因此當(dāng)我們?cè)诮o更廣泛的人群做設(shè)計(jì)，我們就更需要提供實(shí)質(zhì)意義的明確信息，如明確的錯(cuò)誤原因提醒，與輕松的回退機(jī)制等等。

消費(fèi)金融小程序中，我們引導(dǎo)用戶進(jìn)行單線程的申請(qǐng)動(dòng)作，與此同時(shí)若是發(fā)現(xiàn)出錯(cuò)的內(nèi)容，用戶可以隨時(shí)從清單中明確地看到，并快速進(jìn)行重新提交。

結(jié)語(yǔ)

所有技術(shù)與設(shè)計(jì)的問(wèn)題，最終都會(huì)回到人

我們一直致力于打造的無(wú)界金融服務(wù)，歸根結(jié)底，是整合著諸多新的科技與技術(shù)，引入更為人性化的設(shè)計(jì)理念，來(lái)讓更多的人可以更加便捷而有尊嚴(yán)地使用線上金融服務(wù)。本文通過(guò)將包容性設(shè)計(jì)的理念引入適農(nóng)設(shè)計(jì)，將不會(huì)用變?yōu)榘残挠茫荒苡米優(yōu)榘踩?，我們也希望隨著我們的努力，會(huì)有越來(lái)越多有需要的人，可以把我們提供的服務(wù)，當(dāng)成邁向這個(gè)繽紛數(shù)字世界的一扇窗，一座橋，而我們也可以持續(xù)不斷地，依著專業(yè)能力與同理心，讓這扇窗越來(lái)越亮，這座橋越來(lái)越寬。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：優(yōu)設(shè)   作者：騰訊設(shè)計(jì)

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

設(shè)計(jì)行業(yè)每天發(fā)生著翻天覆地的變化，隨著專業(yè)的發(fā)展，我們也在不斷的學(xué)習(xí)新的技巧和趨勢(shì)，但同時(shí)我們也要明白，設(shè)計(jì)中那些基礎(chǔ)的UI準(zhǔn)則，才是好的趨勢(shì)和風(fēng)格建立的基礎(chǔ)。今天我們就一起來(lái)聊聊做好設(shè)計(jì)最重要的能力之一：區(qū)分視覺(jué)層次。

什么是視覺(jué)層次

視覺(jué)層次你可以理解為，通過(guò)將界面元素進(jìn)行設(shè)計(jì)上的區(qū)分，引導(dǎo)用戶的注意力，并使用戶的注意力始終集中在頁(yè)面的關(guān)鍵地方。但是今天沒(méi)有一個(gè)方法可以一直控制用戶注意力，就像我們今天做設(shè)計(jì)一樣，不同的產(chǎn)品要用不同的設(shè)計(jì)手法去設(shè)計(jì)，才能達(dá)到幫助用戶分清主次的作用。

視覺(jué)層次不僅僅包含文字有關(guān)，它還包含我們的圖片，視頻按鈕以及文字以外的視覺(jué)元素。所以當(dāng)你設(shè)計(jì)一個(gè)網(wǎng)頁(yè)時(shí)候，除了網(wǎng)站整體的顏色，排版，圖片也能夠影響視覺(jué)層次。那么如何讓設(shè)計(jì)的層次更清晰，常用方法有哪些，今天我們一起來(lái)聊聊關(guān)于設(shè)計(jì)層次，希望可以幫助到你。

運(yùn)用尺寸大小建立層次

▲大小是建立視覺(jué)層次非常重要的方式，這里的大小不僅僅是文字，還包括圖形，插畫，圖片等等。 作為設(shè)計(jì)師我們必須了解屏幕上每個(gè)元素的優(yōu)先級(jí)，根據(jù)優(yōu)先級(jí)來(lái)判斷它的使用大小。

▲當(dāng)我們談到尺寸的時(shí)候，相信很多設(shè)計(jì)師有過(guò)被要求各種元素放大的經(jīng)歷，確實(shí)大的元素能更好的吸引用戶。 但是當(dāng)元素越大，其實(shí)設(shè)計(jì)的復(fù)雜性也越高，所以在設(shè)計(jì)時(shí)候需要更注意整體節(jié)奏，把握好一個(gè)度。

▲如上圖插畫的比重很大，在設(shè)計(jì)這種大的元素時(shí)，你的每個(gè)元素比例和細(xì)節(jié)處理都被同時(shí)放大了，我們可以看見這副插畫四周還運(yùn)用了很多元素，讓頁(yè)面達(dá)到平衡，同時(shí)這個(gè)畫面和旁邊的文字場(chǎng)景也很好融合在一起。一個(gè)好的設(shè)計(jì)一定是通過(guò)視覺(jué)手段讓用戶理解信息更加準(zhǔn)確，在看完頁(yè)面文字和圖片后，很自然的引導(dǎo)到底部的按鈕，這才能算是一個(gè)很引人注目的設(shè)計(jì)。

運(yùn)用色彩建立層次

▲顏色在視覺(jué)層次中扮演著非常重要的角色， 設(shè)計(jì)師可以通過(guò)顏色來(lái)傳遞信息內(nèi)容，同時(shí)也可以引導(dǎo)頁(yè)面內(nèi)容，色彩在心理學(xué)中有著很重要的作用，比如黑金給人尊貴感VIP感，糖果色給人小清新，甜蜜的感覺(jué)；紅色能吸引人注意等等。用戶在視覺(jué)情感上和顏色很容易聯(lián)系在一起， 作為設(shè)計(jì)師我們需要對(duì)不同的色調(diào)，不同色彩進(jìn)行細(xì)致的組合搭配，以掌握對(duì)色彩的了解。

▲Zenly：國(guó)外知名產(chǎn)品，在引導(dǎo)頁(yè)面設(shè)計(jì)時(shí)候運(yùn)用紅色按鈕吸引用戶注意，在App主頁(yè)面里面，通過(guò)深藍(lán)色強(qiáng)調(diào)選中效果以及Tab.

▲Netfix：知名的電影軟件Netfix在設(shè)計(jì)中，充分運(yùn)用色彩去增強(qiáng)層次，無(wú)論是在引導(dǎo)頁(yè)按鈕設(shè)計(jì)，還是在頁(yè)面核心行動(dòng)點(diǎn)，以及Tab切換等地方，都通過(guò)顯眼的主色來(lái)引導(dǎo)用戶操作，讓頁(yè)面的行為路徑更加順暢。

▲Tiktok：抖音海外版本設(shè)計(jì)，整體UI部分非常簡(jiǎn)單，頁(yè)面還是一如既往突出內(nèi)容為主，所以在整個(gè)設(shè)計(jì)上就通過(guò)色彩來(lái)強(qiáng)調(diào)頁(yè)面優(yōu)先級(jí)，比如拍攝，分享，選擇這些核心操作都通過(guò)色彩來(lái)引導(dǎo)完成任務(wù)。

更多設(shè)計(jì)文章，設(shè)計(jì)交流，歡迎添加 | 微信ddm7212

關(guān)注#公眾號(hào)：SKY蓋哥 ，第一時(shí)間獲得設(shè)計(jì)干貨和分享內(nèi)容。

運(yùn)用文字大小字重建立層次

▲絲芙蘭App的設(shè)計(jì)，在引導(dǎo)頁(yè)采用一個(gè)襯線體非常有品位，通過(guò)字體大小，和字重對(duì)比，再配合美妝護(hù)膚的行業(yè)屬性，頁(yè)面非常的簡(jiǎn)潔大氣，有對(duì)比有細(xì)節(jié)。

▲無(wú)論是產(chǎn)品介紹，還是詳情頁(yè)，絲芙蘭設(shè)計(jì)都是采用字重和字體大小對(duì)比，來(lái)打造層次，字重和大小，也是設(shè)計(jì)師常用建立層級(jí)的方式。

▲除了字重以外，還可以字體透明度來(lái)增加層級(jí)，一般是黑色搭配灰色使用，再加上字體大小和字重整個(gè)頁(yè)面層次會(huì)更加清晰。如上圖韓國(guó)APP頁(yè)面，標(biāo)題是黑色，輔助說(shuō)明文字字號(hào)小4號(hào)，同時(shí)顏色改為淺灰色，這樣設(shè)計(jì)頁(yè)面層次增強(qiáng)了很多。

▲很多設(shè)計(jì)師在做界面時(shí)候，喜歡字體就一個(gè)顏色用到底，這樣會(huì)顯得界面粗糙，也沒(méi)有層次感。但是運(yùn)用好我上面說(shuō)的字體大小，顏色、字重等對(duì)比其實(shí)節(jié)奏很容易就能做出來(lái)。

運(yùn)用視覺(jué)重量建立層次

▲比如aaptiv這個(gè)產(chǎn)品的功能頁(yè)面設(shè)計(jì)，就是運(yùn)用了視覺(jué)重量的對(duì)比，線框按鈕最弱，其次是黑色選中效果，最重的功能引導(dǎo)按鈕， 視覺(jué) 重量的對(duì)比能很好讓用戶關(guān)注到功能內(nèi)容。

▲如上圖，選中的黑色視覺(jué)重量最重，其次是藍(lán)色選中效果，最后是未選中的黑色，視覺(jué)重量幾乎我們每一個(gè)頁(yè)面中都會(huì)使用到。

▲headspace這款產(chǎn)品我非常喜歡，將情感化用到了極致，在頁(yè)面很多細(xì)節(jié)地方運(yùn)用了不同的小橙人在背景上，視覺(jué)重量有輕有重，通過(guò)不同視覺(jué)重量來(lái)表達(dá)頁(yè)面內(nèi)容，非常巧妙。

▲在列表的表達(dá)上，不同視覺(jué)重量感受是不一樣的，比如左邊的視覺(jué)重量更輕一點(diǎn)，用戶關(guān)注圖形同時(shí)也去關(guān)注文字內(nèi)容，右邊這個(gè)視覺(jué)更重，更加引導(dǎo)用戶去點(diǎn)擊功能模塊內(nèi)容。

▲設(shè)計(jì)師熟悉的medium官方App設(shè)計(jì)，在正文閱讀時(shí)，同樣采用不同的視覺(jué)重點(diǎn)來(lái)突出重要信息，比如左邊通過(guò)字重以及文字背景綠色底色和正文對(duì)比，非常醒目。右側(cè)通過(guò)淺綠色作為背景強(qiáng)調(diào)突出。

▲同樣在一些重要位置，Medium也是運(yùn)用視覺(jué)重量處理，如左圖通過(guò)頂部提示條提示可以通過(guò)語(yǔ)音播放，在右側(cè)付費(fèi)文章通過(guò)行動(dòng)按鈕引導(dǎo)用戶升級(jí)付費(fèi)。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：站酷   作者：我們的設(shè)計(jì)日記

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

教培類產(chǎn)品若想更有效地吸引用戶留存，則需要站在用戶的角度進(jìn)行思考，讓用戶有持續(xù)性的動(dòng)力使用產(chǎn)品。而有“溫度”的設(shè)計(jì)可以讓用戶更有動(dòng)力。本篇文章里，作者從視覺(jué)上總結(jié)了B端教育產(chǎn)品的情感化設(shè)計(jì)操作策略，一起來(lái)看一下。

我們是如何讓工具化教培類產(chǎn)品更具有“溫度”，同時(shí)又滿足B端產(chǎn)品多樣、規(guī)范化設(shè)計(jì)的。

一、項(xiàng)目背景

此項(xiàng)目是由我們的合作伙伴-清華大學(xué)心理學(xué)系學(xué)習(xí)科學(xué)實(shí)驗(yàn)室執(zhí)行主任宋老師和他的團(tuán)隊(duì)發(fā)起，與我們騰訊云的小伙伴一起完成設(shè)計(jì)和開發(fā)的。宋老師的師資團(tuán)隊(duì)在教育培訓(xùn)行業(yè)已有多年的沉淀，且在類工具化的教培線上產(chǎn)品授課經(jīng)驗(yàn)豐富。

宋老師團(tuán)隊(duì)認(rèn)為：“現(xiàn)有的工具化產(chǎn)品并不能足夠滿足團(tuán)隊(duì)的教學(xué)需求和理念”。他們需要更富有情感化的產(chǎn)品，區(qū)別于其它的在線工具化的教培產(chǎn)品。

同時(shí)在教學(xué)過(guò)程中宋老師團(tuán)隊(duì)的核心痛點(diǎn)在于：如何讓學(xué)員有動(dòng)力地學(xué)習(xí)下去。21天中長(zhǎng)期課程訓(xùn)練營(yíng)，學(xué)員會(huì)經(jīng)常出現(xiàn)無(wú)法堅(jiān)持學(xué)習(xí)、學(xué)習(xí)動(dòng)力不足、中途放棄學(xué)習(xí)等問(wèn)題，而這些也自然成為我們需要去突破和解決的設(shè)計(jì)難點(diǎn)。

1. 核心訴求：如何讓學(xué)員有動(dòng)力學(xué)習(xí)？

解析問(wèn)題：老師團(tuán)隊(duì)希望做出與市場(chǎng)上工具化產(chǎn)品有所區(qū)別的產(chǎn)品目標(biāo)，更是一款具有情感化且具有工具屬性的教培產(chǎn)品。根據(jù)這個(gè)目標(biāo)和方向，我們快速嘗試了一版方案：讓學(xué)習(xí)進(jìn)度清晰可見—“學(xué)習(xí)地圖”方案。

設(shè)計(jì)目標(biāo)

快速迭代1.0 學(xué)習(xí)地圖，定位問(wèn)題聚焦設(shè)計(jì)方向。

1.0版設(shè)計(jì)地圖

我們快速打造并模擬上線了1.0版學(xué)習(xí)地圖，并和宋老師團(tuán)隊(duì)溝通發(fā)現(xiàn)：如上圖的信息模式更適合即時(shí)性運(yùn)營(yíng)類的信息傳達(dá)，而在21天這樣的學(xué)習(xí)訓(xùn)練營(yíng)中，這樣的視覺(jué)信息表達(dá)會(huì)有以下的問(wèn)題：

1. 學(xué)習(xí)路徑漫長(zhǎng)且曲折，讓學(xué)習(xí)目標(biāo)看起來(lái)很難完成；
2. 在漫長(zhǎng)的路徑上連續(xù)不斷的關(guān)卡造成一種讓用戶遙不可及且容易中途就放棄學(xué)習(xí)；
3. 節(jié)點(diǎn)的節(jié)奏過(guò)于單調(diào)讓學(xué)習(xí)沒(méi)有預(yù)期感、缺失成就感。

雖然秉持著創(chuàng)造輕松的學(xué)習(xí)環(huán)境和氣氛的目標(biāo)，我們的設(shè)計(jì)還不能滿足實(shí)現(xiàn)情感化的工具產(chǎn)品，所以我們快速的定位問(wèn)題并調(diào)整了我們學(xué)習(xí)地圖的設(shè)計(jì)思路。

1.0版設(shè)計(jì)地圖

2. 學(xué)習(xí)如何才能是輕松又有動(dòng)力的？

回答最初的問(wèn)題，如何讓學(xué)習(xí)輕松有效又有持續(xù)性？分為以下幾個(gè)維度：

1）縮短學(xué)習(xí)路徑— 讓學(xué)習(xí)目標(biāo)看起來(lái)輕松可執(zhí)行。

2）拉近終點(diǎn)目標(biāo)— 讓原先看起來(lái)遙不可及的目標(biāo)“觸手可及”。

3）只聚焦當(dāng)前任務(wù) 弱化未完成的任務(wù)—幫助學(xué)習(xí)者減負(fù)，學(xué)習(xí)者不需要關(guān)注將來(lái)的任務(wù)，只需要把精力聚焦在當(dāng)前的任務(wù)下，完成當(dāng)前的力所能及的“小事”就能打卡成功。

4）放大學(xué)習(xí)成就感— 在21天的訓(xùn)練營(yíng)，把學(xué)習(xí)分成：初、中、后期。在學(xué)習(xí)初期需要關(guān)注學(xué)習(xí)習(xí)慣的養(yǎng)成；在學(xué)習(xí)中期需要幫助學(xué)習(xí)者在中途不要放棄學(xué)習(xí)，鼓勵(lì)學(xué)習(xí)者，并將學(xué)習(xí)回報(bào)等可視化，像是累計(jì)的學(xué)習(xí)時(shí)間獲得驚喜等；在學(xué)期后期放大目標(biāo)，凸顯目標(biāo)任務(wù)近在咫尺的感受，在最后學(xué)習(xí)終點(diǎn)放大學(xué)習(xí)的成就感。

5）放大社交屬性— 騰訊的基因就是有社交屬性的，所以將學(xué)習(xí)組團(tuán)化，學(xué)習(xí)者之間互相鼓勵(lì)，讓學(xué)習(xí)變得簡(jiǎn)單和快樂(lè)。

3. 從籠統(tǒng)的游戲化設(shè)計(jì)聚焦關(guān)鍵設(shè)計(jì)點(diǎn)

1）輕松

創(chuàng)造更輕松愉快的學(xué)習(xí)氛圍。首先需要拆解分化目標(biāo)本身，聚焦于當(dāng)下要完成的事，而不是想著那個(gè)遙不可及的目標(biāo)；其次，讓過(guò)程可見，看見學(xué)習(xí)的過(guò)程視覺(jué)化的量化；最后，驚喜埋點(diǎn)，讓學(xué)習(xí)是一件快樂(lè)的事情。

2）激勵(lì)

主要的思考方向聚焦在：增加互動(dòng)，老師上課直播的送花 、標(biāo)示（學(xué)習(xí)積極分子等）創(chuàng)造學(xué)員之間的互動(dòng)，攀登榜等。其次通過(guò)驚喜盲盒讓學(xué)習(xí)也是可以開心并且有成果的。

3）品牌化

以此次的項(xiàng)目代表，不同的教育機(jī)構(gòu)有自己的屬性和教育理念的傳達(dá)，也有大量的運(yùn)營(yíng)的需求。如何幫助合作伙伴或是客戶更好的快速、清晰、準(zhǔn)確的塑造其品牌和品牌識(shí)別度，也是我們需要聚焦的方向。

4）B端設(shè)計(jì)

作為B端的設(shè)計(jì)，希望后續(xù)面對(duì)類似需求的客戶可以將設(shè)計(jì)元素組件化，量化復(fù)用的同時(shí)，滿足用戶定制化的需求，靈活多變，幫助產(chǎn)品快速的產(chǎn)出。

聚焦設(shè)計(jì)關(guān)鍵點(diǎn)

二、差異化學(xué)習(xí)地圖專項(xiàng)設(shè)計(jì)

1. 地圖信息屬性調(diào)整

1）節(jié)點(diǎn)

將課程的節(jié)點(diǎn)放大，且增加變量的屬性，讓每節(jié)課程的節(jié)點(diǎn)都“埋藏驚喜”。同時(shí)節(jié)點(diǎn)的設(shè)計(jì)分為基礎(chǔ)節(jié)點(diǎn)和其它節(jié)點(diǎn)。其它節(jié)點(diǎn)包含：彩蛋節(jié)點(diǎn)、運(yùn)營(yíng)位節(jié)點(diǎn)等，讓節(jié)點(diǎn)變成一個(gè)組件的同時(shí)具備了靈活變化的屬性。

節(jié)點(diǎn)組件

2）路徑

節(jié)點(diǎn)自身就可以組成隱形的路徑，相對(duì)就壓縮了學(xué)習(xí)路徑，減輕學(xué)習(xí)者的學(xué)習(xí)負(fù)擔(dān)。并且用空間感的“近大遠(yuǎn)小的”路徑設(shè)計(jì)從視覺(jué)上“拉近”學(xué)習(xí)目標(biāo)終點(diǎn)。

3）角色融入

將學(xué)習(xí)者角色帶入，用了小人“跳一跳”的動(dòng)態(tài)增加學(xué)習(xí)的趣味性。

動(dòng)態(tài)跳一跳

4）故事線

服務(wù)于售前，產(chǎn)品可以針對(duì)不同的客戶和需求串連不同的故事線。

在做初期提案時(shí)，我們的故事線是：學(xué)習(xí)積累水滴灌溉小樹苗，在學(xué)習(xí)過(guò)程中小樹苗慢慢成長(zhǎng)變成大樹，通過(guò)這樣的視覺(jué)呈現(xiàn)來(lái)體現(xiàn)學(xué)習(xí)的成就感。學(xué)習(xí)者在不同的節(jié)點(diǎn)會(huì)解鎖帶有樹苗長(zhǎng)大的驚喜“彩蛋”節(jié)點(diǎn)。

作為B端的設(shè)計(jì)服務(wù)，不同的客戶有不同的目標(biāo)需求，但是基于這樣的學(xué)習(xí)地圖組件，后續(xù)可以更換不同的故事線，也可以根據(jù)客戶需求靈活定制學(xué)習(xí)地圖。

2. 地圖在界面上的的呈現(xiàn)

1）終點(diǎn)目標(biāo)可見/聚焦當(dāng)前任務(wù)

首屏就可以看到終點(diǎn)，并展示終點(diǎn)第21節(jié)課程，減輕學(xué)習(xí)者的負(fù)擔(dān)。在視覺(jué)上呈現(xiàn)出：完成這個(gè)目標(biāo)“看起來(lái)”也不是很困難的感受，讓學(xué)習(xí)者感覺(jué)自己是可以憑借著努力去觸達(dá)學(xué)習(xí)終點(diǎn)的。所以學(xué)習(xí)者只需要聚焦在當(dāng)前需要完成的課程，而不需要考慮還未完成的課程。

地圖的視覺(jué)呈現(xiàn)

2）界面結(jié)構(gòu)

• 遠(yuǎn)景：不同的階段感，放大成就感。
• 課程區(qū)域：（減少學(xué)習(xí)負(fù)擔(dān)，聚焦當(dāng)前的任務(wù)。
• 前景區(qū)域：邊走風(fēng)景邊會(huì)變化體現(xiàn)成長(zhǎng)感，減少學(xué)習(xí)的倦怠感。

3）前、中、遠(yuǎn)景的結(jié)構(gòu)設(shè)計(jì)

界面的結(jié)構(gòu)分為：前景、中景、遠(yuǎn)景。

• 前景區(qū)域：隨著學(xué)習(xí)者邊“走”風(fēng)景會(huì)變化，在前景處體現(xiàn)學(xué)習(xí)者的成長(zhǎng)感，減少學(xué)習(xí)的倦怠。
• 中景：課程區(qū)域，減少學(xué)習(xí)負(fù)擔(dān)，聚焦當(dāng)前的任務(wù)。
• 遠(yuǎn)景：弱化未來(lái)的課程，在學(xué)習(xí)后期階段，放大目標(biāo)觸手可及的感受，幫助學(xué)習(xí)者堅(jiān)持學(xué)習(xí)。

4）學(xué)習(xí)地圖元素的組件靈活變化

1.0版本的學(xué)習(xí)地圖設(shè)計(jì)重心放在視覺(jué)插畫上，而忽略了服務(wù)于B端用戶所需的快速組件化?；诂F(xiàn)在的設(shè)計(jì)結(jié)構(gòu)，可以有效的產(chǎn)出和預(yù)估設(shè)計(jì)的工作量，將其作為有情感沉淀的半自定義組件。

如何通過(guò)界面提升學(xué)習(xí)動(dòng)力

5）最后小結(jié)

學(xué)習(xí)地圖的設(shè)計(jì)是為了幫助學(xué)習(xí)者減輕學(xué)習(xí)負(fù)擔(dān)、幫助學(xué)習(xí)者明確學(xué)習(xí)路徑、凸顯學(xué)習(xí)的成長(zhǎng)感。靈活的節(jié)點(diǎn)設(shè)計(jì)以及隱藏彩蛋增強(qiáng)了學(xué)習(xí)的動(dòng)力，減少了學(xué)習(xí)的疲勞感。而在產(chǎn)品售賣層面，可以串聯(lián)不同的故事線快速搭建學(xué)習(xí)地圖。

三、幫助合作伙伴樹立品牌

1. 客戶提案

合作伙伴提出了關(guān)鍵詞“成長(zhǎng)”，為了更好地管理用戶的預(yù)期，我們做了以“成長(zhǎng)”為核心的三個(gè)維度展開的設(shè)計(jì)提案。方案A為成長(zhǎng)沐浴在陽(yáng)關(guān)下的治愈型方案—向陽(yáng)而生感受成長(zhǎng)的力量。方案B為學(xué)習(xí)也可以很快樂(lè)—學(xué)習(xí)嘉年華。方案C為成長(zhǎng)的經(jīng)典綠色方案—成長(zhǎng)是一種詩(shī)意的棲居。

3個(gè)不同的提案

確定主題向陽(yáng)而生

在與合作伙伴溝通后選擇了A方案向陽(yáng)而生，產(chǎn)品也重新定義了故事主線。將故事主線定義為“登山看日出”所以根據(jù)新的故事主線我們定義了主要的品牌元素及延伸運(yùn)用。

2. 品牌設(shè)計(jì)元素的提取與應(yīng)用

宋老師團(tuán)隊(duì)選擇的“向陽(yáng)而生”的方案，將設(shè)計(jì)元素的落點(diǎn)在于“陽(yáng)光”的設(shè)計(jì)點(diǎn)上。

視覺(jué)元素提取抽象并賦予視覺(jué)的語(yǔ)意“在名師的指導(dǎo)下學(xué)習(xí)成長(zhǎng)，猶如沐浴在溫和自在的陽(yáng)光中，快樂(lè)成長(zhǎng)，快樂(lè)學(xué)習(xí)”，并加入了“學(xué)習(xí)”的元素—筆記本，希望可以通過(guò)紙張?bào)w現(xiàn)學(xué)習(xí)過(guò)程中的“親切感”。

主要設(shè)計(jì)元素首先來(lái)分解主要的視覺(jué)設(shè)計(jì)點(diǎn)-陽(yáng)光，提取陽(yáng)光“溫暖柔和”的特質(zhì)。將陽(yáng)光元素抽象出：磨砂模糊的陽(yáng)光光暈、一束光線的色彩形狀的組合。并將這些特質(zhì)運(yùn)用在界面設(shè)計(jì)中，如下圖。

設(shè)計(jì)元素在界面上的應(yīng)用在質(zhì)感上運(yùn)用更多偏磨砂的效果，加入有代表性的筆記本元素作為底紋。在界面可以上看到，通過(guò)陽(yáng)光光束突出人名，重要的按鈕及按鈕狀態(tài)也增加了陽(yáng)光光暈的設(shè)計(jì)，在細(xì)節(jié)上潛移默化地呈現(xiàn)教學(xué)與設(shè)計(jì)的理念。

設(shè)計(jì)元素在界面上的應(yīng)用

3. 差異化：融入新的故事線—放大學(xué)習(xí)成就感

融入新的故事線“登山看日出”。在產(chǎn)品中“學(xué)習(xí)地圖”作為差異化的設(shè)計(jì)點(diǎn)的全過(guò)程展示，參看下圖視頻演示。

首次學(xué)習(xí)過(guò)程模擬學(xué)習(xí)進(jìn)度的視覺(jué)化呈現(xiàn)分為三個(gè)不同階段：

1. 初期-學(xué)習(xí)新鮮期；
2. 中期-學(xué)習(xí)倦怠期；
3. 后期-學(xué)習(xí)沖刺期。

我們將21天的學(xué)習(xí)進(jìn)程分成不同的階段，并根據(jù)不同的用戶心理改變視覺(jué)呈現(xiàn)，前期和中期和后期會(huì)有明顯的“視覺(jué)改變”，在最后成功的學(xué)習(xí)完成也會(huì)有一個(gè)儀式感的“學(xué)習(xí)路徑”的層層疊加，凸顯學(xué)習(xí)的成就感，此時(shí)也是用戶對(duì)自己用心學(xué)習(xí)的最好回饋，將這一些心理狀態(tài)都視覺(jué)化地呈現(xiàn)在用戶眼前。

階段的視覺(jué)呈現(xiàn)學(xué)習(xí)地圖組件分為：

• 前景：學(xué)習(xí)過(guò)程變化的信息；
• 中/遠(yuǎn)景：學(xué)習(xí)節(jié)點(diǎn)，學(xué)習(xí)節(jié)點(diǎn)包括基礎(chǔ)節(jié)點(diǎn)和自定義節(jié)點(diǎn)，自定義節(jié)點(diǎn)可以根據(jù)產(chǎn)品和客戶的需要更改節(jié)點(diǎn)的屬性；
• 遠(yuǎn)景：學(xué)習(xí)結(jié)束的儀式感展現(xiàn)。這一學(xué)習(xí)路徑的視覺(jué)展現(xiàn)形式也可以很好地轉(zhuǎn)化為設(shè)計(jì)組件，串聯(lián)不同的故事線讓學(xué)員去完成不同天數(shù)的線上學(xué)習(xí)。

學(xué)習(xí)地圖組件

1）其它學(xué)習(xí)激勵(lì)頁(yè)面

呼應(yīng)“向陽(yáng)而生”的故事線，我們的設(shè)計(jì)還包含了其它的學(xué)習(xí)激勵(lì)機(jī)制。例如：每次完成學(xué)習(xí)會(huì)獲得一個(gè)“太陽(yáng)”積分、學(xué)習(xí)攀登榜的設(shè)計(jì)上，呼應(yīng)登山主題的視覺(jué)表達(dá)。

其他激勵(lì)頁(yè)面

2）設(shè)計(jì)規(guī)范與設(shè)計(jì)協(xié)同

為感更好地進(jìn)行教育的視覺(jué)協(xié)作，我們將視覺(jué)規(guī)范分為：設(shè)計(jì)總體理念的概覽、設(shè)計(jì)基礎(chǔ)組件、設(shè)計(jì)特殊組件、界面相關(guān)的具體設(shè)計(jì)內(nèi)容、典型頁(yè)面和人物封面規(guī)范等，保證內(nèi)外部的設(shè)計(jì)輸出規(guī)范，保持產(chǎn)品視覺(jué)基調(diào)完整準(zhǔn)確。

設(shè)計(jì)規(guī)范

協(xié)同設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：人人都是產(chǎn)品經(jīng)理   作者：騰訊設(shè)計(jì)

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

隨著互聯(lián)網(wǎng)的發(fā)展到一定程度，各行各業(yè)都在發(fā)生著新的變化，家裝行業(yè)也逐漸告別了以“互聯(lián)網(wǎng)+”模式為主導(dǎo)，開始聚焦于家裝產(chǎn)業(yè)本身。那么，家裝產(chǎn)業(yè)化會(huì)帶了哪些新的特點(diǎn)與機(jī)會(huì)呢？我們一起來(lái)看看吧。

當(dāng)互聯(lián)網(wǎng)時(shí)代漸行漸遠(yuǎn)，每一個(gè)行業(yè)都在發(fā)生著新的變化，家裝行業(yè)亦不例外。告別了以“互聯(lián)網(wǎng)+”模式為主導(dǎo)，越來(lái)越多的玩家開始將關(guān)注的焦點(diǎn)聚焦在了家裝產(chǎn)業(yè)本身。

改變家裝行業(yè)原有的運(yùn)行邏輯，改變家裝行業(yè)原有的組成元素，改變家裝行業(yè)的原有的功能屬性，一個(gè)全新的時(shí)代從此開始緩緩拉開序幕。

乍一看，家裝行業(yè)的新變革與整個(gè)行業(yè)正在發(fā)生的新變化頗有幾分相似之處。如果我們仔細(xì)觀察便會(huì)發(fā)現(xiàn)，家裝行業(yè)因其特殊性，它的發(fā)展是有著某些自己的特點(diǎn)的。

認(rèn)清了這些特點(diǎn)，我們?cè)谔剿骱蛯?shí)踐家裝進(jìn)化的過(guò)程當(dāng)中，才能擺脫原有的困境，真正為家裝行業(yè)的進(jìn)化找到出路。

反過(guò)來(lái)，如果我們一味地對(duì)家裝行業(yè)的進(jìn)化進(jìn)行一刀切，簡(jiǎn)單武斷地將家裝新進(jìn)化與其他行業(yè)的進(jìn)化混淆起來(lái)看待，非但無(wú)法促進(jìn)家裝行業(yè)的良性發(fā)展，甚至還將會(huì)把家裝行業(yè)的發(fā)展帶入到新的死胡同里。

最后，我們又將陷入到與互聯(lián)網(wǎng)家裝相類似的怪圈當(dāng)中，難以自拔。

一、家裝進(jìn)化的新特點(diǎn)

一直以來(lái)，人們?cè)诳创已b的時(shí)候都不僅僅只是看待家裝本身，而是更多地看待的是家裝行業(yè)背后的東西。當(dāng)家裝行業(yè)的發(fā)展進(jìn)入到了全新的階段，人們?cè)诳创已b的時(shí)候，同樣面臨著同樣的問(wèn)題和抉擇，從而呈現(xiàn)出一些新的特點(diǎn)，認(rèn)識(shí)到這些特點(diǎn)，并且從其中尋找到新的機(jī)會(huì)，才能真正讓家裝行業(yè)的發(fā)展帶入到全新的階段。

家裝行業(yè)不再傳統(tǒng)和原始。提及家裝，人們首先想到的是傳統(tǒng)和原始，無(wú)論是從家裝行業(yè)的運(yùn)行機(jī)制上來(lái)看，還是從家裝行業(yè)的組成元素上來(lái)看，幾乎都是如此。

然而，經(jīng)歷了互聯(lián)網(wǎng)時(shí)代的洗禮之后，家裝行業(yè)的這樣一種狀態(tài)正在發(fā)生深刻而又全面的改變。

越來(lái)越多的新元素開始加入到了家裝行業(yè)當(dāng)中，比如，人工智能；比如，大數(shù)據(jù)；比如，新型材料等等。

當(dāng)組成家裝行業(yè)的新元素開始發(fā)生嬗變，家裝行業(yè)的傳統(tǒng)和原始開始被徹底而又全面地改變，家裝行業(yè)再也不是我們所認(rèn)為的那樣一種狀態(tài)了。一場(chǎng)由內(nèi)而外的新變革開始在家裝行業(yè)上演。

與此同時(shí)，家裝行業(yè)的運(yùn)行機(jī)制同樣正在發(fā)生著一場(chǎng)深度變革。按照傳統(tǒng)理解，我們所認(rèn)為的家裝行業(yè)是一個(gè)由內(nèi)而外的過(guò)程，即家裝公司向業(yè)主提供服務(wù)的過(guò)程，在這個(gè)過(guò)程當(dāng)中，業(yè)主是被動(dòng)地等待著家裝公司為自己提供產(chǎn)品和服務(wù)的。

當(dāng)家裝行業(yè)的內(nèi)在元素發(fā)生了深度改變之后，這種狀態(tài)開始被打破，越來(lái)越多的業(yè)主開始主動(dòng)地選擇家裝公司，主動(dòng)地選擇家裝產(chǎn)品和服務(wù)，家裝行業(yè)開始了由外而內(nèi)的新運(yùn)行邏輯。

無(wú)論是從家裝行業(yè)的組成元素上來(lái)看，還是從家裝行業(yè)的運(yùn)行機(jī)制上來(lái)看，家裝行業(yè)都不再是我們認(rèn)為的傳統(tǒng)和原始的家裝，而是開始了一場(chǎng)全新的進(jìn)化。在這樣一場(chǎng)全新的進(jìn)化里，家裝行業(yè)不再是我們所認(rèn)為的傳統(tǒng)意義上的功能和屬性，而是開始有了新的內(nèi)涵與意義。

家裝行業(yè)不再僅僅只是裝修。跳出裝修的牽絆，真正為家裝行業(yè)找到新的出口，才是讓家裝行業(yè)的發(fā)展真正擺脫以流量為終極追求的宿命的關(guān)鍵。

只要家裝行業(yè)依然還在以裝修為主要的功能和屬性，無(wú)論家裝行業(yè)如何嬗變，家裝行業(yè)的發(fā)展始終都是以流量為終極追求的。因此，讓家裝行業(yè)真正跳出傳統(tǒng)怪圈的關(guān)鍵在于告別裝修，為家裝行業(yè)賦予新的內(nèi)涵和意義。

乍一看，告別裝修，家裝便不能稱之為家裝，因?yàn)榧已b始終都是和家裝深度綁定在一起的。幾乎所有的家裝從業(yè)者都將裝修看成是家裝的使命和意義所在。

正是因?yàn)槿绱?，我們才無(wú)法真正讓家裝行業(yè)的發(fā)展擺脫傳統(tǒng)的限制，更加無(wú)法讓家裝行業(yè)的發(fā)展帶入到全新的發(fā)展階段。當(dāng)家裝行業(yè)的發(fā)展開始了新征程，另外一個(gè)顯著的特點(diǎn)，就是去裝修化。

一直以來(lái)，筆者都認(rèn)為，所謂的裝修是在特定的歷史條件下賦予的家裝行業(yè)的一種特殊的使命。一旦這樣一個(gè)歷史階段不再，我們對(duì)家裝所賦予的這樣一種裝修的功能和屬性便會(huì)開始瓦解。當(dāng)精裝交付時(shí)代來(lái)臨，這樣一種特定的歷史階段，開始發(fā)生改變。

于是，人們開始尋找裝修之外的新功能和新屬性。在新的歷史階段，家裝行業(yè)更多多承擔(dān)的是一個(gè)構(gòu)建場(chǎng)景的過(guò)程，正如互聯(lián)網(wǎng)時(shí)代人們搭建平臺(tái)作為一切行為和動(dòng)作的承載一樣。

在新的階段，家裝行業(yè)更多地承擔(dān)的是搭建新場(chǎng)景和新平臺(tái)的任務(wù)。所以，在這個(gè)時(shí)候，家裝已經(jīng)不再是簡(jiǎn)單意義上的家裝，而是有了新的內(nèi)涵和意義。

家裝行業(yè)不再拘泥于家裝本身。如果家裝行業(yè)的發(fā)展和進(jìn)化僅僅只是拘泥于家裝行業(yè)本身，家裝行業(yè)的發(fā)展和進(jìn)化始終都是無(wú)法擺脫原有的困境的。

這是家裝行業(yè)一直都在改變，一直卻無(wú)法跳出原有的發(fā)展怪圈的根本原因。當(dāng)時(shí)間的指針來(lái)到了新階段，家裝行業(yè)的進(jìn)化不再僅僅只是拘泥于家裝本身，而是開始更多地跳出家裝，尋求新的發(fā)展突破口。

現(xiàn)如今，我們看到的是家裝行業(yè)本身開始與越來(lái)越多的外部行業(yè)，越來(lái)越多的外部元素產(chǎn)生聯(lián)系。

總結(jié)來(lái)看，家裝行業(yè)不再僅僅只是拘泥于家裝本身，而是開始更多地跳出家裝，將目光轉(zhuǎn)移到了更多家裝之外的新領(lǐng)域里。比如，將家裝與生活聯(lián)系；比如，將家裝與健康聯(lián)系等等。

當(dāng)家裝行業(yè)的發(fā)展告別了原有的封閉與孤立，而是越來(lái)越多地開始開放的時(shí)候，所謂的家裝便不再僅僅只是我們所認(rèn)為的那種傳統(tǒng)意義上的家裝，而是開始更多地被賦予了新的內(nèi)涵和意義。比如，家裝的場(chǎng)景功能；比如，家裝的聯(lián)通功能等等。

認(rèn)識(shí)到家裝行業(yè)的新特點(diǎn)，并且以這些新特點(diǎn)為出發(fā)點(diǎn)，尋找家裝行業(yè)的破局之法，才是確保家裝行業(yè)的發(fā)展可以進(jìn)入到新階段的標(biāo)志。對(duì)于一直苦于無(wú)法破局的家裝行業(yè)來(lái)講，這無(wú)疑是一個(gè)新的開始，以此為開端，家裝行業(yè)的發(fā)展才能真正進(jìn)入到一個(gè)全新的發(fā)展階段。

二、家裝行業(yè)的三個(gè)新機(jī)會(huì)

結(jié)合家裝行業(yè)的進(jìn)化所呈現(xiàn)出來(lái)的新特點(diǎn)，我們可以非常清晰地看到三個(gè)家裝行業(yè)進(jìn)化的新機(jī)會(huì)。抓住這三個(gè)新機(jī)會(huì)，并且真正將家裝行業(yè)的發(fā)展帶入到新階段，才是保證家裝行業(yè)真正進(jìn)入到新階段的關(guān)鍵所在。

機(jī)會(huì)一：替代傳統(tǒng)元素，重構(gòu)傳統(tǒng)機(jī)制。

我認(rèn)為，替代傳統(tǒng)家裝的元素與重構(gòu)傳統(tǒng)家裝的運(yùn)行機(jī)制應(yīng)當(dāng)是一個(gè)相輔相成的過(guò)程。所謂的替代傳統(tǒng)家裝的元素，其實(shí)就是一個(gè)將新的元素變成家裝行業(yè)新主體的過(guò)程。

從現(xiàn)在的發(fā)展情況來(lái)看，以人工智能、大數(shù)據(jù)、云計(jì)算為代表的新元素正在越來(lái)越多地成為家裝行業(yè)新的組成部分。

當(dāng)新元素取代舊元素充實(shí)和完善家裝行業(yè)的大背景下，我們看到的是一個(gè)全新的家裝行業(yè)機(jī)制正在被重塑的過(guò)程。

傳統(tǒng)意義上的以人為主體的運(yùn)行機(jī)制，開始被新的運(yùn)行機(jī)制所替代，從而形成了一種全新的運(yùn)行機(jī)制，這種全新的運(yùn)行機(jī)制比傳統(tǒng)的運(yùn)行機(jī)制更加快速、標(biāo)準(zhǔn)和規(guī)范，同樣可以讓家裝行業(yè)更好地運(yùn)行。

在這個(gè)時(shí)候，對(duì)于每個(gè)玩家來(lái)講，只有真正抓住了替代傳統(tǒng)元素的機(jī)會(huì)，并且真正用新的元素來(lái)代替舊的元素，從而建構(gòu)一個(gè)全新的機(jī)制，才能讓家裝行業(yè)的發(fā)展真正進(jìn)入到新階段。以此為開端，家裝行業(yè)的發(fā)展才能告別傳統(tǒng)，迎來(lái)新時(shí)代。

機(jī)會(huì)二：拓展家裝行業(yè)的新功能。

一直以來(lái)，家裝行業(yè)的癥結(jié)在于始終都沒(méi)有擺脫裝修的牽絆，一直以來(lái)，人們都在將裝修看成是家裝行業(yè)的唯一出口。

在紅利期，這種發(fā)展是沒(méi)有任何問(wèn)題的。然而，等到紅利期已過(guò)，我們?cè)賹鹘y(tǒng)功能看成是家裝的唯一出路，所導(dǎo)致的一個(gè)最為直接的結(jié)果就是家裝行業(yè)的發(fā)展開始進(jìn)入到死胡同里。

在這種情況下，我們必然需要拓展家裝行業(yè)的新功能。以新功能為家裝行業(yè)的發(fā)展找到新的突破口，以新功能來(lái)促進(jìn)家裝行業(yè)的新發(fā)展，以新功能來(lái)填補(bǔ)紅利期見頂?shù)目瞻住?

在我看來(lái)，未來(lái)的家裝更多地需要承擔(dān)的是一種生活方式的營(yíng)造者，一種新場(chǎng)景的承擔(dān)者的角色。

對(duì)于每一個(gè)玩家來(lái)講，他們都應(yīng)當(dāng)將拓展家裝行業(yè)的新功能和打開家裝行業(yè)的新思路作為主要目標(biāo)?？梢灶A(yù)見的是，當(dāng)每一種的家裝行業(yè)的新功能被發(fā)現(xiàn)，被打開，家裝行業(yè)的發(fā)展瓶頸就會(huì)被突破和改變。以此為出發(fā)點(diǎn)，家裝行業(yè)的發(fā)展才能真正進(jìn)入到一個(gè)全新的時(shí)代。

機(jī)會(huì)三：增強(qiáng)家裝行業(yè)的聯(lián)通性。

家裝行業(yè)作為一種載體，它的發(fā)展越來(lái)越多地開始表現(xiàn)出與外部產(chǎn)業(yè)的深度聯(lián)系和融合上面。對(duì)于每一個(gè)有志于在家裝行業(yè)的新階段有所作為的玩家來(lái)講，最后一個(gè)機(jī)會(huì)便是如何增加家裝行業(yè)與外部行業(yè)的聯(lián)通性，以此來(lái)增加家裝行業(yè)的新機(jī)會(huì)。

在這個(gè)過(guò)程當(dāng)中，增強(qiáng)家裝行業(yè)的聯(lián)通性，主要表現(xiàn)在內(nèi)外兩個(gè)方面。從內(nèi)部聯(lián)通上來(lái)看，家裝要強(qiáng)化與上下游之間的聯(lián)系，不斷對(duì)上下游進(jìn)行深度賦能，以此開啟家裝行業(yè)的新發(fā)展；從外部聯(lián)通上來(lái)看，家裝行業(yè)要強(qiáng)化與金融、制造、消費(fèi)等大行業(yè)之間的聯(lián)系，以這樣一種聯(lián)系來(lái)確立家裝行業(yè)的中心地位。

可以預(yù)見的是，當(dāng)家裝行業(yè)成為新的中心和紐帶，特別是當(dāng)家裝行業(yè)的發(fā)展與外部產(chǎn)業(yè)真正聯(lián)通在一起的時(shí)候，它的發(fā)展才能告別傳統(tǒng)時(shí)代和互聯(lián)網(wǎng)時(shí)代的封閉與孤立的狀態(tài)，真正進(jìn)入到一個(gè)全新的發(fā)展階段。

三、結(jié)語(yǔ)

當(dāng)互聯(lián)網(wǎng)時(shí)代的紅利不再，家裝行業(yè)的發(fā)展開始呈現(xiàn)出新的特點(diǎn)。認(rèn)識(shí)到這些特點(diǎn)，并且抓住衍生出來(lái)的新機(jī)會(huì)，家裝行業(yè)的發(fā)展才能告別傳統(tǒng)意義上的發(fā)展邏輯，真正進(jìn)入到一個(gè)全新的發(fā)展階段。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：人人都是產(chǎn)品經(jīng)理   作者：孟永輝

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

文章大綱：

1. 淘寶為什么不淘了

2. 淘寶的基礎(chǔ)內(nèi)容設(shè)施

3. 淘寶沒(méi)有種草經(jīng)濟(jì)

4. 讓人逛下去的產(chǎn)品設(shè)計(jì)

5. 逛逛和小紅書的設(shè)計(jì)區(qū)別

6. 寫在最后

1. 淘寶為什么不淘了

1.1  “淘” 歷史

淘寶成立于2003年5月，當(dāng)時(shí)最早的slogan是：“淘你喜歡”，這句話的主體是以平臺(tái)角度出發(fā)，對(duì)用戶說(shuō)的，意思是讓用戶來(lái)平臺(tái)選購(gòu)商品。

隨后2005年，slogan變成了“淘我喜歡”，主體從平臺(tái)轉(zhuǎn)變成了用戶，意思是讓用戶自主選擇來(lái)平臺(tái)購(gòu)物。

在最近的2021年，淘寶的slogan變?yōu)榱恕疤霉淞税伞?。代表性的是淘寶app打開的啟動(dòng)圖從玲瑯滿目的商品圖，換成了新的slogan：

圖：淘寶啟動(dòng)頁(yè)變化

圖：淘寶的slogan變化

1.2 需求的類型

淘，又有“篩選”的意思，而篩選行為是要對(duì)某具體目標(biāo)進(jìn)行的，不可能憑空篩選，這個(gè)目標(biāo)產(chǎn)生的過(guò)程，就是我們常說(shuō)的“用戶需求”。

“用戶需求”的產(chǎn)生一般分為兩種：有目的的需求和無(wú)目的的需求。

有目的的需求：需求產(chǎn)生的過(guò)程有戶外廣告、朋友推薦等。以這種方式產(chǎn)生的需求，用戶會(huì)帶著明確目標(biāo)，這時(shí)用戶直接打開軟件，通過(guò)搜索，直接縮小商品范圍，更快觸達(dá)目標(biāo)商品，在這種場(chǎng)景下，用戶明顯沒(méi)有“逛”的心情。

無(wú)目的的需求：當(dāng)用戶在沒(méi)有明確目標(biāo)的情況下打開軟件時(shí)，用戶購(gòu)物意向都是比較模糊的，沒(méi)有明確選擇區(qū)間。此時(shí)，如何讓用戶產(chǎn)生購(gòu)買欲望，是產(chǎn)品設(shè)計(jì)時(shí)必須要重點(diǎn)思考的。

圖：需求產(chǎn)生的類型

我們都知道，淘寶最開始的定位是“淘”，主打的是以導(dǎo)購(gòu)型社區(qū)為目標(biāo)，主要解決“用戶來(lái)平臺(tái)需要買什么”的問(wèn)題，也就是有目的的消費(fèi)需求。

針對(duì)這類用戶，最簡(jiǎn)單的思路就是“讓用戶買到想要的東西”，基于這一思路，淘寶推出了“千人千面”的算法機(jī)制。

隨著淘寶算法越來(lái)越精準(zhǔn)，用戶購(gòu)買越來(lái)越效率，導(dǎo)致很多用戶對(duì)于淘寶的使用心智固定在了購(gòu)物平臺(tái)，而不是內(nèi)容消費(fèi)平臺(tái)。

但是算法是有一定的滯后性的，只有在用戶產(chǎn)生數(shù)據(jù)后才能夠進(jìn)行精準(zhǔn)推薦。（這個(gè)數(shù)據(jù)可以是在淘寶平臺(tái)產(chǎn)生的，也可以是在其他平臺(tái)產(chǎn)生的，比如說(shuō)通過(guò)搜狗輸入法輸入了某個(gè)商品名）

所以單純的靠精準(zhǔn)的算法推薦，并不能解決用戶的潛在需求。

圖：不同需求類型的解決方案

1.3  商家的流量成本

在淘寶店鋪的運(yùn)營(yíng)中，有一項(xiàng)重要的指標(biāo)叫UV價(jià)值，指的是平均每個(gè)客戶在店鋪的銷售額，數(shù)字越高說(shuō)明訪客的轉(zhuǎn)化率越高，轉(zhuǎn)化高就代表最終的GMV會(huì)高。

而根據(jù)淘寶的數(shù)據(jù)統(tǒng)計(jì)，店鋪粉絲級(jí)別越高，對(duì)店鋪的粘性越強(qiáng)，UV價(jià)值也就越高。最終反映在淘寶數(shù)據(jù)上就是GMV高，既利于平臺(tái)，也利于商家。

粉絲的積累需要流量，而淘寶店鋪的流量來(lái)源一般分為：淘寶站內(nèi)、淘寶站外，其中有包括淘寶推廣、搜索競(jìng)價(jià)、淘寶客、直通車等方式，但這些流量通常是不穩(wěn)定的，免費(fèi)流量自不用說(shuō)，付費(fèi)流量的投入成本也對(duì)店鋪的資金有一定要求。

所以店鋪需要把這些吸引的流量，轉(zhuǎn)化成店鋪的粉絲。

舉個(gè)例子，在很多電商平臺(tái)上，店鋪會(huì)有自己的引流款，這些商品不是為了毛利。只是起到為店鋪引流的作用。

因?yàn)閷?duì)于平臺(tái)的店鋪來(lái)說(shuō)，持續(xù)不斷且穩(wěn)定的流量增長(zhǎng)，不僅可以推動(dòng)銷售的穩(wěn)定增長(zhǎng)，也利于長(zhǎng)期的發(fā)展方向。

圖：淘寶流量來(lái)源

2. 淘寶的基礎(chǔ)內(nèi)容建設(shè)

2.1  內(nèi)容整合成社區(qū)和去中心化

早在2015年，當(dāng)時(shí)淘寶內(nèi)部孵化淘寶頭條，分享優(yōu)質(zhì)的消費(fèi)類資訊內(nèi)容，當(dāng)時(shí)淘頭條的MAU（月活躍用戶）過(guò)億。但隨著視頻內(nèi)容的崛起，圖文形式逐漸走下坡路，淘寶看準(zhǔn)了直播帶貨的賽道，開始逐漸布局淘寶直播的內(nèi)容形式。期間也相繼加入了微淘、有好貨、買家秀、好物點(diǎn)評(píng)團(tuán)等內(nèi)容形式。

但是這些內(nèi)容一直分散在淘寶各個(gè)功能模塊中，沒(méi)有形成一個(gè)整體的社區(qū)化。

圖：淘寶的內(nèi)容矩陣

其中最成功的應(yīng)該就屬淘寶直播了，根據(jù)淘寶直播2021年度報(bào)告：2020年淘寶直播帶來(lái)的GMV超過(guò)人民幣4000億元。

但是，直播的內(nèi)容形式注定是以主播自上而下中心化的，用戶是跟著主播走的，一旦主播下播以后，這些觀眾也會(huì)失去購(gòu)買目標(biāo)。

并且由于直播屬于一對(duì)多的形式，越大的主播，觀眾越多，這時(shí)候主播和觀眾的互動(dòng)率是很低的，久而久之，用戶的互動(dòng)積極性也會(huì)受打壓。

圖：以主播為中心化的淘寶直播

除了淘寶直播，近年來(lái)另一個(gè)改動(dòng)比較大的應(yīng)該就是微淘的出現(xiàn)了，在逛逛出現(xiàn)之前，一直占據(jù)底部欄的二號(hào)位，它的內(nèi)容形式主要以店鋪上新、直播、福利為主。

這也是淘寶在店鋪私域流量運(yùn)營(yíng)上做的一次嘗試，目的是為了讓用戶更容易和店鋪產(chǎn)生連接。但是實(shí)際上，由于微淘的內(nèi)容形式之間關(guān)聯(lián)性不大，業(yè)務(wù)場(chǎng)景混亂，一些剛起步的商家也沒(méi)有資源拓展多業(yè)務(wù)場(chǎng)景，導(dǎo)致內(nèi)容質(zhì)量參差不齊，影響轉(zhuǎn)化。

淘寶做微淘中做內(nèi)容的目的是為了讓用戶有東西可以逛，但是逛內(nèi)容就代表著用戶購(gòu)買需求不明確，這又與營(yíng)銷場(chǎng)景相沖突（營(yíng)銷場(chǎng)景是為了讓用戶快速下單完成購(gòu)買），所以微淘也一直被詬病轉(zhuǎn)化率低。

圖：微淘主要的三個(gè)問(wèn)題

2.2  信息流時(shí)代

后來(lái)在2020年年底的時(shí)候，淘寶迎來(lái)了另一個(gè)比較大的改版，猜你喜歡變成了縱向的信息流，點(diǎn)擊猜你喜歡進(jìn)入的是一個(gè)流量的中轉(zhuǎn)站。比如說(shuō)點(diǎn)擊一件衣服，下面全是衣服的推薦。

新版猜你喜歡的特點(diǎn)很明顯，犧牲轉(zhuǎn)化率，增加用戶使用時(shí)長(zhǎng)。在實(shí)際點(diǎn)擊進(jìn)入信息流中，用戶總感覺(jué)下面有新的內(nèi)容，這時(shí)候用戶的心態(tài)普遍是浮躁的，會(huì)使用很短，甚至一兩秒的時(shí)間決定是否深入了解產(chǎn)品。如果不喜歡，就會(huì)滑到下一個(gè)產(chǎn)品，無(wú)形中增加了用戶在平臺(tái)的停留時(shí)長(zhǎng)。

據(jù)淘寶官方數(shù)據(jù)表示，此次猜你喜歡的大改版，淘寶用戶的點(diǎn)擊率和用戶時(shí)長(zhǎng)都提升了20%。

圖：猜你喜歡改版，通過(guò)犧牲轉(zhuǎn)化來(lái)提高使用時(shí)長(zhǎng)

2.3  “逛逛”來(lái)了

逛逛是以UGC內(nèi)容形式為主的種草平臺(tái)，顧名思義，就是消費(fèi)者在無(wú)聊的時(shí)候，可以到處逛逛。

如果說(shuō)信息流是縱向的內(nèi)容推薦，那么逛逛就是通過(guò)大數(shù)據(jù)，橫向的推薦內(nèi)容，最終向商品引流。豐富的內(nèi)容為其他消費(fèi)者帶來(lái)沉浸式購(gòu)物體驗(yàn)，類比線下商圈，就是逛著逛著就把東西買了。

3. 淘寶沒(méi)有種草經(jīng)濟(jì)

3.1  從AISAS模式到SICAS模式

AISAS模型是一種用戶決策分析模型，由電通公司（日本第一大廣告公司）提出，是消費(fèi)者行為學(xué)領(lǐng)域很成熟的理論模型之一。

AISAS模式將消費(fèi)者從產(chǎn)生需求到最終完成購(gòu)買的路徑分成了五個(gè)階段，既Attention（注意） - Interest（興趣） - Search（搜索） - Action（行動(dòng)） - Share（分享）。其中消費(fèi)者在注意商品并產(chǎn)生興趣之后的信息搜集（Search），以及產(chǎn)生購(gòu)買行動(dòng)之后的信息分享（Share），是當(dāng)下互聯(lián)網(wǎng)消費(fèi)時(shí)代尤其重要的兩個(gè)階段。

搜索就是當(dāng)用戶對(duì)某商品產(chǎn)生興趣之后，消費(fèi)者會(huì)通過(guò)線上或者線下渠道來(lái)收集相關(guān)產(chǎn)品的信息，比如說(shuō)評(píng)價(jià)、打分等。分享是在購(gòu)買路徑完成后，用戶自發(fā)向身邊人推薦商品的階段，也就是口碑裂變，當(dāng)然也有可能變成商品吐槽大會(huì)。

但是，在前文也提到了，搜索是在有明確對(duì)某個(gè)商品產(chǎn)生興趣之后才會(huì)產(chǎn)生的動(dòng)作，整個(gè)消費(fèi)路徑是單向進(jìn)程的，缺少信息的互動(dòng)與交換，用戶很難有效辨別信息真?zhèn)危脩襞c商家依然存在信任問(wèn)題，最終的購(gòu)買壁壘依然存在。

圖：AISAS消費(fèi)模型的流程

隨后，DCCI（互聯(lián)網(wǎng)數(shù)據(jù)中心）在AISAS的基礎(chǔ)上，提出了新的SICAS行為消費(fèi)模型：

既 Sense（品牌與用戶相互感知） - Interest&Interactive（產(chǎn)生興趣并形成互動(dòng)） -  Connect&Communicate（建立聯(lián)系并交互溝通） -  Action（行動(dòng)） - Share（分享）。

Sense，感知：品牌（商家） - 用戶相互感知，通過(guò)多觸點(diǎn)，在商家個(gè)用戶之間建立感知，對(duì)用戶來(lái)說(shuō)，關(guān)注、分享、訂閱、推送等，都是有效的感知行為，而商家要做的，就是想辦法，通過(guò)什么樣的方式或內(nèi)容，讓用戶有效使用他們的感知行為（分享、點(diǎn)贊、訂閱等行為）。

Interest&Interactive，產(chǎn)生興趣和互動(dòng)。在產(chǎn)生興趣上，隨著用戶對(duì)傳統(tǒng)的廣告曝光和廣告產(chǎn)生的印象的敏感度在降低，理解并響應(yīng)用戶的需求正在成為關(guān)鍵。站在用戶的角度，觀察用戶真正想要的內(nèi)容，衡量?jī)?nèi)容的指標(biāo)不再是廣告的傳播率、曝光率，而是變成了點(diǎn)擊率、點(diǎn)贊數(shù)、好評(píng)度等。

Connect&Communication，建立連接和產(chǎn)生溝通。在用戶產(chǎn)生興趣之后，通過(guò)平臺(tái)提供的服務(wù)：客服，問(wèn)大家，好評(píng)團(tuán)等形式，完成用戶信任的積累，幫助用戶完成購(gòu)買決策。

剩下的Action（購(gòu)買行動(dòng)）和Share（體驗(yàn)分享）與AISAS模式一樣，就不展開說(shuō)了。

圖：SICAS消費(fèi)模型的流程，以及和AISAS消費(fèi)模型的區(qū)別

綜上，SICAS模式前三點(diǎn)的核心觀點(diǎn)是建立聯(lián)系，也就是互動(dòng)，這也與時(shí)下流行的種草經(jīng)濟(jì)不謀而合。

3.2  基于社交的種草經(jīng)濟(jì)

種草行為本質(zhì)上是人與人之間的一種互動(dòng)關(guān)系，互動(dòng)天然的容易產(chǎn)生強(qiáng)關(guān)系鏈，而強(qiáng)關(guān)系也意味著情感聯(lián)結(jié)和信任，最終會(huì)形成社群關(guān)系。隨著越來(lái)越多擁有相同消費(fèi)偏好的用戶聚攏，用戶消費(fèi)習(xí)慣逐漸圈層化，在各垂直的消費(fèi)圈層中得到身份認(rèn)同感。

在這種社群氛圍的烘托下，用戶更容易表現(xiàn)出高表達(dá)欲和參與度，既用戶不僅是內(nèi)容的消費(fèi)者，同時(shí)也會(huì)發(fā)展為內(nèi)容的生產(chǎn)者。

圖：逛逛想打造的種草生態(tài)

綜上結(jié)合淘寶的問(wèn)題以及消費(fèi)模式的轉(zhuǎn)變，我們可以得出淘寶近期瘋狂改版的思路：

圖：淘寶改版思路

4. 讓人逛下去的產(chǎn)品設(shè)計(jì)

在了解上述淘寶自身的問(wèn)題和新消費(fèi)類型帶來(lái)的沖擊后，可以總結(jié)淘寶最近經(jīng)常改版的戰(zhàn)略可以分為兩個(gè)方向：轉(zhuǎn)化的歸轉(zhuǎn)化，內(nèi)容的歸內(nèi)容。

4.1 微淘升級(jí)為訂閱

淘寶第一個(gè)改版是將原來(lái)的微淘升級(jí)為了訂閱，并且放在首頁(yè)上的tab，與推薦并列。此次改版，最大的改變就是拆分了店鋪運(yùn)營(yíng)的內(nèi)容，讓不擅長(zhǎng)做內(nèi)容的商家可以專注自家的店鋪運(yùn)營(yíng)。

圖：首頁(yè)專注商品轉(zhuǎn)化，逛逛專注內(nèi)容消費(fèi)

新版訂閱的精選一欄中：包括上新、買家、評(píng)測(cè)等，這些內(nèi)容一起構(gòu)成商家和粉絲的互動(dòng)模式，吸引新客快速轉(zhuǎn)粉，同時(shí)也增加了老客戶的黏性。

在之前微淘的版本，用戶需要點(diǎn)擊微淘-點(diǎn)擊店鋪-點(diǎn)擊訂閱，升級(jí)后的訂閱路徑變成了左滑進(jìn)入訂閱頁(yè)面-直接訂閱店鋪。點(diǎn)擊直播可以直接進(jìn)入直播間

更短的觸達(dá)路徑加上私域流量的運(yùn)營(yíng)，優(yōu)化之前微淘轉(zhuǎn)化率低的問(wèn)題。

圖：路徑圖，直接進(jìn)入直播間，直接訂閱店鋪

圖：提高直播入口權(quán)重

4.2 “買家秀”社區(qū)升級(jí)成為“逛逛”

另一個(gè)重要改版是“買家秀”社區(qū)升級(jí)成為“逛逛”，為了弱化逛逛的購(gòu)物屬性，強(qiáng)化社區(qū)氛圍，逛逛在產(chǎn)品的商業(yè)化設(shè)計(jì)上十分克制，主要圍繞引導(dǎo)用戶進(jìn)行內(nèi)容消費(fèi)和互動(dòng)為目的進(jìn)行設(shè)計(jì)。

在內(nèi)容分發(fā)形式上，分為了以平臺(tái)推薦為主的“發(fā)現(xiàn)流”和以社交關(guān)系鏈主導(dǎo)的“關(guān)注流”，更加注重內(nèi)容垂直和精細(xì)化。

圖：逛逛的內(nèi)容分類

逛逛的發(fā)現(xiàn)模塊與小紅書類似，都屬于種草型內(nèi)容社區(qū)。內(nèi)容主要以穿搭、彩妝等淘寶擅長(zhǎng)的領(lǐng)域?yàn)橹鳌?

頁(yè)面的布局形式和首頁(yè)的商品流一樣，以雙列信息流呈現(xiàn)，和單列相比，一方面，給用戶提供多樣化的選擇，承載不同的內(nèi)容形式（短視頻、圖文），延長(zhǎng)用戶在平臺(tái)的停留時(shí)長(zhǎng)，同時(shí)也為其他內(nèi)容引流，模擬更真實(shí)的線下“逛街”體驗(yàn)。

另一方面，和首頁(yè)注重轉(zhuǎn)化率的算法機(jī)制不同，影響發(fā)現(xiàn)流推薦算法的因素除了本身的內(nèi)容質(zhì)量，還會(huì)受到用戶瀏覽行為的影響，比如瀏覽內(nèi)容時(shí)產(chǎn)生的關(guān)注、收藏、點(diǎn)贊、評(píng)論等互動(dòng)行為。

圖：表現(xiàn)內(nèi)容互動(dòng)率的互動(dòng)指標(biāo)

逛逛相比首頁(yè)推薦，去中心化的機(jī)制也更加明顯，舉例來(lái)說(shuō)，小米官方店的號(hào)，粉絲量達(dá)到了千萬(wàn)級(jí)，但是內(nèi)容的互動(dòng)率很低，點(diǎn)贊評(píng)論甚至不超過(guò)個(gè)位數(shù)。

個(gè)人認(rèn)為是因?yàn)槠放铺烊坏淖詭I(yíng)銷屬性，用戶在看到品牌賬號(hào)時(shí)，很容易形成品牌注冊(cè)賬號(hào)是為了賣產(chǎn)品給我的刻板印象。

這也反映了逛逛的流量重點(diǎn)落在消費(fèi)者的內(nèi)容上，以消費(fèi)者視角為突破口，擺脫和商品相關(guān)的品牌屬性，注重普通用戶對(duì)商品的真實(shí)評(píng)價(jià)，而不是圍繞IP賬號(hào)產(chǎn)生的內(nèi)容消費(fèi)。

圖：小米賬號(hào)和個(gè)人賬號(hào)互動(dòng)率對(duì)比

在用戶路徑的引導(dǎo)上，發(fā)現(xiàn)頁(yè)并不支持點(diǎn)擊頭像進(jìn)入用戶主頁(yè)，只能先點(diǎn)擊進(jìn)入內(nèi)容詳情頁(yè)然后才可以進(jìn)行關(guān)注等操作，即先看內(nèi)容，再關(guān)注人。

圖：更關(guān)注內(nèi)容轉(zhuǎn)化率

另外一個(gè)人關(guān)注流的動(dòng)態(tài)則加強(qiáng)調(diào)社交關(guān)系的轉(zhuǎn)化，因?yàn)槭墙?jīng)過(guò)用戶主動(dòng)“關(guān)注”過(guò)后篩選出來(lái)的內(nèi)容，是內(nèi)容生產(chǎn)者和內(nèi)容消費(fèi)者相互選擇的關(guān)系，所以在產(chǎn)品設(shè)計(jì)上以單列大圖為展現(xiàn)形式，幫助用戶消費(fèi)內(nèi)容。為了防止讓用戶感受到廣告的營(yíng)銷感，產(chǎn)品設(shè)計(jì)上特地強(qiáng)調(diào)了分享、點(diǎn)贊、收藏、評(píng)論等按鈕，弱化商品鏈接。

和其他的社區(qū)一樣，關(guān)注信息流中也會(huì)推薦一些“你可能感興趣的人”，但不同的是，用戶無(wú)法直接關(guān)注推薦的博主，需要先“查看TA”，進(jìn)入博主的個(gè)人頁(yè)后才可以進(jìn)行關(guān)注操作，這樣的目的主要是為了讓用戶了解達(dá)人的領(lǐng)域內(nèi)容之后，再?zèng)Q定是否關(guān)注，這樣的關(guān)注更加有效，粘性更強(qiáng)。

圖：“關(guān)注流”視覺(jué)設(shè)計(jì)的思路

“逛逛”的內(nèi)容形式很好地彌補(bǔ)了淘寶缺乏用戶導(dǎo)購(gòu)的問(wèn)題（俗稱種草），依托KOL產(chǎn)出的優(yōu)質(zhì)內(nèi)容，與消費(fèi)者產(chǎn)生情感上的價(jià)值鏈接，創(chuàng)造出用戶的潛在需求。

5. 逛逛和小紅書的產(chǎn)品設(shè)計(jì)區(qū)別

這次改版之后，很多人說(shuō)這是小紅書。關(guān)注、發(fā)現(xiàn)、垂直分類欄，都和小紅書很相似。

5.1 內(nèi)容起家和電商起家

淘寶和小紅書對(duì)內(nèi)容的分發(fā)模式是不同，小紅書默認(rèn)分類欄處于收起狀態(tài)，只有主動(dòng)下拉的時(shí)候太會(huì)出現(xiàn)，由此可以看出小紅書對(duì)自己的內(nèi)容推薦還是比較有信心的，由于一開始就是做內(nèi)容起家，所以對(duì)自身平臺(tái)用戶的喜好是有所了解的。

但是淘寶是一個(gè)電商起家的平臺(tái)，在內(nèi)容方面，缺乏對(duì)用戶的偏好判斷，所以逛逛的導(dǎo)航欄下方，會(huì)加入了“官方話題欄目”和“官方出品的內(nèi)容”，利用精選話題引導(dǎo)社區(qū)內(nèi)容的方向，一定程度上也可以通過(guò)話題數(shù)據(jù)了解平臺(tái)用戶的偏好。

圖：小紅書比淘寶更懂用戶喜歡什么內(nèi)容

5.2 內(nèi)容導(dǎo)向不同

小紅書等平臺(tái)不光有購(gòu)物種草，還有學(xué)習(xí)、音樂(lè)、科普等內(nèi)容也相對(duì)成熟。和淘寶轉(zhuǎn)型社區(qū)內(nèi)容一樣，小紅書也在進(jìn)行圖文、視頻向直播內(nèi)容擴(kuò)展的戰(zhàn)略方向。所以我們會(huì)發(fā)現(xiàn)，在小紅書的編輯內(nèi)容上，視頻和直播是強(qiáng)露出的，且不支持位置更換。

再來(lái)看逛逛的內(nèi)容，以穿搭、彩妝為首的消費(fèi)品內(nèi)容，這些都是淘寶擅長(zhǎng)的領(lǐng)域，容易產(chǎn)出優(yōu)質(zhì)內(nèi)容，反過(guò)來(lái)說(shuō)，這些內(nèi)容最終也都是可以在淘寶上可以消費(fèi)到的，最終還是以平臺(tái)商品轉(zhuǎn)化為目的。

圖：內(nèi)容形式對(duì)平臺(tái)戰(zhàn)略的影響

5.3  小紅書互動(dòng)率更高，淘寶內(nèi)容消費(fèi)效率更高

小紅書在內(nèi)容消費(fèi)形式上，比逛逛更加注重互動(dòng)：首頁(yè)瀑布流點(diǎn)擊進(jìn)入二級(jí)的內(nèi)容頁(yè)后，可以直觀的看到博主全部的文本簡(jiǎn)介，以及下方的用戶評(píng)論內(nèi)容，用戶消費(fèi)的不光是圖文本身的內(nèi)容，也是其他用戶評(píng)論產(chǎn)生的內(nèi)容，更容易產(chǎn)生社交關(guān)系鏈。

逛逛則更注重內(nèi)容本身的消費(fèi)效率：產(chǎn)品設(shè)計(jì)上使用沉浸式的下滑體驗(yàn)，用戶點(diǎn)擊產(chǎn)品圖后，進(jìn)入的是同系列產(chǎn)品的瀑布流，如果想要查看評(píng)論的話，需要點(diǎn)擊評(píng)論icon進(jìn)行二次跳轉(zhuǎn)，此時(shí)用戶會(huì)一直專注于內(nèi)容的消費(fèi)，容易忽略其他用戶評(píng)價(jià)等內(nèi)容。

圖：提高互動(dòng)率的產(chǎn)品設(shè)計(jì)

 6. 寫在最后的一些思考

此次淘寶做內(nèi)容社區(qū)的優(yōu)勢(shì)之處在于，淘寶將社交關(guān)系融入到了商品的消費(fèi)鏈路中，消費(fèi)者通過(guò)商品體驗(yàn)、測(cè)評(píng)、種草等方式，和平臺(tái)產(chǎn)生互動(dòng)，建立聯(lián)系。

而淘寶最不缺的就是商品，并且擁有8億多的消費(fèi)者，和其他平臺(tái)相比，更容易產(chǎn)生垂直領(lǐng)域的優(yōu)質(zhì)內(nèi)容和專業(yè)的KOL，但是要想經(jīng)營(yíng)一個(gè)優(yōu)質(zhì)社群，除了需要一批優(yōu)質(zhì)的內(nèi)容創(chuàng)造者，還需要考慮后續(xù)涌現(xiàn)的用戶是否會(huì)對(duì)現(xiàn)有社群模式產(chǎn)生沖擊。（比如知乎開放用戶注冊(cè)后，導(dǎo)致內(nèi)容注水的現(xiàn)象）

因?yàn)樘詫毐旧硐喈?dāng)于一個(gè)巨型供貨方，大大縮短了帶貨變現(xiàn)的路徑和難度，不同于小紅書這類平臺(tái)，它們最開始是沒(méi)有帶貨模式的，常常需要通過(guò)接推廣給其他商品引流來(lái)變現(xiàn)。

過(guò)短的變現(xiàn)路徑必然會(huì)吸引一些用戶或者機(jī)構(gòu)抱著獲利的心態(tài)涌入社群，這種逐利的心態(tài)，也有可能會(huì)影響專業(yè)KOL的創(chuàng)作心態(tài)。

文章來(lái)源：站酷   作者：抓馬橋分橋

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)