區別於產品改版，互動改版更偏向於透過結構層和框架層的改變來提升使用者的產品體驗、操作效率等方面，與此同時，產品的功能、定位並不會有太大變動。那麼如何才能做好互動改版，讓使用者可以心甘情願地接受新版設計？不如來看看作者的解讀。

來自一位同學的提問：最近遇到一個問題：產品改版了，但使用者普遍還是更認可老版本，怎麼辦？到底該怎麼進行設計改版？

首先要說一下，設計改版之後使用者更認可老版是一種非常常見的情況，先莫驚慌。借用俞軍老師的話：使用者價值=新體驗-舊體驗-切換成本。改版初期，因為改變了使用者習慣，切換成本是非常高的，需要多觀測一段時間的使用者反饋和資料表現，才能夠對改版結果下定論。

現在我們回到設計改版這個話題，行業裡有很多談論視覺改版的文章，之前我們團隊也總結過《如何定義App視覺品牌——設計流程與操作方法淺析》回答了視覺改版的操作流程。

今天呢，我再向大家介紹一下互動設計改版的操作流程。

一、What | 什麼是互動設計改版？

互動設計改版，這種說法在行業裡很少見，從使用者體驗5要素來看：

圖1設計迭代的原因

互動設計師的核心工作主要是在結構層和框架層，位於中間層次。

如果產品定位、功能發生變化，配套的也會進行互動及視覺的調整，這種自底向上的改版方式，我們稱之為產品改版，或者是品牌升級。

如果產品定位、功能幾乎不變，

透過結構層和框架層的改變來提升產品體驗、操作效率或者其他核心指標，我們稱之為互動改版

（本次我們就聚焦在這一層次來展開介紹）。

如果產品互動幾乎不變，透過改變視覺風格來順應或引領行業設計趨勢或使用者偏好，我們稱之為視覺改版。

在實際工作中，如果產品定位、功能不發生大的變化，產品整體的資訊架構基本上是不會變的，所以互動設計師日常所做的互動設計改版（提案），通常只是單獨的功能或者核心介面的改版，比如售後鏈路最佳化、短影片拍攝功能改版（結構層+框架層，單個功能全鏈路設計最佳化），首頁改版、商詳頁改版（框架層：頁面佈局最佳化）等。

二、How | 如何進行互動設計改版？

回到我們之前做設計提案的思路：

圖2 設計提案的整體思路

研究階段：做正確的設計；

設計階段：正確地做設計；

驗證階段：驗證設計的正確性。

設計是解決問題的過程，所以我沿襲設計提案的思路，將互動設計改版總結成五大步驟：

圖3互動設計改版的步驟

1. 確定設計目標

在做設計改版之前，重要的不是設計方案，而是設計的目標：到底希望透過改版達成什麼目標。

目標和方向正確了，才有可能到達終點，否則只會南轅北轍。

設計改版相對日常需求，是個“勞民傷財”的事，資源消耗大，週期長。做設計改版需要有充足的理由和價值。

設計師日常多以承接需求/解決問題為主，真正要自己發起設計改版，很多設計師往往找不到方向，這裡我結合過往經驗，給大家三個方向作為參考：

如果不滿足這三點，別說改版之後使用者不買賬，專案團隊也很可能不買賬，整個方案只能束之高閣，白白浪費自己的時間和精力。

如果設計目標/方向滿足這些條件，建議設計師在開始之前就和業務方同步確認，確認方向的可行性和專案的支援力度，甚至可以讓產品經理協助提供相應的資料或功能決策，保證自己的方案在一開始就是眾望所歸的。

2. 定位設計問題

結合目標，拆解現狀，找到設計現狀中存在的問題和可最佳化的設計點。如何定位設計問題，在互動小課堂前期的課程中我們做過總結：

圖4如何定位體驗問題

這裡沒有什麼捷徑，要想能定位到核心問題，需要按照我們設計分析的維度：

設計自查、資料分析、使用者分析、競品分析

