在互聯(lián)網(wǎng)公司中，設(shè)計師搞事伙伴主要有產(chǎn)品經(jīng)理、運(yùn)營、技術(shù)，常規(guī)合作流程為產(chǎn)品、運(yùn)營輸入需求，設(shè)計師以自身的美感品位創(chuàng)意才華巧技……輸出設(shè)計方案，如果方案有一些撩撥用戶的特效和細(xì)節(jié)，可能還得端上星巴克求技術(shù)哥哥幫忙實現(xiàn)。在這種習(xí)以為常的合作流程中，我們既難以決定需求的有無，也缺乏驅(qū)動下游技術(shù)的抓手，角色較被動。本文以挑貨的改版，談設(shè)計思維破局及特色價值建立的一次過程。

一、業(yè)務(wù)概況

在1688業(yè)務(wù)大盤中，老挑貨是長圖文為主的市場，買家通過看平臺精選的長圖文內(nèi)容找貨。隨著業(yè)務(wù)的蓬勃，挑貨變?yōu)榛谫I賣家關(guān)系的導(dǎo)購市場，買家通過看與其有關(guān)系的商家上新、活動、直播、爆款等動態(tài)來找貨。

由于挑貨業(yè)務(wù)定位和欄目內(nèi)容較老版都發(fā)生了變化，故設(shè)計上對不同類型內(nèi)容做差異化處理，讓買家認(rèn)知到各類型的商家動態(tài)都在挑貨。

新挑貨上線后，UV 較之前翻倍，多項關(guān)鍵業(yè)務(wù)指標(biāo)也都超出預(yù)期。這為商家主動在挑貨發(fā)內(nèi)容提供了動力，也吸引了平臺橫向業(yè)務(wù)積極與挑貨合作。

二、破的意識

如果設(shè)計師把角色定位為完成上游產(chǎn)品、運(yùn)營需求的資源，那么在新挑貨表現(xiàn)尚可的情況下，接下來要做的需求可以預(yù)見：基于現(xiàn)有卡片，改造一份增加商家文案后的卡片；根據(jù)橫向業(yè)務(wù)輸入的需求，基于已有的卡片樣式，繼續(xù)新增卡片類型。

踮起腳看，如果這會兒設(shè)計師選擇被動等上游提需求，不主動做點不同，挑貨將迎來三層「泥潭式」的重。

1. 第一重，用戶將負(fù)擔(dān)不必要的閱讀成本

目前卡片已有5種類型，卡片加入商家文案后，信息層級將更臃腫，卡片類型預(yù)計到10種。橫向業(yè)務(wù)不定期的需求輸入，卡片類型還將持續(xù)增加。而看線上數(shù)據(jù)，用戶基于內(nèi)容類型做篩選的點擊占比極低，反映出內(nèi)容卡片做的差異化表達(dá)，為用戶帶來的價值并不大，反而增加了閱讀負(fù)擔(dān)。

2. 第二重，內(nèi)部協(xié)作流程長，資源投入大

橫向業(yè)務(wù)輸入需求到挑貨的產(chǎn)品和運(yùn)營，產(chǎn)品經(jīng)理和運(yùn)營要和橫向業(yè)務(wù)磨，類似于商家「鎮(zhèn)店之寶」、「私密商品」、「優(yōu)惠券」等內(nèi)容是否要在挑貨做。上游業(yè)務(wù)磨清楚后，召集橫向業(yè)務(wù)的產(chǎn)品經(jīng)理、運(yùn)營、挑貨的設(shè)計、技術(shù)開需求評審會，設(shè)計排期出方案，之后設(shè)計評審再技術(shù)排期，開發(fā)完成后上線——而這個流程，還只是新增一種內(nèi)容卡片。

3. 第三重，技術(shù)基于業(yè)務(wù)邏輯開發(fā)，卡片類型越多，性能越難保障

挑貨2.0改版時，技術(shù)對五種卡片單獨進(jìn)行開發(fā)，后續(xù)每新增一種卡片類型，都需投資源新開發(fā)。且卡片類型越多，頁面加載速度越慢。挑貨幀率一度在46徘徊，用戶瀏覽挑貨時，已經(jīng)感受到明顯的卡頓，若繼續(xù)新增卡片類型，挑貨可能會卡得讓用戶不愛這個老關(guān)系市場。

