如何進行互動設計改版？

    悅姐聊設計

一個愛學習和分享的設計師~

本文2743字，閱讀時間約6分鐘~

設計問答

來自互動小課堂@宋爽+@鹹甜小姐的提問：

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

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

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

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

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

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

▲圖1 設計迭代的原因

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

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

如果產品定位、功能幾乎不變， 通過結構層和框架層的改變來提升產品體驗、操作效率或者其他核心指標，我們稱之為互動改版 。 （本次我們就聚焦在這一層次來展開介紹）

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

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

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

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

▲圖2 設計提案的整體思路

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

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

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

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

▲圖3 互動設計改版的步驟

2.1 確定設計目標

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

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

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

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

1、產品戰略強相關

2、業務目標強相關

3、體驗價值強相關

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

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

2.2 定位設計問題

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

▲圖4 如何定位體驗問題

這裡沒有什麼捷徑，要想能定位到核心問題，需要按照我們設計分析的維度： 設計自查、資料分析、使用者分析、競品分析 4大維度， 按部就班的一點點去體驗、對比、思考，將所有感覺有體驗問題的地方一一洞察並記錄下來。 （相關的文章和視訊請檢視小課堂之前的課程）

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

▲圖5 將體驗問題視覺化

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

2.3 制定設計策略

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

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

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

▲圖6 常見設計策略參考

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

2.4 完善設計方案

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

▲圖7 場景化設計要點

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

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

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

2.5 驗證設計方案

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

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

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

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

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

▲圖9 互動設計改版的步驟

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

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

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

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

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

但這5個步驟並不是線性進行，一次性結束的，當設計驗證以後，發現2/3/4哪個環節存在問題，就需要回到哪個環節，重新思考並迭代方案，一個成功的改版往往會伴隨好幾輪的細節迭代優化才能取得最優的改版效果，所以大家千萬不要看到第一輪資料不符合預期就馬上放棄，而是要針對具體問題有針對性的進行迭代，以讓改版的價值最大化。

好了，互動設計改版到這裡就結束了，如果大家有什麼疑問，或者希望悅姐講解新的互動課題，歡迎新增悅姐微信yuechats，和悅姐一起學習成長~