編輯導(dǎo)語：產(chǎn)品人在日常工作中經(jīng)常會(huì)遇到產(chǎn)品改版的情況，在面對(duì)這些改版需求時(shí)，我們要進(jìn)行詳細(xì)的分析，為什么會(huì)產(chǎn)生這個(gè)改版，改版后有什么大的變化，用戶體驗(yàn)如何等等；本文作者分享了關(guān)于產(chǎn)品改版的八點(diǎn)核心要素，我們一起來了解一下。

產(chǎn)品改版是每個(gè)產(chǎn)品人可能都會(huì)經(jīng)歷到的事，小到一個(gè)主頁面，大到整個(gè)產(chǎn)品升級(jí)改版；而做這樣的調(diào)整，不管大小，往往貫穿改版生命周期，而這個(gè)周期大致可以分為“設(shè)計(jì)前”、“設(shè)計(jì)中”、“設(shè)計(jì)后”共3個(gè)關(guān)鍵環(huán)節(jié)。

本期文章，將基于這一場(chǎng)景，分享其中需要注意的8點(diǎn)核心要素。

一、改版背景

在開始前，先簡單說下為什么會(huì)有“產(chǎn)品改版”這一需求。

產(chǎn)品框架：當(dāng)一個(gè)產(chǎn)品遇到業(yè)務(wù)變化，或者產(chǎn)品能力迭代已久，過往定下的框架可能有了較大變化，甚至約束了后續(xù)的迭代；所以怎么設(shè)計(jì)怎么布局都會(huì)看著很別扭，那么這時(shí)候就需要再次重新梳理產(chǎn)品的核心方向和框架布局。

品牌升級(jí)：當(dāng)一個(gè)產(chǎn)品到了一個(gè)新階段，它需要重構(gòu)自身的定位，在用戶心中建立新的心智模型和品牌認(rèn)知；因?yàn)橐粋€(gè)趨近成熟的產(chǎn)品，這時(shí)候會(huì)更強(qiáng)調(diào)產(chǎn)品文化，而這時(shí)候建立一個(gè)新的文化觀念，有時(shí)候就需要這一個(gè)“全新升級(jí)改版”來建立這一的認(rèn)知。

產(chǎn)品功能：單純從設(shè)計(jì)而言，在功能越來越豐富情況，過往的設(shè)計(jì)可能會(huì)偏“定制”，和后續(xù)迭代起來的功能沒那么統(tǒng)一連貫，這樣就缺乏一些一致性；所以對(duì)于一些產(chǎn)品設(shè)計(jì)、交互體驗(yàn)也是需要重新統(tǒng)一起來。

二、設(shè)計(jì)的三個(gè)重要階段

以一個(gè)改版設(shè)計(jì)的全貌且具備閉環(huán)的，可以劃分三個(gè)重要階段：

• 設(shè)計(jì)前：指在進(jìn)行具體設(shè)計(jì)時(shí)，需要做的前置工作。而這些工作包括“用戶認(rèn)知”、“意見收集”、“數(shù)據(jù)分析”等等；做這些工作的目的，在于為后續(xù)設(shè)計(jì)提供較為科學(xué)、客觀的依據(jù)。
• 設(shè)計(jì)中：指在具體設(shè)計(jì)時(shí)，需要做的幾個(gè)關(guān)鍵工作。這里有先后之分，分別是“產(chǎn)品調(diào)性”、“產(chǎn)品布局”、“功能設(shè)計(jì)”；確立此次設(shè)計(jì)的基調(diào)，梳理新的產(chǎn)品框架及布局，并進(jìn)行相應(yīng)的產(chǎn)品設(shè)計(jì)。
• 設(shè)計(jì)后：指在輸出方案后，需要持續(xù)關(guān)注效果體驗(yàn)。很多人認(rèn)為輸出就相當(dāng)于完成工作，但實(shí)際還需要持續(xù)關(guān)注用戶反饋和數(shù)據(jù)表現(xiàn)，這部分工作特別強(qiáng)調(diào)閉環(huán)作用主要便于是否還需持續(xù)優(yōu)化，以及驗(yàn)證設(shè)計(jì)方案的效果如何等等。