注：幀率為幀的位圖圖像連續(xù)出現(xiàn)在顯示器上的頻率（速率），指一秒內(nèi)的刷新頻率，在線上場景中，60是較完美狀態(tài)，低于50用戶將感受到卡頓。

局面將很「泥潭」，設(shè)計師如何來破？

設(shè)計師開始給自己加戲，為需求方代言，給自己提需求了。

4. 盤點卡片內(nèi)容層級

由于內(nèi)容類型做了差異化表達(dá)，不同內(nèi)容卡片上，相同信息層級也分出多個樣式，且業(yè)務(wù)即將新增商家文案及優(yōu)惠券，這將使卡片多出更多信息層級及樣式。

卡片內(nèi)容如圖所示：

5. 重理信息框架

盤點卡片信息層級及優(yōu)先級，以內(nèi)容來源+內(nèi)容描述+內(nèi)容來收口。

盤點信息后，基于內(nèi)容來源+內(nèi)容描述+內(nèi)容的邏輯做信息的刪減融合。

• 內(nèi)容來源區(qū)：在商家信息基礎(chǔ)上+內(nèi)容發(fā)布時間+買賣家關(guān)系描述字段；
• 內(nèi)容描述區(qū)：將活動描述和商家文案融合，簡化活動類型及時間描述，使之適配于所有內(nèi)容卡片；
• 內(nèi)容區(qū)：內(nèi)容區(qū)圖片展示從4種收口為2種。

6. 基于視覺框架組裝卡片的設(shè)計

將收口后的信息層級抽象為視覺框架，并列出框架內(nèi)的具體內(nèi)容?；诖丝蚣苓M(jìn)行開發(fā)，可靈活組裝出各類型動態(tài)，而非之前以單張卡片為單位進(jìn)行設(shè)計及開發(fā)。同時，這種基于框架組裝生成卡片的方式，也為承接未來的業(yè)務(wù)需求留足了擴(kuò)展性。

• 「需求盡管來，都可以用新的信息框架組裝?！?/li>
• 「假設(shè)有組不出來的特殊需求呢？」
• 「…新增框架」

以上只是設(shè)計師給自己加的戲，還得游說上下游的搞事伙伴，把戲落實進(jìn)用戶的屏幕。

先搞定上游，和產(chǎn)品經(jīng)理及運(yùn)營重點講「三重泥潭」的第一重和第二重，同時把以上思考及方案作推銷，產(chǎn)品經(jīng)理及運(yùn)營聽完很認(rèn)同，收下方案。

再搞定下游（當(dāng)然也可以等產(chǎn)品經(jīng)理和運(yùn)營去向技術(shù)提需求，但我沒這樣做），和技術(shù)哥哥們聊，重點講了三重泥潭的第一重和第三重，同時把以上思考及方案作推銷，技術(shù)哥哥聽完很感動，因為主管給他的核心業(yè)務(wù)指標(biāo)是，把挑貨徘徊在45的幀率提上去，新的框架設(shè)計思路，利于提高挑貨的性能。

技術(shù)基于新的信息框架進(jìn)行開發(fā)，靈活組裝成多款內(nèi)容卡片，產(chǎn)品經(jīng)理和運(yùn)營也可以基于這種輕量級卡片，靈活地和橫向業(yè)務(wù)合作。當(dāng)然，最大的價值是為用戶帶來了更簡潔流暢的內(nèi)容呈現(xiàn)。

三、如何立？

破的事情做了。從設(shè)計師的角色里踮起腳預(yù)見問題，主動給出解決方案并推動落地了，但設(shè)計師的特色價值又立在哪里呢？比如手機(jī)淘寶的「微淘」，也是用戶關(guān)注店鋪，集中看內(nèi)容的場景，如何立出1688挑貨和微淘的區(qū)別呢？

1688和淘寶的區(qū)別是 B 和 C 的區(qū)別，具體 BC間的差異，各位可移步《從買家差異看B類&C類電商體驗設(shè)計創(chuàng)新》，本文僅拎出1688的挑貨與手機(jī)淘寶的微淘間細(xì)節(jié)點的不一樣（并不拎出微淘和挑貨間有什么不一樣）。

設(shè)計思維要立挑貨區(qū)別于微淘的B類特色了！

1. 以日歷立「商機(jī)盡在掌握」的B類特色

