如何體面的完成產(chǎn)品 UI 設(shè)計(jì)大改版，似乎是每個(gè)設(shè)計(jì)團(tuán)隊(duì)的負(fù)責(zé)人都會(huì)考慮的問(wèn)題。似乎看上去，涉及到 UI+交互的全棧大改版是數(shù)字產(chǎn)品的設(shè)計(jì)部門(mén)能夠制造出來(lái)的最大聲響。

的確，很多大廠的成熟產(chǎn)品每隔一兩年就會(huì)推出一次大的改版，我們也可以直觀的看到設(shè)計(jì)語(yǔ)言的整體迭代，并且伴隨著產(chǎn)品亮點(diǎn)功能的推出。

不過(guò)，所有的產(chǎn)品都應(yīng)該這樣做嗎？大廠的方式一定適合你嗎？中小型公司也應(yīng)該這樣做嗎？B 端產(chǎn)品也要這樣做嗎？設(shè)計(jì)改版在什么情況下必須要做呢？UI 的改版與翻新難以通過(guò)數(shù)據(jù)量化衡量，那這樣的勞民傷財(cái)?shù)捻?xiàng)目又該如何推進(jìn)呢？

最近幾年我的工作更偏 B 端一些，又恰逢經(jīng)濟(jì)環(huán)境惡化，企業(yè)會(huì)更加關(guān)注業(yè)務(wù)本身。在這樣的矛盾中，對(duì)這個(gè)話題有了一些新的思考，就以此文簡(jiǎn)單做個(gè)筆記式的總結(jié)。

一、勞民傷財(cái)?shù)模瑸槭裁匆陌妫?/h4>

如果我們私下說(shuō)，產(chǎn)品的 UI 太陳舊了，我們想改一下。這句話聽(tīng)上去完全沒(méi)問(wèn)題。但在公司里面做事情，如果你想通過(guò)會(huì)議的方式推動(dòng)這個(gè)項(xiàng)目立項(xiàng)，那就需要更多的角度評(píng)估。

談到項(xiàng)目立項(xiàng)，那就得有項(xiàng)目立項(xiàng)評(píng)審，有評(píng)審就需要寫(xiě)文檔，寫(xiě)文檔就需要講清楚這個(gè)項(xiàng)目的背景、目標(biāo)及預(yù)期收益、參與團(tuán)隊(duì)、執(zhí)行計(jì)劃以及風(fēng)險(xiǎn)管理。

設(shè)計(jì)團(tuán)隊(duì)如果只做 UI 和風(fēng)格層面的改版，那就只能落腳品牌。品牌收益沒(méi)法量化，品牌又是一個(gè)很大很重要的事情。但如果我們把收益歸結(jié)為品牌收益，但這個(gè)項(xiàng)目的參與團(tuán)隊(duì)和成員中沒(méi)有品牌部門(mén)的人，那就很奇怪。所以如果產(chǎn)品改版只改 UI，基本上很難推動(dòng)。

除非，產(chǎn)品所處的階段急需通過(guò)品牌升級(jí)的方式帶來(lái)用戶增長(zhǎng)。在這樣的語(yǔ)境下，設(shè)計(jì)團(tuán)隊(duì)要做這樣一件事，會(huì)更容易得到理解和支持。

還有一種方法，設(shè)計(jì)團(tuán)隊(duì)可以聯(lián)合前端團(tuán)隊(duì)做一些組件化的事情，這樣還可以說(shuō)我們?cè)谧龅氖虑橛兄诤笃诋a(chǎn)品研發(fā)效能的提升。但這種效能的提升也不是很好衡量，沒(méi)有很好的監(jiān)控指標(biāo)可以立竿見(jiàn)影的說(shuō)服決策者。

這是大部分公司設(shè)計(jì)團(tuán)隊(duì)的窘境。當(dāng)然，也有一些公司的設(shè)計(jì)師比較幸運(yùn)，老板更加看重體驗(yàn)價(jià)值和設(shè)計(jì)價(jià)值，這樣的項(xiàng)目，搞定老板一個(gè)人，其他的也就好說(shuō)了。