接下來，就具體說說具體哪9個(gè)關(guān)鍵點(diǎn)：

三、設(shè)計(jì)前

在做改版設(shè)計(jì)時(shí)，上來不應(yīng)該大刀闊斧去搞所謂“創(chuàng)新”，需要進(jìn)行一些“前置工作”，為后續(xù)的執(zhí)行提供了極其重要的可行性和科學(xué)性參考。

1. 用戶認(rèn)知

簡單來說，就是需要了解當(dāng)前用戶對(duì)產(chǎn)品的認(rèn)知到了一個(gè)什么階段。

一個(gè)相對(duì)穩(wěn)定成熟的產(chǎn)品，已經(jīng)有較明顯的用戶分層，這時(shí)候不同的用戶群體自然有不同的認(rèn)知，那么在產(chǎn)品上發(fā)生的行為都會(huì)有明顯差異；所以在改版前，就需要再一次全面剖析用戶當(dāng)前認(rèn)知情況，同時(shí)印證過往設(shè)計(jì)目標(biāo)的匹配度，并為了后續(xù)的設(shè)計(jì)提供參考（是否重新引導(dǎo)、是否保留等等）。

（圖例取自互聯(lián)網(wǎng)）

而這個(gè)方法，可以采用用研當(dāng)中的“地圖故事”，先對(duì)整個(gè)產(chǎn)品進(jìn)行用戶分層，分成幾個(gè)關(guān)鍵的用戶群體，基于這些用戶群體，對(duì)其從進(jìn)入平臺(tái)到離開，進(jìn)行完整的畫像描述。

2. 意見收集

常見的可以采用問卷調(diào)研、用戶評(píng)價(jià)反饋等等。但這里還有一個(gè)手段也可以采用：

其實(shí)內(nèi)部成員是這個(gè)產(chǎn)品最熟悉的人，所以針對(duì)內(nèi)部進(jìn)行一場(chǎng)“吐槽大會(huì)”，是性價(jià)比很高的一次“用戶調(diào)研”；可以召集各端關(guān)鍵角色（尤其測(cè)試），來模擬用戶一個(gè)一個(gè)環(huán)節(jié)（or頁面）來吐槽。

但這里要注意的是，因?yàn)槭煜?，所以有時(shí)候會(huì)陷入慣性思維（可能會(huì)想當(dāng)然），把這些思維來代替用戶的真正想法；譬如項(xiàng)目成員屬于“老用戶”，那么面對(duì)新用戶的心智是否能夠完全同理，所提出的問題是否有代表性，都是值得推敲的。

3. 數(shù)據(jù)分析

用戶訪談畢竟樣本有限，但通過數(shù)據(jù)，可以較大規(guī)模去了解用戶在產(chǎn)品上的一些表現(xiàn)，專門的數(shù)據(jù)分析就不在這里展開講。

但有一點(diǎn)需要注意，明確分析目標(biāo)、采用合理的分析模型會(huì)指標(biāo)來觀察用戶表現(xiàn)。大到如漏斗分析、留存分析等，小到具體的頁面數(shù)據(jù)（熱區(qū)、停留時(shí)長等）、功能數(shù)據(jù)（操作頻率等）。

四、設(shè)計(jì)中

有了以上的一些依據(jù)支撐后，對(duì)于后續(xù)的設(shè)計(jì)已經(jīng)有了些方向，那么這時(shí)候在進(jìn)入這環(huán)節(jié)，就需要注意以下幾點(diǎn)。

1. 明確產(chǎn)品調(diào)性

不管是產(chǎn)品剛搭建，還是改版，其實(shí)都是需要明確產(chǎn)品的調(diào)性。這個(gè)調(diào)性可以是品牌調(diào)性，也可以是視覺調(diào)性；通過此次改動(dòng)，在用戶心中形成心智模型，側(cè)面表明這個(gè)產(chǎn)品的“態(tài)度”。

舉個(gè)例子，像上圖阿里系幾款app產(chǎn)品的底部欄，都呈現(xiàn)較為一致的理念（這可能也是產(chǎn)品內(nèi)部的一些共通產(chǎn)品理念）；這幾款產(chǎn)品手淘、支付寶、閑魚和飛豬，都幾乎偏“輕快”的氛圍，而不是一個(gè)簡潔嚴(yán)肅的調(diào)性，同時(shí)風(fēng)格也是偏“擬人化”，這也是電商的一種“活躍”特征表現(xiàn)，而這就是所謂的調(diào)性。

