產(chǎn)品頁面改版一件常見的事，不過為什么一般情況下，移動端的產(chǎn)品不支持返回舊版，而網(wǎng)頁端的產(chǎn)品支持？什么時候需要有“返回舊版入口”？作者在文章中結(jié)合案例進行了具體的闡述，感興趣的朋友一起來看看吧~

最近兩年，B端產(chǎn)品發(fā)展迅猛，同時很多產(chǎn)品的門戶網(wǎng)站也開始進行改版，前段時間我們講過花瓣的設(shè)計改版，聊了聊它改了什么內(nèi)容。今天又看到B站的網(wǎng)頁端也在做一個改版，今天我們就不聊大的改版，我們聚焦于一個小的功能模塊，也就是 “返回舊版入口”。

首先先問小伙伴們這樣一個問題：

1. B端產(chǎn)品是否需要有返回舊版的入口？
2. 那為什么移動端的很多設(shè)計當(dāng)中不會出現(xiàn)這個入口呢？

那故事，我們就得從為什么需要返回舊版說起。

一、需要返回舊版的原因

有沒有發(fā)現(xiàn)一個現(xiàn)象？提到返回舊版，我們很少在移動端產(chǎn)品當(dāng)中看到，比如移動端產(chǎn)品當(dāng)中，網(wǎng)易云音樂、微信、支付寶、淘寶等，在一些大版本的更新當(dāng)中都是直接將版本更新推送給所有用戶，并且無論你是否適應(yīng)，你都必須給我用！

而在網(wǎng)頁端產(chǎn)品當(dāng)中，我們頁面的設(shè)計變動，在剛開始都是非常的小心，我們會像一個保姆一樣問用戶，你用得習(xí)慣不習(xí)慣，不習(xí)慣可以直接退回的。

其實這也是做網(wǎng)頁端的產(chǎn)品與移動端的產(chǎn)品上的差異。

代碼層面上，網(wǎng)頁端由于代碼都在網(wǎng)上，回退舊版的這個功能對于程序員來說實現(xiàn)起來較為簡單；而在移動端甚至客戶端，因為我們的每一次迭代都是通過安裝包的方式進行迭代，也就意味著你想要回退到之前的版本，唯一的辦法就重新安裝舊版本的安裝包，再加上蘋果手機的限制，無法回退（懷念安卓系統(tǒng)一秒鐘）。

那為什么要返回舊版，我們會站在用戶角度去思考這一問題。

1. 改版變化太大，難以適應(yīng)

因為很多網(wǎng)頁端的產(chǎn)品改版非常巨大，也就造成了用戶難以適應(yīng)前后的差異。為了保證用戶不流失，所以給大家預(yù)留返回舊版的入口。

比如在B站的這次改版當(dāng)中，通過對比我們就能發(fā)現(xiàn)前后的版本差異巨大，整體首頁的邏輯由以前的按照視頻分區(qū)進行展示，所有內(nèi)容都可以在右側(cè)進行跳轉(zhuǎn)。

到現(xiàn)在的首頁以內(nèi)容推送為基礎(chǔ)，想要了解分區(qū)，需點擊頂部分區(qū)欄進行展示：

而這樣的改變，對于我已經(jīng)非常熟悉B站的首頁機制的用戶來說，確實會有一些不適應(yīng)，因此預(yù)留的返回舊版本便是滿足那些不太適應(yīng)的用戶。

有正向的例子就一定有反向的例子，也就是并不是所有的產(chǎn)品都需要返回舊版，比如在產(chǎn)品當(dāng)中，只是簡單調(diào)整了頁面當(dāng)中幾個按鈕變化時，這時候就沒有必要展示返回舊版，顯得有點畫蛇添足。

2. 緩解用戶情緒

既然上面都提到改版變化必須得大，那就一定會涉及到另一個問題，用戶的接受成本一定非常高。

作為用戶，并不是每一個人都喜歡嘗鮮的，那大版本的修改調(diào)整，一定會遭到用戶的強力吐槽，而返回舊版本，則是能夠緩解用戶的使用壓力。

比如在語雀的【工作臺】改版當(dāng)中，就會涉及到這個問題：

版本一（2018-10-24）：

早在2018年的時候，語雀就對當(dāng)時的工作臺進行改版，但是由于當(dāng)時用戶量本身不多（雖然是猜測，但是通過語雀的搜索量可以大致得出這一結(jié)果），另外就是改版的幅度較小，因此第一個的工作臺迭代非常順利，用戶反饋也非常良好。

版本二（2021-01-18）：

這個版本便是語雀工作臺進行的大刀闊斧的改動，其中就包含整體視覺風(fēng)格、右側(cè)快捷入口、左側(cè)知識庫快速訪問等多個改動，隨之而來的便是用戶的大量吐槽。

好像當(dāng)時語雀就缺少了返回舊版入口（不太確定，有清楚的同學(xué)可以評論區(qū)補充，我當(dāng)時使用的時候是沒有發(fā)現(xiàn)入口的），導(dǎo)致用戶的情緒無法得到緩解，一時間在語雀公告的評論區(qū)炸開了鍋，有大量的用戶吐槽各種新版本的問題。

3. 驗證結(jié)果

關(guān)于返回舊版本，其實是可以從側(cè)面去驗證你的這次改版做得是否合理。

