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

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

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

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

花瓣改了什么？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

而這次的尺寸調(diào)整，會(huì)導(dǎo)致我的整體封面又要進(jìn)行重新的調(diào)整?？赡苁腔ò暧X得原有的封面尺寸太過于高，導(dǎo)致閱讀效率偏低。

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

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

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