這兩天我在逛花瓣時，咦，發現它改版了。作為一個 B 端設計師，對於網頁端的產品改版還是非常感興趣，這次我們就來仔細聊聊：
花瓣究竟在改版當中改了些什麼？
為什麼我會不習慣花瓣這次改版？
這次改版有什麼值得我們B端設計師進行學習的點？
花瓣改了什麼？首先，打開官網，在新舊花瓣的不斷切換之下，我發現花瓣改了這幾個模塊：風格變年輕：從頁面當中以 灰色背景 + 信息卡片 的設計，改版減少了信息層級，直接展示內容信息，相對而言會更加簡單。並且加大了卡片的圓角（雖然我自己作為B端系統不太喜歡圓角），但是使整個頁面更加的年輕化，更受年輕人的喜歡。
結構小調整：來回對比首頁，發現確實會有一些變化。仔細查看過後， 看到整體結構進行了小幅度的優化。從舊版本的 首頁/我的關注 改變為現在直接展示為 「關注」 ，減少了我對於首頁這個頁面的好奇，它究竟是什麼
柵格布局也進行了調整，能夠感受到願意將更多的內容空間用於呈現頁面圖片內容，內容兩側的余白也進行減少，與此同時將整個導航菜單的布局方式也做了相應調整，由原來的固定寬度，調整為根據內容寬度進行變化。
然後就是一些小的視覺調整，讓整體的設計更符合現在的審美要求，這裡就放出截圖，大家對比查看就行（包含右下角 的提示信息等…）
為什麼我會不習慣？再來說說為什麼不習慣這次改版。因為花瓣這次的視覺風格，整體給我的感覺就是太大的圓角，頁面整體不夠嚴肅。可能是天生就是B端狗的緣故，導致看到大圓角就會有莫名的討厭，因此大圓角給我的感覺還是稍差了一些。有負責過B端產品的小夥伴應該會知道，就每一次改版必然會受到阻力，也就是產品已經培養了用戶的習慣，這時候的改版必然會遭到反饋（tu cao），你需要的是給使用者一個適應的時間。然後等待 1-2 個月用戶逐漸熟悉，再去查看用戶的真實體驗感受。花瓣也是一樣，隨着使用次數的不斷增多，也發現好像還行，沒什麼太大的影響。舉個例子，在 Mac 系統 Big sur 剛剛出來的時候，大家就開始吐槽他的電池圖標，不過隨着他慢慢改進，還有就是用戶的一次次習慣，現在幾乎沒有人去討論了。人嘛，總是要有一個適應的過程。隨着我這兩天高強度的使用，發現其實整體還算比較習慣，一些改版也能夠看得出設計師都是在為產品使用上更為清晰去做考慮。
改版需要思考的問題？並且一次完整的產品改版，一定奉行三個原則：給用戶留退路、溫水煮青蛙、兼容舊數據給用戶留退路：提供 使用舊版本的入口，讓用戶對頁面感到不適時，可以進行切換到舊版本。並且還可以在用戶第一次點擊切換舊版本時，彈出一個表單，詢問他究竟對於這次改版的地方哪裡不夠滿意，讓他的痛點能夠有地方可以傾訴。溫水煮青蛙：將頁面當中的切換版本的入口逐漸弱化。在改版的早期，可以設計為當用戶之前在使用舊版本時候，默認下次進入的就是改版後的版本；隨後在後續，可以將這個功能取消，用戶每次進入頁面，想要進入舊版本都需要手動切換；再隨後逐步將切換版本的入口弱化直到取消，這樣不斷的溫水煮青蛙，就能夠給用戶一個不斷適應的空間。兼容舊數據：特別是花瓣這類與圖片相關的產品，很多設計師都會去調整圖片的尺寸比例，比如花瓣這次調整的 個人中心封面 。其實我對於這部分的修改是不太滿意的，原因大家也應該能夠從上圖中看到，就是本身在花瓣當中，很多設計師的個人中心都是進行過精心的設計。而這次的尺寸調整，會導致我的整體封面又要進行重新的調整。可能是花瓣覺得原有的封面尺寸太過於高，導致閱讀效率偏低。但是也確實看到了花瓣做的努力，因為他們也考慮到了兼容問題，將圖片的布局採取的是居中裁切。這裡大家也一定要記住，任何情況下，設計內容的調整，一定要去考慮舊數據的合理安置（雖然正常情況下，這種事情不會太多）
留言列表