任何面對用戶的產品在這個日新月異的市場上必須保持現代和新潮，redesign 對于網站、APP 和任何與各種用戶、利益相關者們交互的產品都是非常重要的。但是大部分的 redesign 是相當不受歡迎的，為什么呢？

文章目錄

• 為什么 redesign 會失敗？
• Snapchat 導航的改版
• Win 8 開始菜單改版
• 難道所有的 redesign 都是不好的？
• Facebook 的導航改版
• 思考

我想這是經常會有的情景：公司的產品經理走進來然后提出了一個 redesign 的需求：我們的頁面太過時了。我們的競品都有更漂亮更時尚的頁面。我們也重設計一下吧，帶彩色投影的按鈕是未來的趨勢。

設計：「好呀，我們先從做可用性測試開始吧……」

PM：「你有三周的時間，我想讓所有的顏色都換成亮紅、青藍色、千禧橙。」

△ Skype Redesign 2018

這就是你自己扼殺了產品的轉化率。

如果說上面的情景可能有些夸張的嫌疑，那么許多公司每年都會徹底重設計他們的品牌并不是夸張了。就 Facebook 而言，差不多每次打開它就像打開了一個新的產品。這里有一個3千人的 facebook 的小組，他們會跟蹤 Facebook 公司每分鐘改變的細節。

任何面對用戶的產品在這個日新月異的市場上必須保持現代和新潮，redesign 對于網站、APP 和任何與各種用戶、利益相關者們交互的產品都是非常重要的。如果正確的處理數據驅動的進程，確定清晰明確的設計KPI，redesign 后的產品能夠提高轉化率、銷售額、提升用戶體驗。

但是大部分情況下并不是這樣，根據下跌的轉化率、不滿的用戶和 APP 的負面評價可見，redesign 是相當不受歡迎的。Snapchat 這樣的小型公司，或者像微軟 Win8、Skype 這樣的大型獨角獸，看起來沒有一個能從 redesign 的失敗中逃脫。

為什么 redesign 會失敗？

無論是視覺上或者功能上的，一次 redesign 都是一種改變，關于用戶如何記憶你的產品。人們不喜歡改變。

當你改變了你 APP 中用戶進入設定頁面的路徑，你就是在要求他們打破自己的習慣。用戶之前進入設置頁面的時候完全無需思考、重設計后需要摸索著才能找到它了，這個結果是有一些冒犯的。

作為一個設計師，你的工作是讓這些麻煩最小化，引導他們建立新的習慣。

Snapchat 導航的改版

我們來分析一下 snapchat 是如何改版他們的其中一個主線——查看朋友的動態。

舊版本的 snapchat 的導航結構是這樣的：左滑查看動態、右滑和朋友聊天；如果要看朋友的動態，你需要從主頁左滑，然后點擊朋友的動態。

推廣動態、媒體轉載是動態頁的一部分，他們現在都出現在了好友動態的旁邊。

snapchat 打算做的改版，好友動態頁被移到了左邊，和聊天頁放在一起，推廣動態占據了右側的整個頁面。這版設計可以看出 snapchat 拋棄了它原來明顯區分開的「聊天」和「動態」功能，它專注于朋友和發布者之間的劃分，讓發布者更方便的推廣付費內容，但是把朋友相關的所有內容都放到了一個頁面。

改版后，點擊查看好友動態的區域也明顯縮小了。改版前用戶查看好友動態的點擊區域是整行模塊，但是改版后，點擊區域被縮小為一個小很多的圓形（頭像區域），而且全部被挪到了屏幕左邊。

至少兩處交互經驗被改掉了： 一是導航結構，二是查看動態的點擊區域。自然不用說，用戶非常不喜歡這次的改版，一周之內 snapchat 的平均分從3.1掉到了2.4。

我用 Appbot 做了一個用戶評價的分析，我們可以清晰的看到，負面評價是在改版上線之后激增的。

△ This tweet cost Snapchat a billion dollars

snapchat 這次的改版是一個災難，它的日活用戶從19.3千萬掉到了18.8千萬，下降了2%。廣告曝光和收入下降了36%，很多廣告發布商們轉到其他平臺，把 ins 作為他們新的大本營。

在這次改版推出6個月后，snapchat 發布了一個反轉的調整，好友動態會重新移到頁面右側，和廣告放在一起。

官方是這樣說的：

我們意識到把查看好友動態和聊天合并到一個頁面，很難去優化兩個相互矛盾的行為，我們即將推出新版本來處理這個問題，把好友動態移動到APP右側。——Evan Spiegel, CEO Snapchat

WIN8 開始菜單改版

現在我們來看在 WIN8 中微軟是如何改版他們的開始菜單的，讓我們嘗試打開 WIN7 和WIN8 的控制面板。

1. WIN7

點擊開始按鈕：

點擊控制面板：

在 WIN8 中，你也是從開始菜單開始。

這是一個好的開始嗎？ 不是。

在這些卡片面板中沒有控制面板，也沒有一個選項可以列出全部項目。

WIN8

懸浮在右上角或者右下角：

點擊設置：

點擊控制面板：

WIN8上線后，這個基于手勢的到達控制面板的步驟對用戶來說是完全相異的。windows 也沒有提供任何引導去幫助用戶找到這個謎之菜單。盡管用戶最后通過谷歌或者詢問朋友等方式找到了這個控制面板的菜單，但他們仍然感覺是不舒適的。對于這個系統來說，手勢和懸浮都是新的概念。