4大維度，按部就班的一點點去體驗、對比、思考，將所有感覺有體驗問題的地方一一洞察並記錄下來。

這一通操作下來，事無鉅細，發現的問題往往特別多，這個時候，我們可以藉助資料視覺化地圖或者使用者體驗地圖，將問題視覺化，聚焦關鍵問題，也讓專案成員更容易理解和接受問題，認可問題改進的必要性。

圖5將體驗問題視覺化

設計問題梳理完畢後，建議跟產品經理一起明確哪些問題是可以解決的，聚焦需要解決的高優問題，開始制定設計策略。

3. 制定設計策略

明確了設計問題，但我們並不能本著把問題一一解決的方式來達成目標。

愛因斯坦說，

我們需要回到問題發生的層面瞭解問題，但不能寄希望於在問題發生的層面就解決問題，因為問題的解決往往在更高的層面上

。

所以我們可以借鑑前人的智慧，在成熟的方法論的指導下，補充我們缺失的思考維度和設計策略，來更加全方位的達成目標。

圖6常見設計策略參考

這要求大家身處任何一個行業，都需要關注其行業動態，研究頭部企業的設計方法和理論，學以致用，積累沉澱更加符合自己業務的設計方法論。

4. 完善設計方案

這裡可以借鑑之前之前《一個公式教你搞定場景化設計》和《如何在互動細節中體現專業性》兩篇文章中提到的核心要點：

圖7場景化設計要點

透過為不同使用者提供不同的內容/服務，或者在不同的時間、地點，為不同使用者提供不同的選擇，或者基於使用者前置的行為，當下的行為、裝置當前的狀態為使用者提供更適合的選項，保證使用者達成目標的同時，認知成本更低、操作成本更低，情感體驗更愉悅。

圖8互動細節專業性的三個層次

透過提升互動設計方案的完備性、精準性和直觀性，讓專案成員更容易理解並認同設計方案，減少內部閱讀和溝通成本，共同完成並推進方案的落地。

5. 驗證設計方案

驗證設計方案從低成本到高成本有3種方式：

走廊測試：直接在公司或者使用者出沒的地方守株待兔，逮住使用者直接讓使用者使用demo並詢問使用者對設計方案的看法，發現問題持續迭代。

可用性測試：按要求篩選合適的典型使用者，設計測試任務，邀請使用者按照測試大綱，循序漸進地完成測試任務，發現問題持續迭代。

線上AB測試：開發兩套不同的設計方案，灰度上線，觀察不同方案的使用者使用行為資料，發現問題持續迭代。

小結一下，從流程上講，進行互動設計改版就這樣五個步驟：

圖9互動設計改版的步驟

確定設計目標：確保其與產品戰略、業務目標、體驗價值強相關；

定位設計問題：從設計走查、使用者調研、資料分析、競品分析4大維度全面梳理體驗問題；

制定設計策略：借鑑行業成熟的設計方法論，補充缺失的思考維度，制定全面的設計策略；

完善設計方案：透過場景化設計和設計細節迭代，完善設計方案；

驗證設計方案：透過走廊測試、可用性測試、線上AB測試等方法驗證方案的合理性。

但這5個步驟並不是線性進行，一次性結束的，當設計驗證以後，發現2/3/4哪個環節存在問題，就需要回到哪個環節，重新思考並迭代方案，一個成功的改版往往會伴隨好幾輪的細節迭代最佳化才能取得最優的改版效果。

所以大家千萬不要看到第一輪資料不符合預期就馬上放棄，而是要針對具體問題有針對性的進行迭代，以讓改版的價值最大化。

專欄作家

悅有所思，人人都是產品經理專欄作家。10年體驗設計經驗，崇尚理論指導實踐，實踐迭代理論，熱衷於學習、解構、建構、傳播互動設計、服務設計、行為設計等設計相關領域知識。

本文原創釋出於人人都是產品經理，未經許可，禁止轉載。

題圖來自 Unsplash，基於 CC0 協議。

該文觀點僅代表作者本人，人人都是產品經理平臺僅提供資訊儲存空間服務。