產(chǎn)品改版設(shè)計需要注意的9個關(guān)鍵點
Hello～ 這是公號的第26篇原創(chuàng)文章，感謝閱讀
產(chǎn)品改版是每個產(chǎn)品人可能都會經(jīng)歷到的事，小到一個主頁面，大到整個產(chǎn)品升級改版。而做這樣的調(diào)整，不管大小，往往貫穿改版生命周期，而這個周期大致可以分為”設(shè)計前“、”設(shè)計中“、”設(shè)計后“共3個關(guān)鍵環(huán)節(jié)。本期文章，將基于這一場景，分享其中需要注意的8點核心要素。
1
改版背景
在開始前，先簡單說下為什么會有“產(chǎn)品改版”這一需求。
產(chǎn)品框架：當(dāng)一個產(chǎn)品遇到業(yè)務(wù)變化，或者產(chǎn)品能力迭代已久，過往定下的框架可能有了較大變化，甚至約束了后續(xù)的迭代。所以怎么設(shè)計怎么布局都會看著很別扭，那么這時候就需要再次重新梳理產(chǎn)品的核心方向和框架布局。
品牌升級：當(dāng)一個產(chǎn)品到了一個新階段，它需要重構(gòu)自身的定位，在用戶心中建立新的心智模型和品牌認知。因為一個趨近成熟的產(chǎn)品，這時候會更強調(diào)產(chǎn)品文化，而這時候建立一個新的文化觀念，有時候就需要這一個“全新升級改版”來建立這一的認知。
產(chǎn)品功能：單純從設(shè)計而言，在功能越來越豐富情況，過往的設(shè)計可能會偏“定制”，和后續(xù)迭代起來的功能沒那么統(tǒng)一連貫，這樣就缺乏一些一致性。所以對于一些產(chǎn)品設(shè)計、交互體驗也是需要重新統(tǒng)一起來
2
設(shè)計的三個重要階段
以一個改版設(shè)計的全貌且具備閉環(huán)的，可以劃分三個重要階段：
設(shè)計前：指在進行具體設(shè)計時，需要做的前置工作。而這些工作包括“用戶認知”、“意見收集”、“數(shù)據(jù)分析”等等。做這些工作的目的，在于為后續(xù)設(shè)計提供較為科學(xué)、客觀的依據(jù)。
設(shè)計中：指在具體設(shè)計時，需要做的幾個關(guān)鍵工作。這里有先后之分，分別是“產(chǎn)品調(diào)性”、“產(chǎn)品布局”、“功能設(shè)計”。確立此次設(shè)計的基調(diào)，梳理新的產(chǎn)品框架及布局，并進行相應(yīng)的產(chǎn)品設(shè)計
設(shè)計后：指在輸出方案后，需要持續(xù)關(guān)注效果體驗。很多人認為輸出就相當(dāng)于完成工作，但實際還需要持續(xù)關(guān)注用戶反饋和數(shù)據(jù)表現(xiàn)，這部分工作特別強調(diào)閉環(huán)作用主要便于是否還需持續(xù)優(yōu)化，以及驗證設(shè)計方案的效果如何等等
（接下來，就具體說說具體哪 9個 關(guān)鍵點）
3
設(shè)計前
在做改版設(shè)計時，上來不應(yīng)該大刀闊斧去搞所謂“創(chuàng)新”，需要進行一些“前置工作”，為后續(xù)的執(zhí)行提供了極其重要的可行性和科學(xué)性參考。
用戶認知
簡單來說，就是需要了解當(dāng)前用戶對產(chǎn)品的認知到了一個什么階段。一個相對穩(wěn)定成熟的產(chǎn)品，已經(jīng)有較明顯的用戶分層，這時候不同的用戶群體自然有不同的認知，那么在產(chǎn)品上發(fā)生的行為都會有明顯差異。所以在改版前，就需要再一次全面剖析用戶當(dāng)前認知情況，同時印證過往設(shè)計目標的匹配度，并為了后續(xù)的設(shè)計提供參考（是否重新引導(dǎo)、是否保留等等）
（圖例取自互聯(lián)網(wǎng)）
而這個方法，可以采用用研當(dāng)中的“地圖故事”，先對整個產(chǎn)品進行用戶分層，分成幾個關(guān)鍵的用戶群體，基于這些用戶群體，對其從進入平臺到離開，進行完整的畫像描述。
意見收集
常見的可以采用問卷調(diào)研、用戶評價反饋等等。但這里還有一個手段也可以采用：
其實內(nèi)部成員是這個產(chǎn)品最熟悉的人，所以針對內(nèi)部進行一場“吐槽大會”，是性價比很高的一次“用戶調(diào)研”。可以召集各端關(guān)鍵角色（尤其測試），來模擬用戶一個一個環(huán)節(jié)（or頁面）來吐槽。
但這里要注意的是，因為熟悉，所以有時候會陷入慣性思維（可能會想當(dāng)然），把這些思維來代替用戶的真正想法。譬如項目成員屬于“老用戶”，那么面對新用戶的心智是否能夠完全同理，所提出的問題是否有代表性，都是值得推敲的。
數(shù)據(jù)分析
用戶訪談畢竟樣本有限，但通過數(shù)據(jù)，可以較大規(guī)模去了解用戶在產(chǎn)品上的一些表現(xiàn)，專門的數(shù)據(jù)分析就不在這里展開講。但有一點需要注意，明確分析目標、采用合理的分析模型會指標來觀察用戶表現(xiàn)。大到如漏斗分析、留存分析等，小到具體的頁面數(shù)據(jù)（熱區(qū)、停留時長等）、功能數(shù)據(jù)（操作頻率等）。
4
設(shè)計中
有了以上的一些依據(jù)支撐后，對于后續(xù)的設(shè)計已經(jīng)有了些方向，那么這時候在進入這環(huán)節(jié)，就需要注意以下幾點。
明確產(chǎn)品調(diào)性
不管是產(chǎn)品剛搭建，還是改版，其實都是需要明確產(chǎn)品的調(diào)性。這個調(diào)性可以是品牌調(diào)性，也可以是視覺調(diào)性。通過此次改動，在用戶心中形成心智模型，側(cè)面表明這個產(chǎn)品的“態(tài)度”
舉個例子，像上圖阿里系幾款app產(chǎn)品的底部欄，都呈現(xiàn)較為一致的理念（這可能也是產(chǎn)品內(nèi)部的一些共通產(chǎn)品理念）。這幾款產(chǎn)品手淘、支付寶、閑魚和飛豬，都幾乎偏“輕快”的氛圍，而不是一個簡潔嚴肅的調(diào)性，同時風(fēng)格也是偏“擬人化”，這也是電商的一種“活躍”特征表現(xiàn)，而這就是所謂的調(diào)性。
重構(gòu)產(chǎn)品框架
前面也提到過，產(chǎn)品迭代了一個階段后，會發(fā)現(xiàn)越來越“臃腫“，某些功能模塊定位變得模糊，甚至擴展性比較差。又或者能力到了一個新階段，需要再次明確能力路徑，那么這時候就需要再重構(gòu)下產(chǎn)品框架，也是為接來下的實際設(shè)計提供框架脈絡(luò)。
這是當(dāng)前微信個人中心的“支付”頁面，早期這個功能頁尚未接入那么多外部生態(tài)服務(wù)，采用列表展示就已經(jīng)ok了（假設(shè)），只要有新增就這樣持續(xù)添加即可。但是到了越來越多，且每個功能之間既存在差異，也有些共通的行業(yè)屬性。那么到了這時候，就需要再重新梳理這些功能模塊，這樣也是有利于用戶快速感知這里有什么，以及找到常用服務(wù)。
所以采用了如上圖這樣的九宮格形式，以模塊來進行區(qū)域劃分，這樣既能在用戶形成慣性記憶，也能利于功能最大限度去展示。
產(chǎn)品布局
定了產(chǎn)品框架，這時候就可以思考產(chǎn)品布局了。所謂產(chǎn)品布局，就是結(jié)合產(chǎn)品框架和功能屬性，以結(jié)構(gòu)化的形式合適地展示在用戶眼前。當(dāng)然，不同的產(chǎn)品業(yè)務(wù)，其布局都相對不同。這塊有共性的同時也有差異性。所以，這里有幾個原則需要注意：
1、web端和APP端（包括H5）：用戶視野區(qū)域、操作工具（手指、鼠標等）是不同的
2、B端和C端的差異
3、細分領(lǐng)域差異：不同領(lǐng)域的產(chǎn)品，其展示的核心服務(wù)極大影響了產(chǎn)品的布局展示。譬如內(nèi)容型產(chǎn)品，更多是瀑布流（上中下布局）；工具型產(chǎn)品更多是列表或九宮格展示（上下布局）；
功能設(shè)計
這部分就是具體的設(shè)計了，而相關(guān)的介紹就十分多了，就不在展開。這里有一個極關(guān)鍵的地方，就是必須在每個頁面、每個核心模塊都形成一個清晰明了的“用戶使用路徑”，而不是簡單的堆砌擺放。同時也有幾點原則可以參考：
一致性：任何設(shè)計，同屬性、同場景的功能，都盡可能保持一致性。而這種一致性包括文案、交互等
通用性：我們在原型設(shè)計的時候，盡可能去考慮這些功能點的通用性。可能不同功能入口分布在不同頁面，可能定義、作用都不太相同。但是我們也可以盡量去抽象出其中的共性部分，進行通用性設(shè)計，這樣可以減少用戶的認知成本
關(guān)聯(lián)性：每個頁面的設(shè)計，其實都是有關(guān)聯(lián)性和引導(dǎo)性，所以我們在具體頁面功能設(shè)計時，盡可能把強關(guān)聯(lián)部分放在一起，或者有指向性的，這樣就不會東擺西放，顯得極為混亂。有些時候純粹為了解決問題，而簡單放個功能上去，沒有思考任何關(guān)聯(lián)性或未來的延續(xù)性
在這里也推薦《簡約至上》這本書，任何設(shè)計都可以引用里面的一些核心思想，而設(shè)計當(dāng)然不是如書名那樣一味直接“簡約”，也是進行合理的結(jié)構(gòu)化設(shè)計。重新“組織”功能點，把不必要的、重復(fù)的“刪除”掉，或進行非當(dāng)前核心的“隱藏”起來，甚至明面上可以保留但是“轉(zhuǎn)移”了另一種實現(xiàn)方式來進行。
5
設(shè)計后
當(dāng)交付研發(fā)上線后，還有2個關(guān)鍵點需要關(guān)注，這樣才能真正驗證設(shè)計目標并形成閉環(huán)。
用戶試用（用戶研究也是一個大學(xué)問）
當(dāng)有較大的變動時候，這時候不妨找些用戶進行試用體驗。盡管小范圍的線下體驗不見得反映多少真實情況，但至少可以感知到一些信息，看是否與設(shè)計初衷較大的背離。而這里最好能夠找老用戶和新用戶，這樣做前后對比的感知，能夠更直觀反映問題。
效果數(shù)據(jù)驗證
我們做這次改版，不僅僅在與用戶溝通調(diào)研來拿到效果反饋信息。也是需要制定一定的數(shù)據(jù)監(jiān)控來看關(guān)鍵核心指標是否發(fā)生變化，或者基于此次改版制定相關(guān)的數(shù)據(jù)分析指標，來實際轉(zhuǎn)化情況。
1、外部數(shù)據(jù)：如C端用戶，監(jiān)控新上線后應(yīng)用市場的數(shù)據(jù)情況，可以應(yīng)用評分是否下降（負面反饋多少）、下載/安裝次數(shù)是否較大變化
2、內(nèi)部數(shù)據(jù)：你的設(shè)計都是帶有目的性的，所以有時候就需要通過內(nèi)部數(shù)據(jù)來印證你的想法是否符合預(yù)期。這里沒有通用參考性，不同的產(chǎn)品業(yè)務(wù)、改版方向都不同，數(shù)據(jù)指標也不同。這時候就建議拉上數(shù)據(jù)分析同學(xué)，來描述你的改版方向，意圖實現(xiàn)那些目的，讓數(shù)據(jù)分析同學(xué)拆解目標，來制定“監(jiān)控指標”進行效果驗證。如果影響規(guī)模較大，可能就會采用A/Btest實驗。但一些產(chǎn)品內(nèi)的關(guān)鍵指標維度不妨可以思考：停留時長、訪問率、留存、任務(wù)完成率等等
舉個例子：假設(shè)你以同理心來模擬用戶的行為路徑，發(fā)現(xiàn)操作場景過于復(fù)雜，且布局不太合理，同時這個環(huán)節(jié)的訪問時長奇高無比。那么這時候打算做減法，就需要看最終的時長數(shù)據(jù)或無效點擊次數(shù)是否下降，提升了用戶的效率。
產(chǎn)品改版，無疑是一場考驗基本功的big需求，用戶研究、數(shù)據(jù)分析、產(chǎn)品架構(gòu)、產(chǎn)品設(shè)計等等貫穿其中。而這9個關(guān)鍵點，都是一名出色產(chǎn)品基本掌握的，每一項都值得打磨學(xué)習(xí)。
「往期回顧」
以微信為例，聊聊在內(nèi)容推薦上AI的一些應(yīng)用實踐
過去一年，總結(jié)一下關(guān)于“閱讀”這件事（附11本書單分享）
產(chǎn)品規(guī)劃能力：初高階產(chǎn)品經(jīng)理之間的分水嶺
產(chǎn)品經(jīng)理核心能力（2）：需求洞察能力