2. 重構(gòu)產(chǎn)品框架

前面也提到過，產(chǎn)品迭代了一個(gè)階段后，會(huì)發(fā)現(xiàn)越來越“臃腫“，某些功能模塊定位變得模糊，甚至擴(kuò)展性比較差；又或者能力到了一個(gè)新階段，需要再次明確能力路徑，那么這時(shí)候就需要再重構(gòu)下產(chǎn)品框架，也是為接來下的實(shí)際設(shè)計(jì)提供框架脈絡(luò)。

這是當(dāng)前微信個(gè)人中心的“支付”頁面，早期這個(gè)功能頁尚未接入那么多外部生態(tài)服務(wù)，采用列表展示就已經(jīng)ok了（假設(shè)），只要有新增就這樣持續(xù)添加即可。

但是到了越來越多，且每個(gè)功能之間既存在差異，也有些共通的行業(yè)屬性。那么到了這時(shí)候，就需要再重新梳理這些功能模塊，這樣也是有利于用戶快速感知這里有什么，以及找到常用服務(wù)。

所以采用了如上圖這樣的九宮格形式，以模塊來進(jìn)行區(qū)域劃分，這樣既能在用戶形成慣性記憶，也能利于功能最大限度去展示。

3. 產(chǎn)品布局

定了產(chǎn)品框架，這時(shí)候就可以思考產(chǎn)品布局了。所謂產(chǎn)品布局，就是結(jié)合產(chǎn)品框架和功能屬性，以結(jié)構(gòu)化的形式合適地展示在用戶眼前。

當(dāng)然，不同的產(chǎn)品業(yè)務(wù)，其布局都相對(duì)不同。這塊有共性的同時(shí)也有差異性；所以，這里有幾個(gè)原則需要注意：

1）web端和APP端（包括H5）：用戶視野區(qū)域、操作工具（手指、鼠標(biāo)等）是不同的。

2）B端和C端的差異

3）細(xì)分領(lǐng)域差異：不同領(lǐng)域的產(chǎn)品，其展示的核心服務(wù)極大影響了產(chǎn)品的布局展示。

譬如內(nèi)容型產(chǎn)品，更多是瀑布流（上中下布局）；工具型產(chǎn)品更多是列表或九宮格展示（上下布局）。

4. 功能設(shè)計(jì)

這部分就是具體的設(shè)計(jì)了，而相關(guān)的介紹就十分多了，就不在展開。

這里有一個(gè)極關(guān)鍵的地方，就是必須在每個(gè)頁面、每個(gè)核心模塊都形成一個(gè)清晰明了的“用戶使用路徑”，而不是簡單的堆砌擺放。

同時(shí)也有幾點(diǎn)原則可以參考：

• 一致性：任何設(shè)計(jì)，同屬性、同場(chǎng)景的功能，都盡可能保持一致性；而這種一致性包括文案、交互等。
• 通用性：我們?cè)谠驮O(shè)計(jì)的時(shí)候，盡可能去考慮這些功能點(diǎn)的通用性?？赡懿煌δ苋肟诜植荚诓煌撁?，可能定義、作用都不太相同。但是我們也可以盡量去抽象出其中的共性部分，進(jìn)行通用性設(shè)計(jì)，這樣可以減少用戶的認(rèn)知成本。
• 關(guān)聯(lián)性：每個(gè)頁面的設(shè)計(jì)，其實(shí)都是有關(guān)聯(lián)性和引導(dǎo)性，所以我們?cè)诰唧w頁面功能設(shè)計(jì)時(shí)，盡可能把強(qiáng)關(guān)聯(lián)部分放在一起，或者有指向性的，這樣就不會(huì)東擺西放，顯得極為混亂；有些時(shí)候純粹為了解決問題，而簡單放個(gè)功能上去，沒有思考任何關(guān)聯(lián)性或未來的延續(xù)性。

