超級好用

問題： 

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

 

問題定位：

 

 

解決辦法：

將默認的值以函數(shù)的方式進行返回

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

文章來源：csdn

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

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

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

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

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

對于我們來說，手機上輕點兩下便可完成的操作，對于他們來說竟然如此困難。

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

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

一面是由于有限的教育資源與嚴峻的老齡化形勢，另一面是顯著低于城市的金融服務(wù)覆蓋率，對農(nóng)村人民來說，線下金融服務(wù)辦理難，流程慢，而對于可以跨越地理限制的線上金融，橫亙在大家面前的是比城市更嚴重的數(shù)字鴻溝，“不會用，也不敢用”。

2. 資金之困：不能用

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

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

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

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

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

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

這是為什么我們認為包容性適合作為設(shè)計原則來引導(dǎo)惠農(nóng)的設(shè)計。因為它的主旨正是在充分認識到用戶的多樣性的前提下，允許不同的用戶在產(chǎn)品和服務(wù)中選擇自己更喜歡的方式來參與并體驗產(chǎn)品，避免產(chǎn)品在不同人群中產(chǎn)生體驗隔閡。而我們也相信好的設(shè)計，最終能讓大家都受益。

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

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

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

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

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

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

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

1. 變“不會用”為“安心用”

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

2. 實驗：感受認知差異的存在

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

具體來說，此時我們的認知模型已然改變，無法通過文字來獲取信息，而需要通過視覺符號來識別功能圖像、記憶功能位置、強記文字形狀等等不同的方式來記住這些服務(wù)與功能的使用方法。

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

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

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

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

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

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

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

身份證驗證的過程中，用戶界面上不需要有任何操作，只需把身份證對準攝像頭，座席人員在座席端里點擊拍照按鈕替用戶完成拍攝。

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

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

4. 具象，更加具象

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

Lalji 和 Good 實驗中受試者表示最為熟悉的功能，從左到右：電話本，相機，電筒，錄音機。

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

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

5. 唯一，且永遠聚焦

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

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

消費金融小程序中，申請頁面主按鈕始終唯一

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

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

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

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

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

8. 安全容錯的設(shè)計

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

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

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

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

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

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

我們在消費金融小程序中采用了一種新型的流程申請與資料填寫方式，可以精準地提醒用戶現(xiàn)在所處的申請步驟，所需的時候資料與步驟總計耗時等等，可以提升申請體驗，提高申請通過率，降低用戶不滿與焦慮感。

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

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

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

對于小型步驟，我們讓進度條在頁面頂部懸停，讓用戶時刻可見，同時頁面單向滾動，文案上也清晰告知用戶接下來要做什么。

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

C. 可控且可退回的糾錯方式

當人們在使用不熟悉的服務(wù)和功能時，他們往往比平時更害怕出錯和失敗，而在此時若是身邊的人或者工具本身可以提供他們明確的安撫和糾錯的路徑，他們的顧慮情緒會明顯得到安撫。

因此當我們在給更廣泛的人群做設(shè)計，我們就更需要提供實質(zhì)意義的明確信息，如明確的錯誤原因提醒，與輕松的回退機制等等。

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

結(jié)語

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

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

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

文章來源：優(yōu)設(shè)   作者：騰訊設(shè)計

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

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

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

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

什么是視覺層次

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

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

運用尺寸大小建立層次

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

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

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

運用色彩建立層次

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

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

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

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

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

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

運用文字大小字重建立層次

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

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

▲除了字重以外，還可以字體透明度來增加層級，一般是黑色搭配灰色使用，再加上字體大小和字重整個頁面層次會更加清晰。如上圖韓國APP頁面，標題是黑色，輔助說明文字字號小4號，同時顏色改為淺灰色，這樣設(shè)計頁面層次增強了很多。

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

運用視覺重量建立層次

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

▲如上圖，選中的黑色視覺重量最重，其次是藍色選中效果，最后是未選中的黑色，視覺重量幾乎我們每一個頁面中都會使用到。

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

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

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

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

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

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

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

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

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

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

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

一、項目背景

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

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

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

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

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

設(shè)計目標

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

1.0版設(shè)計地圖

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

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

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

1.0版設(shè)計地圖

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

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

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

2）拉近終點目標— 讓原先看起來遙不可及的目標“觸手可及”。

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

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

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

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

1）輕松

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

2）激勵

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

3）品牌化

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

4）B端設(shè)計

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

聚焦設(shè)計關(guān)鍵點

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

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

1）節(jié)點

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

節(jié)點組件

2）路徑

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

3）角色融入

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

動態(tài)跳一跳

4）故事線

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

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

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

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

1）終點目標可見/聚焦當前任務(wù)

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

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

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

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

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

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

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

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

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

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

5）最后小結(jié)

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

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

1. 客戶提案

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

3個不同的提案

確定主題向陽而生

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

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

宋老師團隊選擇的“向陽而生”的方案，將設(shè)計元素的落點在于“陽光”的設(shè)計點上。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

其他激勵頁面

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

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

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

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

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

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

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

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

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

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

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

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

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

認清了這些特點，我們在探索和實踐家裝進化的過程當中，才能擺脫原有的困境，真正為家裝行業(yè)的進化找到出路。

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

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