因為返回的人一定是對這次改版產(chǎn)生了不適，而它在去切換舊版本時，他一定有想吐槽的地方，這時適當(dāng)?shù)恼故疽环輪柧?，了解用戶真正關(guān)心的點，我們便能夠從這些用戶的吐槽當(dāng)中，去分析問題，再做設(shè)計的后續(xù)規(guī)劃。

如果能夠從數(shù)據(jù)上發(fā)現(xiàn)返回舊版的人數(shù)變少，也能夠從側(cè)面反映我們設(shè)計的改版的目的，得到了驗證（當(dāng)然這個指標(biāo)的制定，不是那么簡單的，需要看后臺數(shù)據(jù)去做調(diào)整）。

二、返回舊版的設(shè)計風(fēng)格

當(dāng)然，返回舊版的設(shè)計風(fēng)格會有所不同，在我們系統(tǒng)當(dāng)中并不是隨意去做設(shè)計，而是會根據(jù)設(shè)計要求去做相應(yīng)調(diào)整。

1. 入口位置

在返回舊版當(dāng)中，入口通常會放置在 右下、側(cè)邊、頂部三個區(qū)域，由于三者位置不同，對于設(shè)計師來說也會有不同的寓意。

（1）頂部入口

在頂部的返回舊版入口是針對全系統(tǒng)的“所有”頁面都會有所改動的時候，比如頁面設(shè)計當(dāng)中：工作臺、表格頁、詳情頁，都會受到影響的時候，這時候更愿意把它放在頂部，提高他的信息層級。

（2）側(cè)邊入口

這類的改版，則更多針對某一個或某幾個頁面當(dāng)中，這類的改版不會特別大，因為放在側(cè)邊，能夠讓人們知道，目前的改版只針對這幾個頁面，不會涉及到全局。

2. 提示方式

（1）靜默升級

目前很多B端產(chǎn)品，在剛開始迭代時，總是靜悄悄的，然后在系統(tǒng)的右側(cè)貼上一個內(nèi)測版本，這種方式比較適合對系統(tǒng)還不太有把握，剛上線的情況，等情況理想，便可不再低調(diào)，安靜的查看數(shù)據(jù)的結(jié)果。

（2）公告提示

隨著數(shù)據(jù)的不斷變好，版本迭代總的來點儀式感，因此這時候我們都會在版本迭代當(dāng)中，都會發(fā)布公告來讓用戶關(guān)注，更新的儀式感由此而來，同樣這也意味著這個版本已經(jīng)全量發(fā)布。

三、如何設(shè)計一個“完整”返回舊版

返回舊版在目前看來，似乎只是一個假象，我們要去了解的是產(chǎn)品改版背后的邏輯。通常一次改版迭代，并不是直接改版展示即可，而是需要一個完整的迭代思路。

1. 灰度測試

在網(wǎng)頁端的灰度測試當(dāng)中，其實測試的方法有很多，通常我們會使用隨機內(nèi)測與邀請內(nèi)測制，前者數(shù)據(jù)更加真實，后者用戶更可控，目的都非常簡單，能夠收集到用戶的意見與反饋。

比如上面例子當(dāng)中提到的語雀工作臺的改版當(dāng)中，就采取邀請內(nèi)測制，先讓用戶申請試用新版本，然后確定內(nèi)測人群，使用過后進行打分+討論+文章總結(jié)的形式，來去驗證設(shè)計的初步構(gòu)想

2. 優(yōu)化過后迭代通知

解決掉灰度測試遇到的問題過后，可以進行更大范圍的推行，這時候可以嘗試通知所有用戶，已經(jīng)有新版本，讓一些勇敢愿意嘗試的用戶，率先體驗到我們的產(chǎn)品。并且我們會提供完整的新手引導(dǎo)以及退回舊版本的入口，讓他先感受下新版本究竟如何，用起來是否順手

3. 弱化入口直到完美過渡

弱化入口是展示自己“套路”的過程。

首先在剛開始，我們可以采取的策略是，保存用戶之前的版本習(xí)慣，比如他之前退出時使用的是舊版本，那后續(xù)進入系統(tǒng)當(dāng)中我們就提供給他舊版本。

隨后，隨著時間的推移，我們就對登錄的策略進行調(diào)整，讓他每次進入系統(tǒng)都是先進入新版本，想要進入舊版本就必須手動點擊切換才行，這樣讓他被迫熟悉新系統(tǒng)。

最后由于大家都對新版本比較熟悉，我們可以逐步弱化舊版本入口，直到將其隱藏消失。

這樣的完美過渡就會比新版本強行落地效果來的好得多，當(dāng)然在公司當(dāng)中，我們還是得配合銷售、售后人員，對于新版本多去做一些視頻分享會，公開的教會大家如何使用產(chǎn)品，讓用戶能夠快速適應(yīng)。

四、最后聊聊

其實B端產(chǎn)品的設(shè)計改版，想要完美落地時非常難的，畢竟打破之前用戶的使用習(xí)慣，需要重新學(xué)習(xí)。但是使用適當(dāng)方法，配合著團隊的付出，還是能夠?qū)⑵漤樌涞?，?dāng)然由于文章的篇幅關(guān)系，我們就不展開討論了，希望文章能夠?qū)ψ罱谔幚碓O(shè)計改版的你有所幫助，可別忘了點贊轉(zhuǎn)發(fā)~