C類買家逛微淘主要找個人感興趣的，而逛挑貨的「買家」很可能是商人，他們是要從挑貨中，挑出好貨批發(fā)回去做生意賺錢。對來挑貨的B類買家而言，挑貨是基于老關(guān)系找商機(jī)、鎖定商機(jī)的重要陣地。此外，挑貨里的店鋪活動、伙拼、直播等動態(tài)有時間范圍，也支持買家通過「設(shè)置提醒」鎖定商機(jī)。

所以在欄目的頭部設(shè)計上，選擇了日歷的形式，承載每日上新和買家「設(shè)置提醒」鎖定好的商機(jī)，內(nèi)容篩選及內(nèi)容卡片的「設(shè)置提醒」也都以日歷icon 聯(lián)動表達(dá)，營造挑貨欄目「我的商機(jī)盡在掌握」的場景特色。

2. 基于B類特點的商家名稱備注功能

做 B類買家線下調(diào)研時，我們發(fā)現(xiàn)買家逛1688，很難通過商家名定位和識別「這是哪位供應(yīng)商」，什么原因呢？

不同于淘寶短且易記的店鋪名，1688的商家/公司名常有一二十個字，買家很難記?。】戳艘埠茈y認(rèn)出這是哪家供應(yīng)商來著？

此外，買家想采購時，有時候也會習(xí)慣加微信或直接電話聯(lián)系商家。挑貨作為1688基于關(guān)系的市場，讓買家準(zhǔn)確定位出動態(tài)來自于哪個商家，太重要了。所以我們希望支持 B類買家備注商家名稱、電話、權(quán)益說明等內(nèi)容，讓買家通過備注商家信息及關(guān)系描述字段準(zhǔn)確識別并定位商家，讓買家對挑貨這一老關(guān)系場有更強(qiáng)的感知。

3. 私密商品增強(qiáng)表達(dá)

通常來說，C類用戶在淘寶上買了好東西，會想分享給自己的親朋好友。而B類買家在1688發(fā)現(xiàn)了好東西，是要批發(fā)回去賺錢的，巴不得除了他就沒更多人知道，所以 B類市場，有做私密的空間。在挑貨這種基于老關(guān)系的市場，商家愿意為頭部買家透露私密商品，為了讓買家不辜負(fù)商家對他敞開的私密，我們對挑貨「私密商品」進(jìn)行了增強(qiáng)表達(dá)，加入撩撥用戶的特效和細(xì)節(jié)。

4. 改版結(jié)果

通過「破」和「立」的這一系列動作，助力增強(qiáng)了挑貨這一基于關(guān)系的市場在買家端的心智感知；技術(shù)基于新的信息框架開發(fā)，挑貨的幀率從之前的45.69提升至54.36，用戶瀏覽不再感覺到技術(shù)原因的卡頓；引導(dǎo)進(jìn)店UV及引導(dǎo)進(jìn)店率等關(guān)鍵業(yè)務(wù)指標(biāo)也有一定提升。

結(jié)語

以上就是挑貨改版過程中，個人設(shè)計思維「破」和「立」的運(yùn)用，希望對大家有益處。最后想起一位哲人曾說的 「世上沒有白走的路，每一步都算數(shù)」，想分享自己初入職時遇到過兩個小事：

運(yùn)營提需求，要在一個并不貼合用戶預(yù)期的場景里「加個吸人眼球的banner」，當(dāng)時求助主管，他莞爾一笑「這里流量大，運(yùn)營只是想有做運(yùn)營的空間，不一定是 banner，有很多開鑿運(yùn)營空間的方式啊。」我醍醐灌頂，輸出了更利于做運(yùn)營的其他方案，運(yùn)營同學(xué)看到方案后驚嘆「你你你，你太懂用戶了，設(shè)計得真好！」

另一次評審，技術(shù)挑戰(zhàn)設(shè)計的某處細(xì)節(jié)，評審后我沮喪我懊惱，主管又莞爾一笑，「設(shè)計可以的，不用太在意他說的，他不是覺得這里設(shè)計得不好，而是因為開發(fā)起來成本比較大」。

寫這篇總結(jié)前，并沒有認(rèn)為這兩個事對自己有什么影響，寫到這里才忽然意識到，也許第一個事情告訴我，設(shè)計思維可以破局，第二個事情告訴我，設(shè)計思維可以立穩(wěn)價值。感謝各位閱讀，希望讀本文不是「白走的路」，未來能「算數(shù)」。

作者：阿里巴巴_B2B_UED，公眾號：阿里巴巴UED

來源：https://www.zcool.com.cn/article/ZNzk2MTk2.html

題圖來自網(wǎng)絡(luò)