在這里也推薦《簡約至上》這本書，任何設(shè)計(jì)都可以引用里面的一些核心思想，而設(shè)計(jì)當(dāng)然不是如書名那樣一味直接“簡約”，也是進(jìn)行合理的結(jié)構(gòu)化設(shè)計(jì)。

重新“組織”功能點(diǎn)，把不必要的、重復(fù)的“刪除”掉，或進(jìn)行非當(dāng)前核心的“隱藏”起來，甚至明面上可以保留但是“轉(zhuǎn)移”了另一種實(shí)現(xiàn)方式來進(jìn)行。

五、設(shè)計(jì)后

當(dāng)交付研發(fā)上線后，還有2個(gè)關(guān)鍵點(diǎn)需要關(guān)注，這樣才能真正驗(yàn)證設(shè)計(jì)目標(biāo)并形成閉環(huán)。

1. 用戶試用

（用戶研究也是一個(gè)大學(xué)問），當(dāng)有較大的變動(dòng)時(shí)候，這時(shí)候不妨找些用戶進(jìn)行試用體驗(yàn)；盡管小范圍的線下體驗(yàn)不見得反映多少真實(shí)情況，但至少可以感知到一些信息，看是否與設(shè)計(jì)初衷較大的背離；而這里最好能夠找老用戶和新用戶，這樣做前后對(duì)比的感知，能夠更直觀反映問題。

2. 效果數(shù)據(jù)驗(yàn)證

我們做這次改版，不僅僅在與用戶溝通調(diào)研來拿到效果反饋信息。也是需要制定一定的數(shù)據(jù)監(jiān)控來看關(guān)鍵核心指標(biāo)是否發(fā)生變化，或者基于此次改版制定相關(guān)的數(shù)據(jù)分析指標(biāo)，來實(shí)際轉(zhuǎn)化情況。

1）外部數(shù)據(jù)：如C端用戶，監(jiān)控新上線后應(yīng)用市場(chǎng)的數(shù)據(jù)情況，可以應(yīng)用評(píng)分是否下降（負(fù)面反饋多少）、下載/安裝次數(shù)是否較大變化

2）內(nèi)部數(shù)據(jù)：你的設(shè)計(jì)都是帶有目的性的，所以有時(shí)候就需要通過內(nèi)部數(shù)據(jù)來印證你的想法是否符合預(yù)期。這里沒有通用參考性，不同的產(chǎn)品業(yè)務(wù)、改版方向都不同，數(shù)據(jù)指標(biāo)也不同；這時(shí)候就建議拉上數(shù)據(jù)分析同學(xué)，來描述你的改版方向，意圖實(shí)現(xiàn)那些目的，讓數(shù)據(jù)分析同學(xué)拆解目標(biāo)，來制定“監(jiān)控指標(biāo)”進(jìn)行效果驗(yàn)證。

如果影響規(guī)模較大，可能就會(huì)采用A/Btest實(shí)驗(yàn)，但一些產(chǎn)品內(nèi)的關(guān)鍵指標(biāo)維度不妨可以思考：停留時(shí)長、訪問率、留存、任務(wù)完成率等等。

舉個(gè)例子：假設(shè)你以同理心來模擬用戶的行為路徑，發(fā)現(xiàn)操作場(chǎng)景過于復(fù)雜，且布局不太合理，同時(shí)這個(gè)環(huán)節(jié)的訪問時(shí)長奇高無比；那么這時(shí)候打算做減法，就需要看最終的時(shí)長數(shù)據(jù)或無效點(diǎn)擊次數(shù)是否下降，提升了用戶的效率。

產(chǎn)品改版，無疑是一場(chǎng)考驗(yàn)基本功的big需求，用戶研究、數(shù)據(jù)分析、產(chǎn)品架構(gòu)、產(chǎn)品設(shè)計(jì)等等貫穿其中；而這9個(gè)關(guān)鍵點(diǎn)，都是一名出色產(chǎn)品基本掌握的，每一項(xiàng)都值得打磨學(xué)習(xí)。

#專欄作家#

A.D，公眾號(hào)：吾某，人人都是產(chǎn)品經(jīng)理專欄作家。大數(shù)據(jù)分析產(chǎn)品經(jīng)理，專注數(shù)據(jù)挖掘工作。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于 CC0 協(xié)議