難道所有的redesign都是不好的？

Redesign，就是改變，而人們不喜歡改變。從上面兩個例子可以很容易發現，把時間投入到redesign，改變一個產品的工作流，這并不是一筆劃算的投資。但是如果產品不更新，為了安全保持一樣的設計，是必然會被快速行動的競爭對手所淘汰的。

輕量級的、逐步的迭代更新，對用戶來說更容易接受、容忍度也更高，有時候這可以轉化為跳過華麗的動畫、手勢或者導航結構，使用更簡單的、讓用戶體驗更舒適的替代方案。

Facebook的導航改版

在2012年，facebook 準備一個大版本更新，關于用戶如何使用它們的 APP。到現在為止，好友申請、消息、通知的入口是以圖表形式顯示在頁面頂部的藍色的導航欄上。這個導航欄是為了模擬用戶在頁面中是如何行動的，它被設計為接近于網頁版的導航。

在安卓和 iOS 都采用了相同的導航欄。

但是手機端的用戶基數飛速增加，移動端用戶已經大大超過桌面端用戶。只專注做移動端的社交平臺，比如 Ins、snapchat、Vine，都開始流行并占據一席之地。很明顯的，人們會花更多的時間在他們的手機上而不是電腦上。

所以 Facebook 決定簡化他們移動端的導航結構，他們決定放棄一致性，把安卓和 iOS 作為兩個不同的產品去對待。facebook 給兩個系統制作了不同的導航結構，安卓端是位于頂部的滑動標簽，而 iOS端是頁面底部的固定標簽欄。

這個改版對于 facebook APP 來說是新的，但是對于用戶來說并不是。因為這次改版并沒有打破用戶的習慣——用藍色導航欄作為引導，用戶已經習慣于他們平臺特有的標簽欄。數年來，滑動式的標簽欄一直在安卓系統上使用。iOS 的底部標簽欄自從這個平臺推出就一直如此，對用戶來說并不陌生。

facebook 對于安卓和 iOS系統的標簽分別制作對他們來說非常好，不久之后他們就成為了行業標準，很多 iOS 和安卓平臺的 APP 都采用了和它相似的導航結構。

思考

1. 最有效的 Redesign，通常并不是那個最美觀的

redesign 并不是一個為了美化產品的過程，視覺是 redeisgn 的一部分而不是全部。如果你做產品 Redesign 只是為了視覺更美觀，從 dribbble 獲取靈感用樣機包裝，沒有任何調研支撐就跟隨設計趨勢，你的改版勢必會失敗。

有時候也會有這樣的問題，產品中過時的設計語言會影響你的品牌價值，你的用戶會流失到設計體系更好的競品那里。Redesign你的產品設計語言，讓他看起來更美觀，這當然很好。但是盲目的跟隨設計趨勢，沒有任何規劃或者調研支撐做改版，就會導致不好的結果。

redesign 是為了解決特定的商業問題或者滿足業務需求。

這個在 dribbble 上發表的谷歌redesign，用了大膽的顏色和投影去吸引人的注意。盡管它看起來很時尚很潮，但是這個 redesign 有一些嚴重缺陷。首先，設計者丟棄了谷歌20多年來一直使用的彩色品牌標志；其次，谷歌所有的頁面個人中心都在右側，改版卻把它放到了左側。我可以繼續說里面存在的問題，但是我希望你已經懂我要表達的意思了。

2. redesign 不是目的，它是一個過程

產品設計是原型、測試、分析和改進的一個循環的過程。一次redesign 并不意味著產品已經完美了，它只是意味著產品足夠滿足當前的任何需求，沒有產品和用戶界面是「已完成的」。

3. 聚焦在小版本迭代

閱讀下面這些，能夠幫助你更好的了解用戶的畫像和行為。通常來說，當我們在技術層面談論轉化率，我們關注的數字是 APP裝機、用戶注冊和產生的銷售轉化。

小版本迭代經常被遺忘，很多時候也不會去追蹤數據。小版本迭代是伸手可及的果子，確切地說，引導用戶到最終目標的行動，就是小版本迭代。小版本迭代的例子比如許多用戶使用的搜索功能、用戶更新個人中心的照片、確認他們的手機號。小版本迭代作為整個改版過程的階段點，影響著最終步驟和大版本更新。

如何做小版本迭代？你如何理解小版本迭代指標？用戶不能添加好友是因為新的搜索欄很難發現嗎？是因為注冊按鈕在新版本的布局中被埋沒以致于用戶很難找到它嗎？

制定明確的小版本目標、然后跟蹤它的數據，這會幫助你找到新版本用戶旅程中的問題點。

總結

希望這篇文章能夠幫助你更好的理解 redesign，以及我們能從中學到什么。

原文鏈接：《Why most redesigns fail》??Girish Rawat

歡迎關注作者微信公號：「白露漫談」

「優秀團隊的改版設計案例」

• 《丁香園 8.0 全新改版升級，設計背后的故事》
• 《上億人使用的唱吧APP V8.6 改版設計過程揭秘》
• 《上億人使用的泛娛樂微信店，是如何做改版設計的？》