區(qū)別于產(chǎn)品改版，交互改版更偏向于通過(guò)結(jié)構(gòu)層和框架層的改變來(lái)提升用戶的產(chǎn)品體驗(yàn)、操作效率等方面，與此同時(shí)，產(chǎn)品的功能、定位并不會(huì)有太大變動(dòng)。那么如何才能做好交互改版，讓用戶可以心甘情愿地接受新版設(shè)計(jì)？不如來(lái)看看作者的解讀。

來(lái)自一位同學(xué)的提問：最近遇到一個(gè)問題：產(chǎn)品改版了，但用戶普遍還是更認(rèn)可老版本，怎么辦？到底該怎么進(jìn)行設(shè)計(jì)改版？

首先要說(shuō)一下，設(shè)計(jì)改版之后用戶更認(rèn)可老版是一種非常常見的情況，先莫驚慌。借用俞軍老師的話：用戶價(jià)值=新體驗(yàn)-舊體驗(yàn)-切換成本。改版初期，因?yàn)楦淖兞擞脩袅?xí)慣，切換成本是非常高的，需要多觀測(cè)一段時(shí)間的用戶反饋和數(shù)據(jù)表現(xiàn)，才能夠?qū)Ω陌娼Y(jié)果下定論。

現(xiàn)在我們回到設(shè)計(jì)改版這個(gè)話題，行業(yè)里有很多談?wù)撘曈X改版的文章，之前我們團(tuán)隊(duì)也總結(jié)過(guò)《如何定義App視覺品牌——設(shè)計(jì)流程與操作方法淺析》回答了視覺改版的操作流程。

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

一、What | 什么是交互設(shè)計(jì)改版？

交互設(shè)計(jì)改版，這種說(shuō)法在行業(yè)里很少見，從用戶體驗(yàn)5要素來(lái)看：

▲圖1設(shè)計(jì)迭代的原因

交互設(shè)計(jì)師的核心工作主要是在結(jié)構(gòu)層和框架層，位于中間層次。

如果產(chǎn)品定位、功能發(fā)生變化，配套的也會(huì)進(jìn)行交互及視覺的調(diào)整，這種自底向上的改版方式，我們稱之為產(chǎn)品改版，或者是品牌升級(jí)。

如果產(chǎn)品定位、功能幾乎不變，通過(guò)結(jié)構(gòu)層和框架層的改變來(lái)提升產(chǎn)品體驗(yàn)、操作效率或者其他核心指標(biāo)，我們稱之為交互改版（本次我們就聚焦在這一層次來(lái)展開介紹）。

如果產(chǎn)品交互幾乎不變，通過(guò)改變視覺風(fēng)格來(lái)順應(yīng)或引領(lǐng)行業(yè)設(shè)計(jì)趨勢(shì)或用戶偏好，我們稱之為視覺改版。

在實(shí)際工作中，如果產(chǎn)品定位、功能不發(fā)生大的變化，產(chǎn)品整體的信息架構(gòu)基本上是不會(huì)變的，所以交互設(shè)計(jì)師日常所做的交互設(shè)計(jì)改版（提案），通常只是單獨(dú)的功能或者核心界面的改版，比如售后鏈路優(yōu)化、短視頻拍攝功能改版（結(jié)構(gòu)層+框架層，單個(gè)功能全鏈路設(shè)計(jì)優(yōu)化），首頁(yè)改版、商詳頁(yè)改版（框架層：頁(yè)面布局優(yōu)化）等。

二、How | 如何進(jìn)行交互設(shè)計(jì)改版？

回到我們之前做設(shè)計(jì)提案的思路：

▲圖2 設(shè)計(jì)提案的整體思路

• 研究階段：做正確的設(shè)計(jì)；
• 設(shè)計(jì)階段：正確地做設(shè)計(jì)；
• 驗(yàn)證階段：驗(yàn)證設(shè)計(jì)的正確性。

設(shè)計(jì)是解決問題的過(guò)程，所以我沿襲設(shè)計(jì)提案的思路，將交互設(shè)計(jì)改版總結(jié)成五大步驟：

▲圖3交互設(shè)計(jì)改版的步驟

1. 確定設(shè)計(jì)目標(biāo)

