以花瓣為例，講講改版究竟應(yīng)該注意什么｜CE青年Youthce

這兩天我在逛花瓣時，咦，發(fā)現(xiàn)它改版了。

作為一個 B 端設(shè)計師，對于網(wǎng)頁端的產(chǎn)品改版還是非常感興趣，這次我們就來仔細(xì)聊聊：

• 花瓣究竟在改版當(dāng)中改了些什么？
• 為什么我會不習(xí)慣花瓣這次改版？
• 這次改版有什么值得我們B端設(shè)計師進(jìn)行學(xué)習(xí)的點(diǎn)？

花瓣改了什么？

首先，打開官網(wǎng)，在新舊花瓣的不斷切換之下，我發(fā)現(xiàn)花瓣改了這幾個模塊：

風(fēng)格變年輕：從頁面當(dāng)中以 灰色背景 + 信息卡片 的設(shè)計，改版減少了信息層級，直接展示內(nèi)容信息，相對而言會更加簡單。并且加大了卡片的圓角（雖然我自己作為B端系統(tǒng)不太喜歡圓角），但是使整個頁面更加的年輕化，更受年輕人的喜歡。

結(jié)構(gòu)小調(diào)整：來回對比首頁，發(fā)現(xiàn)確實(shí)會有一些變化。仔細(xì)查看過后， 看到整體結(jié)構(gòu)進(jìn)行了小幅度的優(yōu)化。從舊版本的 首頁/我的關(guān)注 改變?yōu)楝F(xiàn)在直接展示為 “關(guān)注” ，減少了我對于首頁這個頁面的好奇，它究竟是什么

柵格布局也進(jìn)行了調(diào)整，能夠感受到愿意將更多的內(nèi)容空間用于呈現(xiàn)頁面圖片內(nèi)容，內(nèi)容兩側(cè)的余白也進(jìn)行減少，與此同時將整個導(dǎo)航菜單的布局方式也做了相應(yīng)調(diào)整，由原來的固定寬度，調(diào)整為根據(jù)內(nèi)容寬度進(jìn)行變化。

然后就是一些小的視覺調(diào)整，讓整體的設(shè)計更符合現(xiàn)在的審美要求，這里就放出截圖，大家對比查看就行（包含右下角 的提示信息等…）

為什么我會不習(xí)慣？

再來說說為什么不習(xí)慣這次改版。因?yàn)榛ò赀@次的視覺風(fēng)格，整體給我的感覺就是太大的圓角，頁面整體不夠嚴(yán)肅。可能是天生就是B端狗的緣故，導(dǎo)致看到大圓角就會有莫名的討厭，因此大圓角給我的感覺還是稍差了一些。

有負(fù)責(zé)過B端產(chǎn)品的小伙伴應(yīng)該會知道，就每一次改版必然會受到阻力，也就是產(chǎn)品已經(jīng)培養(yǎng)了用戶的習(xí)慣，這時候的改版必然會遭到反饋（tu cao），你需要的是給使用者一個適應(yīng)的時間。然后等待 1-2 個月用戶逐漸熟悉，再去查看用戶的真實(shí)體驗(yàn)感受?；ò暌彩且粯樱S著使用次數(shù)的不斷增多，也發(fā)現(xiàn)好像還行，沒什么太大的影響。

舉個例子，在 Mac 系統(tǒng) Big sur 剛剛出來的時候，大家就開始吐槽他的電池圖標(biāo)，不過隨著他慢慢改進(jìn)，還有就是用戶的一次次習(xí)慣，現(xiàn)在幾乎沒有人去討論了。人嘛，總是要有一個適應(yīng)的過程。

隨著我這兩天高強(qiáng)度的使用，發(fā)現(xiàn)其實(shí)整體還算比較習(xí)慣，一些改版也能夠看得出設(shè)計師都是在為產(chǎn)品使用上更為清晰去做考慮。

改版需要思考的問題？
并且一次完整的產(chǎn)品改版，一定奉行三個原則：給用戶留退路、溫水煮青蛙、兼容舊數(shù)據(jù)

給用戶留退路：提供 使用舊版本的入口，讓用戶對頁面感到不適時，可以進(jìn)行切換到舊版本。并且還可以在用戶第一次點(diǎn)擊切換舊版本時，彈出一個表單，詢問他究竟對于這次改版的地方哪里不夠滿意，讓他的痛點(diǎn)能夠有地方可以傾訴。

溫水煮青蛙：將頁面當(dāng)中的切換版本的入口逐漸弱化。在改版的早期，可以設(shè)計為當(dāng)用戶之前在使用舊版本時候，默認(rèn)下次進(jìn)入的就是改版后的版本；隨后在后續(xù)，可以將這個功能取消，用戶每次進(jìn)入頁面，想要進(jìn)入舊版本都需要手動切換；再隨后逐步將切換版本的入口弱化直到取消，這樣不斷的溫水煮青蛙，就能夠給用戶一個不斷適應(yīng)的空間。

兼容舊數(shù)據(jù)：特別是花瓣這類與圖片相關(guān)的產(chǎn)品，很多設(shè)計師都會去調(diào)整圖片的尺寸比例，比如花瓣這次調(diào)整的 個人中心封面 。

其實(shí)我對于這部分的修改是不太滿意的，原因大家也應(yīng)該能夠從上圖中看到，就是本身在花瓣當(dāng)中，很多設(shè)計師的個人中心都是進(jìn)行過精心的設(shè)計。

而這次的尺寸調(diào)整，會導(dǎo)致我的整體封面又要進(jìn)行重新的調(diào)整。可能是花瓣覺得原有的封面尺寸太過于高，導(dǎo)致閱讀效率偏低。

但是也確實(shí)看到了花瓣做的努力，因?yàn)樗麄円部紤]到了兼容問題，將圖片的布局采取的是居中裁切。

這里大家也一定要記住，任何情況下，設(shè)計內(nèi)容的調(diào)整，一定要去考慮舊數(shù)據(jù)的合理安置（雖然正常情況下，這種事情不會太多）

不說了，改封面去了，拜～