無(wú)論你所在公司的設(shè)計(jì)環(huán)境怎樣，都需要回答為什么要 UI 改版的問(wèn)題。面對(duì)這個(gè)問(wèn)題，設(shè)計(jì)師容易陷入一種尷尬。在設(shè)計(jì)師看來(lái)，這個(gè)問(wèn)題就好比你問(wèn)一個(gè)程序員，你為什么要改這個(gè) bug？程序出了 bug 主動(dòng)去修復(fù)，不是天經(jīng)地義順理成章的事情嗎？產(chǎn)品的 UI 太陳舊了，我們作為設(shè)計(jì)師看不下去，想改一下，這不是我們的本能嗎？

因?yàn)閱?wèn)“為什么要改”這個(gè)問(wèn)題的人，往往不是設(shè)計(jì)師，對(duì)設(shè)計(jì)價(jià)值的理解有限?；蛘哒f(shuō)他認(rèn)為 UI 改版并不能帶來(lái)什么實(shí)際的價(jià)值，因?yàn)闊o(wú)法通過(guò)數(shù)據(jù)指標(biāo)在短期內(nèi)衡量出來(lái)。

要回答這個(gè)問(wèn)題，我來(lái)打個(gè)比方。

最近，我們寫(xiě)字樓的食堂把門(mén)關(guān)了，搞裝修。你說(shuō)他們好好的為什么要重新裝修呢？如果是“好好的”，他們是不會(huì)裝修的。因?yàn)檠b修需要停業(yè)，停業(yè)期間沒(méi)有收入。不僅沒(méi)有收入，還需要花錢(qián)。不僅要花錢(qián)搞物理上的裝修，開(kāi)業(yè)的時(shí)候還需要花錢(qián)重新宣傳，讓吃貨們注意到你重新裝修了，又重新開(kāi)業(yè)了。

我們樓下的食堂過(guò)去一年以來(lái)生意不咋地，因?yàn)椴瞬辉趺春贸?，還有點(diǎn)貴。并且燈光昏暗，餐具陳舊，當(dāng)你走進(jìn)去的時(shí)候，除非你需要義不容辭地在規(guī)定時(shí)間內(nèi)完成你的吃飯任務(wù)，否則大概率會(huì)轉(zhuǎn)一圈，然后告訴自己：要不還是換一家吃吧。

食堂的裝修，跟設(shè)計(jì)改版非常類似。設(shè)計(jì)改版可以提供給用戶“煥然一新”的感覺(jué)，帶來(lái)全新的體驗(yàn)，這種“新”的感覺(jué)和體驗(yàn)，也許正是企業(yè)在某個(gè)階段所急切需要的。他們希望通過(guò)改版擺脫困局、帶來(lái)新的業(yè)績(jī)?cè)鲩L(zhǎng)。

這就是為什么我在 A 公司推動(dòng) App 的 UI 改版花了很多力氣很長(zhǎng)時(shí)間都沒(méi)有成功，但在 B 公司碰巧跟產(chǎn)品團(tuán)隊(duì)一拍即合了，沒(méi)費(fèi)力氣就把 UI 給改了。

因?yàn)?A 公司和 B 公司處在不同的業(yè)務(wù)階段。

二、產(chǎn)品改版并不是設(shè)計(jì)師的一廂情愿

“借力”，是我開(kāi)始做設(shè)計(jì)團(tuán)隊(duì)管理之后學(xué)到的很重要的一件事。因?yàn)樵O(shè)計(jì)團(tuán)隊(duì)在產(chǎn)研流程中既不是需求的源頭，也不是工程的主力，而是一群想法挺多，整天嚷嚷著給別人“賦能”、擴(kuò)大自己的影響力的人。

人家需要你的賦能嗎？

只有對(duì)方需要的時(shí)候，你的賦能才有價(jià)值，只有對(duì)方真正需要的時(shí)候，你的項(xiàng)目才能雙贏。否則，那得私下請(qǐng)吃多少頓飯、喝多少瓶酒呢？