在做設(shè)計(jì)改版之前，重要的不是設(shè)計(jì)方案，而是設(shè)計(jì)的目標(biāo)：到底希望通過(guò)改版達(dá)成什么目標(biāo)。

目標(biāo)和方向正確了，才有可能到達(dá)終點(diǎn)，否則只會(huì)南轅北轍。

設(shè)計(jì)改版相對(duì)日常需求，是個(gè)“勞民傷財(cái)”的事，資源消耗大，周期長(zhǎng)。做設(shè)計(jì)改版需要有充足的理由和價(jià)值。

設(shè)計(jì)師日常多以承接需求/解決問題為主，真正要自己發(fā)起設(shè)計(jì)改版，很多設(shè)計(jì)師往往找不到方向，這里我結(jié)合過(guò)往經(jīng)驗(yàn)，給大家三個(gè)方向作為參考：

1. 產(chǎn)品戰(zhàn)略強(qiáng)相關(guān)；
2. 業(yè)務(wù)目標(biāo)強(qiáng)相關(guān)；
3. 體驗(yàn)價(jià)值強(qiáng)相關(guān)。

如果不滿足這三點(diǎn)，別說(shuō)改版之后用戶不買賬，項(xiàng)目團(tuán)隊(duì)也很可能不買賬，整個(gè)方案只能束之高閣，白白浪費(fèi)自己的時(shí)間和精力。

如果設(shè)計(jì)目標(biāo)/方向滿足這些條件，建議設(shè)計(jì)師在開始之前就和業(yè)務(wù)方同步確認(rèn)，確認(rèn)方向的可行性和項(xiàng)目的支持力度，甚至可以讓產(chǎn)品經(jīng)理協(xié)助提供相應(yīng)的數(shù)據(jù)或功能決策，保證自己的方案在一開始就是眾望所歸的。

2. 定位設(shè)計(jì)問題

結(jié)合目標(biāo)，拆解現(xiàn)狀，找到設(shè)計(jì)現(xiàn)狀中存在的問題和可優(yōu)化的設(shè)計(jì)點(diǎn)。如何定位設(shè)計(jì)問題，在交互小課堂前期的課程中我們做過(guò)總結(jié)：

▲圖4如何定位體驗(yàn)問題

這里沒有什么捷徑，要想能定位到核心問題，需要按照我們?cè)O(shè)計(jì)分析的維度：設(shè)計(jì)自查、數(shù)據(jù)分析、用戶分析、競(jìng)品分析4大維度，按部就班的一點(diǎn)點(diǎn)去體驗(yàn)、對(duì)比、思考，將所有感覺有體驗(yàn)問題的地方一一洞察并記錄下來(lái)。

這一通操作下來(lái)，事無(wú)巨細(xì)，發(fā)現(xiàn)的問題往往特別多，這個(gè)時(shí)候，我們可以借助數(shù)據(jù)可視化地圖或者用戶體驗(yàn)地圖，將問題可視化，聚焦關(guān)鍵問題，也讓項(xiàng)目成員更容易理解和接受問題，認(rèn)可問題改進(jìn)的必要性。

▲圖5將體驗(yàn)問題可視化

設(shè)計(jì)問題梳理完畢后，建議跟產(chǎn)品經(jīng)理一起明確哪些問題是可以解決的，聚焦需要解決的高優(yōu)問題，開始制定設(shè)計(jì)策略。

3. 制定設(shè)計(jì)策略

明確了設(shè)計(jì)問題，但我們并不能本著把問題一一解決的方式來(lái)達(dá)成目標(biāo)。

愛因斯坦說(shuō)，我們需要回到問題發(fā)生的層面了解問題，但不能寄希望于在問題發(fā)生的層面就解決問題，因?yàn)閱栴}的解決往往在更高的層面上。

所以我們可以借鑒前人的智慧，在成熟的方法論的指導(dǎo)下，補(bǔ)充我們?nèi)笔У乃伎季S度和設(shè)計(jì)策略，來(lái)更加全方位的達(dá)成目標(biāo)。

▲圖6常見設(shè)計(jì)策略參考

這要求大家身處任何一個(gè)行業(yè)，都需要關(guān)注其行業(yè)動(dòng)態(tài)，研究頭部企業(yè)的設(shè)計(jì)方法和理論，學(xué)以致用，積累沉淀更加符合自己業(yè)務(wù)的設(shè)計(jì)方法論。