一、家裝進化的新特點

一直以來，人們在看待家裝的時候都不僅僅只是看待家裝本身，而是更多地看待的是家裝行業(yè)背后的東西。當家裝行業(yè)的發(fā)展進入到了全新的階段，人們在看待家裝的時候，同樣面臨著同樣的問題和抉擇，從而呈現(xiàn)出一些新的特點，認識到這些特點，并且從其中尋找到新的機會，才能真正讓家裝行業(yè)的發(fā)展帶入到全新的階段。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

認識到家裝行業(yè)的新特點，并且以這些新特點為出發(fā)點，尋找家裝行業(yè)的破局之法，才是確保家裝行業(yè)的發(fā)展可以進入到新階段的標志。對于一直苦于無法破局的家裝行業(yè)來講，這無疑是一個新的開始，以此為開端，家裝行業(yè)的發(fā)展才能真正進入到一個全新的發(fā)展階段。

二、家裝行業(yè)的三個新機會

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

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

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

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

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

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

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

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

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

在紅利期，這種發(fā)展是沒有任何問題的。然而，等到紅利期已過，我們再將傳統(tǒng)功能看成是家裝的唯一出路，所導(dǎo)致的一個最為直接的結(jié)果就是家裝行業(yè)的發(fā)展開始進入到死胡同里。

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

在我看來，未來的家裝更多地需要承擔的是一種生活方式的營造者，一種新場景的承擔者的角色。

對于每一個玩家來講，他們都應(yīng)當將拓展家裝行業(yè)的新功能和打開家裝行業(yè)的新思路作為主要目標。可以預(yù)見的是，當每一種的家裝行業(yè)的新功能被發(fā)現(xiàn)，被打開，家裝行業(yè)的發(fā)展瓶頸就會被突破和改變。以此為出發(fā)點，家裝行業(yè)的發(fā)展才能真正進入到一個全新的時代。

機會三：增強家裝行業(yè)的聯(lián)通性。

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

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

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

三、結(jié)語

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

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

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

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

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

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

文章大綱：

1. 淘寶為什么不淘了

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

3. 淘寶沒有種草經(jīng)濟

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

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

6. 寫在最后

1. 淘寶為什么不淘了

1.1  “淘” 歷史

淘寶成立于2003年5月，當時最早的slogan是：“淘你喜歡”，這句話的主體是以平臺角度出發(fā)，對用戶說的，意思是讓用戶來平臺選購商品。

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

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

圖：淘寶啟動頁變化

圖：淘寶的slogan變化

1.2 需求的類型

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

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

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

無目的的需求：當用戶在沒有明確目標的情況下打開軟件時，用戶購物意向都是比較模糊的，沒有明確選擇區(qū)間。此時，如何讓用戶產(chǎn)生購買欲望，是產(chǎn)品設(shè)計時必須要重點思考的。

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

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

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

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

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

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

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

1.3  商家的流量成本

在淘寶店鋪的運營中，有一項重要的指標叫UV價值，指的是平均每個客戶在店鋪的銷售額，數(shù)字越高說明訪客的轉(zhuǎn)化率越高，轉(zhuǎn)化高就代表最終的GMV會高。

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

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

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

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

因為對于平臺的店鋪來說，持續(xù)不斷且穩(wěn)定的流量增長，不僅可以推動銷售的穩(wěn)定增長，也利于長期的發(fā)展方向。

圖：淘寶流量來源

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

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

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

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

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

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

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

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

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

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

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

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

圖：微淘主要的三個問題

2.2  信息流時代

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

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

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

圖：猜你喜歡改版，通過犧牲轉(zhuǎn)化來提高使用時長

2.3  “逛逛”來了

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

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

3. 淘寶沒有種草經(jīng)濟

3.1  從AISAS模式到SICAS模式

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

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

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

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

圖：AISAS消費模型的流程

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

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

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

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

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

剩下的Action（購買行動）和Share（體驗分享）與AISAS模式一樣，就不展開說了。

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

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

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

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

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

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

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

圖：淘寶改版思路

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

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

4.1 微淘升級為訂閱

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

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

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

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

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

圖：路徑圖，直接進入直播間，直接訂閱店鋪

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

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

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

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

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

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

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

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

圖：表現(xiàn)內(nèi)容互動率的互動指標

逛逛相比首頁推薦，去中心化的機制也更加明顯，舉例來說，小米官方店的號，粉絲量達到了千萬級，但是內(nèi)容的互動率很低，點贊評論甚至不超過個位數(shù)。

個人認為是因為品牌天然的自帶營銷屬性，用戶在看到品牌賬號時，很容易形成品牌注冊賬號是為了賣產(chǎn)品給我的刻板印象。

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

圖：小米賬號和個人賬號互動率對比

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

圖：提高互動率的產(chǎn)品設(shè)計

 6. 寫在最后的一些思考

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

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

因為淘寶本身相當于一個巨型供貨方，大大縮短了帶貨變現(xiàn)的路徑和難度，不同于小紅書這類平臺，它們最開始是沒有帶貨模式的，常常需要通過接推廣給其他商品引流來變現(xiàn)。

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

文章來源：站酷   作者：抓馬橋分橋

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

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

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