產(chǎn)品的改版不是設(shè)計(jì)師的一廂情愿，產(chǎn)品改版往往是產(chǎn)品處在某個(gè)階段需要通過(guò)改版帶來(lái)一個(gè)大的突破，才需要在產(chǎn)品定位、產(chǎn)品功能、信息架構(gòu)、交互流程、UI 界面等方面進(jìn)行整體升級(jí)改造。實(shí)在不大可能只改 UI。設(shè)計(jì)團(tuán)隊(duì)如果想要大改 UI，需要懂得向其他團(tuán)隊(duì)借力。

數(shù)字產(chǎn)品的大型改版，一看產(chǎn)品類型，二看產(chǎn)品階段。

像百度網(wǎng)盤(pán)這樣的 C 端產(chǎn)品，UI 改版的頻率就非常高。而對(duì)于一些操作復(fù)雜的 B 端產(chǎn)品，改版頻率就會(huì)非常低。因?yàn)?B 端產(chǎn)品的用戶是出于辦公需要使用你們的產(chǎn)品，好不好用都是它，自己選不了，不好用也得用。不好用的產(chǎn)品，用戶用著用著用習(xí)慣了，他也不希望你改。你一改，他就罵你。你一改，他就吐槽你。因?yàn)? B 端用戶很不爽。

有好幾次，我們覺(jué)得某個(gè)頁(yè)面在交互和 UI 上有很大的改動(dòng)空間，初心是為了給用戶更好的操作體驗(yàn)。從專業(yè)角度看，我們也確實(shí)覺(jué)得新版頁(yè)面要比舊版好很多。但上線之后就會(huì)被罵。因?yàn)?B 端用戶每天高頻使用這個(gè)頁(yè)面，他習(xí)慣了。你的新版可能有優(yōu)點(diǎn)，但他不習(xí)慣，不習(xí)慣就是問(wèn)題。這時(shí)候就要看我們有多堅(jiān)定，能不能扛得住用戶的這波負(fù)反饋。C 端產(chǎn)品就不一樣，C 端用戶在使用產(chǎn)品的時(shí)候是有更多探索欲的，因?yàn)槭撬约合胍?，而不是迫于生?jì)，為了完成工作而去用。

其次，B 端產(chǎn)品的大改版往往與產(chǎn)品的銷售關(guān)系密切。如果產(chǎn)品進(jìn)行大的改動(dòng)，那么銷售團(tuán)隊(duì)就需要提前學(xué)習(xí)掌握這些 feature，好跟客戶去講清楚，讓客戶認(rèn)識(shí)到這次改版的價(jià)值。

再看產(chǎn)品階段。

還是上面那家食堂，他為什么要停業(yè)裝修？是因?yàn)闃I(yè)績(jī)?cè)絹?lái)越差了，新菜品、新服務(wù)等很多方法都已經(jīng)試過(guò)了都不好使，所以想要通過(guò)裝修改版帶來(lái)新的轉(zhuǎn)機(jī)。在這個(gè)發(fā)展階段，他們不得不這么做。

同樣的，數(shù)字產(chǎn)品在某些階段也需要通過(guò)發(fā)布大的版本升級(jí)，提升產(chǎn)品的競(jìng)爭(zhēng)力和吸引力。在產(chǎn)品的創(chuàng)新探索階段、定位轉(zhuǎn)型階段、增長(zhǎng)乏力需要新突破的階段，都需要這樣的改版。

百度網(wǎng)盤(pán)的 v12.0 改版就是一個(gè)很好的例子。這是百度網(wǎng)盤(pán)近 4 年來(lái)最大的一次改版。這次改版通過(guò)更簡(jiǎn)單的交互方式（左一屏）、更大膽的 UI 設(shè)計(jì)（大黑框），以及由大模型支持的個(gè)人助理（云小朵），“全方位地提供個(gè)人文件的智能服務(wù)，使全新的百度網(wǎng)盤(pán)變得更好用”。

百度網(wǎng)盤(pán) App 這次改版真的變化很大，不光產(chǎn)品和 UI 改了，云一朵放大了，連 logo 也做了微調(diào)。為什么要做這個(gè)大的產(chǎn)品改版呢？因?yàn)榘俣染W(wǎng)盤(pán)想要通過(guò)這次改版，塑造一個(gè)全面智能化的產(chǎn)品形象，從而給業(yè)務(wù)帶來(lái)更多新的增長(zhǎng)。