4. 完善設(shè)計(jì)方案

這里可以借鑒之前之前《一個(gè)公式教你搞定場(chǎng)景化設(shè)計(jì)》和《如何在交互細(xì)節(jié)中體現(xiàn)專業(yè)性》兩篇文章中提到的核心要點(diǎn):

▲圖7場(chǎng)景化設(shè)計(jì)要點(diǎn)

通過(guò)為不同用戶提供不同的內(nèi)容/服務(wù)，或者在不同的時(shí)間、地點(diǎn)，為不同用戶提供不同的選擇，或者基于用戶前置的行為，當(dāng)下的行為、設(shè)備當(dāng)前的狀態(tài)為用戶提供更適合的選項(xiàng)，保證用戶達(dá)成目標(biāo)的同時(shí)，認(rèn)知成本更低、操作成本更低，情感體驗(yàn)更愉悅。

▲圖8交互細(xì)節(jié)專業(yè)性的三個(gè)層次

通過(guò)提升交互設(shè)計(jì)方案的完備性、精準(zhǔn)性和直觀性，讓項(xiàng)目成員更容易理解并認(rèn)同設(shè)計(jì)方案，減少內(nèi)部閱讀和溝通成本，共同完成并推進(jìn)方案的落地。

5. 驗(yàn)證設(shè)計(jì)方案

驗(yàn)證設(shè)計(jì)方案從低成本到高成本有3種方式：

1. 走廊測(cè)試：直接在公司或者用戶出沒的地方守株待兔，逮住用戶直接讓用戶使用demo并詢問用戶對(duì)設(shè)計(jì)方案的看法，發(fā)現(xiàn)問題持續(xù)迭代。
2. 可用性測(cè)試：按要求篩選合適的典型用戶，設(shè)計(jì)測(cè)試任務(wù)，邀請(qǐng)用戶按照測(cè)試大綱，循序漸進(jìn)地完成測(cè)試任務(wù)，發(fā)現(xiàn)問題持續(xù)迭代。
3. 線上AB測(cè)試：開發(fā)兩套不同的設(shè)計(jì)方案，灰度上線，觀察不同方案的用戶使用行為數(shù)據(jù)，發(fā)現(xiàn)問題持續(xù)迭代。

小結(jié)一下，從流程上講，進(jìn)行交互設(shè)計(jì)改版就這樣五個(gè)步驟：

▲圖9交互設(shè)計(jì)改版的步驟

1. 確定設(shè)計(jì)目標(biāo)：確保其與產(chǎn)品戰(zhàn)略、業(yè)務(wù)目標(biāo)、體驗(yàn)價(jià)值強(qiáng)相關(guān)；
2. 定位設(shè)計(jì)問題：從設(shè)計(jì)走查、用戶調(diào)研、數(shù)據(jù)分析、競(jìng)品分析4大維度全面梳理體驗(yàn)問題；
3. 制定設(shè)計(jì)策略：借鑒行業(yè)成熟的設(shè)計(jì)方法論，補(bǔ)充缺失的思考維度，制定全面的設(shè)計(jì)策略；
4. 完善設(shè)計(jì)方案：通過(guò)場(chǎng)景化設(shè)計(jì)和設(shè)計(jì)細(xì)節(jié)迭代，完善設(shè)計(jì)方案；
5. 驗(yàn)證設(shè)計(jì)方案：通過(guò)走廊測(cè)試、可用性測(cè)試、線上AB測(cè)試等方法驗(yàn)證方案的合理性。

但這5個(gè)步驟并不是線性進(jìn)行，一次性結(jié)束的，當(dāng)設(shè)計(jì)驗(yàn)證以后，發(fā)現(xiàn)2/3/4哪個(gè)環(huán)節(jié)存在問題，就需要回到哪個(gè)環(huán)節(jié)，重新思考并迭代方案，一個(gè)成功的改版往往會(huì)伴隨好幾輪的細(xì)節(jié)迭代優(yōu)化才能取得最優(yōu)的改版效果.

所以大家千萬(wàn)不要看到第一輪數(shù)據(jù)不符合預(yù)期就馬上放棄，而是要針對(duì)具體問題有針對(duì)性的進(jìn)行迭代，以讓改版的價(jià)值最大化。