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

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

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

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

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

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

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

圖1設計叠代的原因

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

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

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

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

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

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

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

圖2 設計提案的整體思路

• 研究階段：做正确的設計；
• 設計階段：正确地做設計；
• 驗證階段：驗證設計的正确性。

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

圖3交互設計改版的步驟

1. 确定設計目标

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

目标和方向正确了，才有可能到達終點，否則隻會南轅北轍。

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

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

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

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

2. 定位設計問題

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

圖4如何定位體驗問題

這裡沒有什麼捷徑，要想能定位到核心問題，需要按照我們設計分析的維度：設計自查、數據分析、用戶分析、競品分析4大維度，按部就班的一點點去體驗、對比、思考，将所有感覺有體驗問題的地方一一洞察并記錄下來。

這一通操作下來，事無巨細，發現的問題往往特别多，這個時候，我們可以借助數據可視化地圖或者用戶體驗地圖，将問題可視化，聚焦關鍵問題，也讓項目成員更容易理解和接受問題，認可問題改進的必要性。

圖5将體驗問題可視化

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

3. 制定設計策略

明确了設計問題，但我們并不能本着把問題一一解決的方式來達成目标。

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

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

圖6常見設計策略參考

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

4. 完善設計方案

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

圖7場景化設計要點

通過為不同用戶提供不同的内容/服務，或者在不同的時間、地點，為不同用戶提供不同的選擇，或者基于用戶前置的行為，當下的行為、設備當前的狀态為用戶提供更适合的選項，保證用戶達成目标的同時，認知成本更低、操作成本更低，情感體驗更愉悅。

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

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

5. 驗證設計方案

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

1. 走廊測試：直接在公司或者用戶出沒的地方守株待兔，逮住用戶直接讓用戶使用demo并詢問用戶對設計方案的看法，發現問題持續叠代。
2. 可用性測試：按要求篩選合适的典型用戶，設計測試任務，邀請用戶按照測試大綱，循序漸進地完成測試任務，發現問題持續叠代。
3. 線上AB測試：開發兩套不同的設計方案，灰度上線，觀察不同方案的用戶使用行為數據，發現問題持續叠代。

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

圖9交互設計改版的步驟

1. 确定設計目标：确保其與産品戰略、業務目标、體驗價值強相關；
2. 定位設計問題：從設計走查、用戶調研、數據分析、競品分析4大維度全面梳理體驗問題；
3. 制定設計策略：借鑒行業成熟的設計方法論，補充缺失的思考維度，制定全面的設計策略；
4. 完善設計方案：通過場景化設計和設計細節叠代，完善設計方案；
5. 驗證設計方案：通過走廊測試、可用性測試、線上AB測試等方法驗證方案的合理性。

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

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

專欄作家

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

本文原創發布于人人都是産品經理，未經許可，禁止轉載。

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

該文觀點僅代表作者本人，人人都是産品經理平台僅提供信息存儲空間服務。

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部