三、開(kāi)弓不該再有回頭箭

大改版之所以難以推進(jìn)，還有一個(gè)原因是執(zhí)行周期長(zhǎng)、難度大。

產(chǎn)品設(shè)計(jì)改版項(xiàng)目的落地方式，在不同的團(tuán)隊(duì)有不同的做法。

第一種，小范圍一點(diǎn)點(diǎn)改。有的團(tuán)隊(duì)擔(dān)心用戶不能接受新版本的設(shè)計(jì)，同時(shí)也不確定新版本的設(shè)計(jì)可以確實(shí)帶來(lái)多少明確的收益，所以不想一次性投入過(guò)多資源進(jìn)行一次大型的改版。所以他們保守的在舊版上不斷進(jìn)行小的局部的迭代。

這種做法帶來(lái)的問(wèn)題是：

1. 產(chǎn)品結(jié)構(gòu)上的問(wèn)題不太容易在這種小版本迭代中得到改進(jìn)。所以有些舊的問(wèn)題會(huì)一直積累。
2. 用戶難以感受到特別明顯的改版和變化。
3. 產(chǎn)品會(huì)越改越亂。
4. 舊賬不清，新賬又增，很多小問(wèn)題聚在一起，最后會(huì)發(fā)展成意想不到的大問(wèn)題。

第二種做法是一次性投入大量的資源進(jìn)行大版本的開(kāi)發(fā)。

在開(kāi)發(fā)完成之后，邀請(qǐng)一小部分用戶進(jìn)行內(nèi)測(cè)，聽(tīng)取用戶的意見(jiàn)不斷完善，然后陸續(xù)放開(kāi)灰度測(cè)試的范圍，從 1% 到 100%。

這種做法帶來(lái)的問(wèn)題是：

1. 新版本的推出是不可逆的。新版本的設(shè)計(jì)無(wú)論用戶是否喜歡，都需要接受它。因?yàn)槌叩难邪l(fā)成本已經(jīng)投入進(jìn)去了。
2. 你的改版用戶可能并不 care。俞軍產(chǎn)品價(jià)值公式說(shuō)的是“（新體驗(yàn)-舊體驗(yàn)）- 替換成本”，用戶如果習(xí)慣了使用舊版本的產(chǎn)品，他的替換成本就會(huì)變得很高。如果用戶把你的產(chǎn)品當(dāng)成一個(gè)工具，那么他并不會(huì)希望這個(gè)順手的工具在某一天忽然發(fā)生什么變化。而我們改版后提供的新體驗(yàn)如果沒(méi)有足夠好。好到用戶愿意重新重新調(diào)整自己的使用習(xí)慣來(lái)適應(yīng)，那么這樣的改版往往伴隨著用戶的罵聲一片。

但有意思的是，第二種其實(shí)是實(shí)體產(chǎn)品設(shè)計(jì)一直采用的方式。iPhone 14 發(fā)布之前用戶并不知道它會(huì)是什么樣子，但對(duì)新產(chǎn)品的發(fā)布充滿期待。但產(chǎn)品的新版本一旦發(fā)布之后，無(wú)論用戶喜不喜歡靈動(dòng)島，銷售團(tuán)隊(duì)都需要賣(mài)力宣傳。不可能像有些互聯(lián)網(wǎng)產(chǎn)品的局部改版一樣，因?yàn)橛行┯脩舨幌矚g，就改回去。

第一種是快速迭代，小步快跑。是數(shù)字產(chǎn)品研發(fā)團(tuán)隊(duì)的發(fā)明，不用花費(fèi)大量的成本進(jìn)行賭博，追求每改一點(diǎn)，都有明確的數(shù)據(jù)收益。

現(xiàn)在，幾乎大部分團(tuán)隊(duì)都會(huì)采用第一種方式，而不是第二種方式。原因是他們不相信自己可以創(chuàng)造一個(gè)遠(yuǎn)遠(yuǎn)超過(guò)舊版的全新體驗(yàn)。

畢竟那真的很難。

作者：柴林的設(shè)計(jì)筆記