最近兩天，針對(duì)釘釘和eteams的審批模塊iOS端和Web后臺(tái)做了一個(gè)比較詳盡的拆解，在老大的悉心指導(dǎo)下，結(jié)合自己的拆解過(guò)程，對(duì)競(jìng)品拆解也總結(jié)出了一個(gè)比較清晰的思路。

我將這個(gè)拆解過(guò)程總結(jié)為三段論——

1. 思考先行
2. 詳盡測(cè)試
3. 清晰拆解

俗話說(shuō)得好，優(yōu)秀的競(jìng)品拆解＝20%思考＋50%測(cè)試＋30%拆解啊。

一、思考先行

當(dāng)我們接到競(jìng)品拆解的任務(wù)時(shí)，有三個(gè)維度需要去先思考清楚：

1. 目標(biāo)導(dǎo)向：為什么拆它？

做一件事前，一定要有一個(gè)清晰的目標(biāo)存在，這個(gè)清晰的目標(biāo)可以幫助我們?cè)谙萑氩鸾膺^(guò)程時(shí)不至于迷失方向。

也就是先自問(wèn)自答，為什么要拆這個(gè)產(chǎn)品？

以我自己的案例來(lái)說(shuō)，我們產(chǎn)品中要設(shè)計(jì)審批這個(gè)模塊，而釘釘時(shí)目前市場(chǎng)上云辦公產(chǎn)品中做的較為成功的一款，其中的審批模塊設(shè)計(jì)優(yōu)秀，值得我們?nèi)シ治龊蛯W(xué)習(xí)。通過(guò)對(duì)它的拆解，我們可以對(duì)我們的設(shè)計(jì)方向有個(gè)大致的了解，學(xué)習(xí)它的設(shè)計(jì)思路，在借鑒的同時(shí)尋找問(wèn)題，發(fā)現(xiàn)創(chuàng)新點(diǎn)。

2.?產(chǎn)品概述：要拆的這個(gè)東西到底是什么？

透過(guò)現(xiàn)象看本質(zhì)，通過(guò)“是什么－為什么－怎么做”三個(gè)維度去思考清楚競(jìng)品產(chǎn)品設(shè)計(jì)的前因后果，在這個(gè)過(guò)程中也同時(shí)反思我們所要做的產(chǎn)品。

同樣以審批為例。審批是什么？是企業(yè)中員工根據(jù)公司的相應(yīng)規(guī)章制度，填寫(xiě)表單走流程，由領(lǐng)導(dǎo)審批來(lái)實(shí)現(xiàn)企業(yè)規(guī)范管理；設(shè)計(jì)審批模塊的目的是什么？在協(xié)同辦公產(chǎn)品中，將原本紙質(zhì)、人工實(shí)現(xiàn)的審批轉(zhuǎn)移到線上，更方便高效率地完成審批工作，既提高效率又便于數(shù)據(jù)統(tǒng)計(jì)和處理；怎么做？通過(guò)產(chǎn)品設(shè)計(jì)，將表單填寫(xiě)、審批流程電子化。

3.?拆解產(chǎn)出

你做的競(jìng)品拆解的產(chǎn)出，是供自己分析還是向上級(jí)展示，是要自己講解還是文檔交付，針對(duì)不同的產(chǎn)出，在拆解時(shí)又個(gè)有側(cè)重。

想清楚了這三個(gè)維度，再去著手進(jìn)行產(chǎn)品測(cè)試和拆解。當(dāng)然，面對(duì)新接觸的產(chǎn)品，有的問(wèn)題可能一開(kāi)始想不清楚，這時(shí)候就可以帶著問(wèn)題去進(jìn)行下面的步驟。

二、詳盡測(cè)試

如果想詳細(xì)地去了解一款產(chǎn)品，最好的辦法就是對(duì)它做一次詳盡測(cè)試了。

在做競(jìng)品拆解之前，我們應(yīng)該要先通過(guò)測(cè)試去深入地了解這款競(jìng)品。這里的測(cè)試，絕不是簡(jiǎn)單地把競(jìng)品的各個(gè)功能跑一遍，要知其然更知其所以然。至少在你向上級(jí)匯報(bào)時(shí)，他提問(wèn)你功能的細(xì)節(jié)時(shí)，你能回答出他任何的提問(wèn)。

測(cè)試一款產(chǎn)品的功力非常能反映一個(gè)產(chǎn)品經(jīng)理的水平高低，我覺(jué)得作為產(chǎn)品新人一定要積累出自己做產(chǎn)品測(cè)試的方法。如果時(shí)間充裕，最好能多做一些測(cè)試練習(xí)，這是苦功夫，能練下來(lái)對(duì)產(chǎn)品能力的提升幫助巨大。

結(jié)合拆解釘釘審批的例子，從功能測(cè)試和界面測(cè)試兩個(gè)部分，說(shuō)說(shuō)我測(cè)試時(shí)的一些點(diǎn)。

1.?功能測(cè)試

功能測(cè)試也就是對(duì)產(chǎn)品的功能和流程進(jìn)行測(cè)試，這是測(cè)試最核心的部分。

1.1 模塊化

產(chǎn)品的功能一定是按模塊區(qū)分的，測(cè)試和拆解功能的邏輯順序也應(yīng)該是按模塊去進(jìn)行。

第一步先對(duì)產(chǎn)品的模塊進(jìn)行一個(gè)大致的劃分，比如一個(gè)頁(yè)面可以先縱向拆為T(mén)itle、內(nèi)容模塊、底欄操作模塊，再對(duì)每個(gè)模塊橫向的功能去逐個(gè)測(cè)試。

在每一個(gè)子頁(yè)面內(nèi)，同樣可以按照先縱向再橫向的方式進(jìn)行拆解。同時(shí)，對(duì)于各個(gè)頁(yè)面內(nèi)功能相同的部分，進(jìn)行一次詳細(xì)拆解，之后就不再詳細(xì)拆解了。

這樣模塊化的拆解方式，既能幫助自己理清邏輯，避免遺漏模塊，同時(shí)在拆解產(chǎn)出的時(shí)候，也能更有邏輯地去寫(xiě)出來(lái)。

1.2 走完整個(gè)流程

也就是要對(duì)產(chǎn)品功能的整個(gè)流程中所有可能發(fā)生的情況去進(jìn)行測(cè)試，這是耗時(shí)最久的部分。

你要追著產(chǎn)品的每一個(gè)特定功能，在它從操作的起點(diǎn)，到無(wú)法再進(jìn)行任何操作的終點(diǎn)這條路線上，趟過(guò)每一個(gè)坑，遇見(jiàn)任何一個(gè)可能遇到的意外。

例如，上面這個(gè)報(bào)銷(xiāo)表單的抄送操作，選擇抄送并選擇抄送的對(duì)象之后，還要繼續(xù)跟下去，去看它是以怎樣的形式抄送出去，接收人收到抄送之后，對(duì)它可以進(jìn)行哪些操作？他的操作又會(huì)產(chǎn)生什么養(yǎng)的影響？這些看似脫離出抄送功能的東西，也必須進(jìn)行詳細(xì)的測(cè)試。

1.3 拆解的詳與略

對(duì)于拆解詳略的選擇，就必須結(jié)合第一部分的思考，比如拆解的目標(biāo)是什么、拆解的產(chǎn)出是什么？

拿審批來(lái)說(shuō)，在審批流程模塊，點(diǎn)擊每個(gè)節(jié)點(diǎn)審批人的頭像，可以進(jìn)入他的個(gè)人資料頁(yè)面，并可以進(jìn)行更多聯(lián)系人操作。

但是，這個(gè)部分與我們拆解的目標(biāo)關(guān)聯(lián)不大，屬于調(diào)用了封裝好的IM相關(guān)的模塊。對(duì)這一部分功能，我們只需進(jìn)行簡(jiǎn)單的測(cè)試，各個(gè)功能點(diǎn)進(jìn)去看一下就好。

重要的是，在這里一定要判斷清楚哪些功能是與我們拆解關(guān)聯(lián)不大的，而哪些看似關(guān)聯(lián)不大實(shí)則影響重大。比如“DING”一下，看似同樣屬于IM功能，卻與審批過(guò)程的催審需求關(guān)聯(lián)重大，因此一定不能忽略。

1.4 知其所以然

測(cè)試的時(shí)候，不止要觀察和測(cè)試每個(gè)功能，還要明白每個(gè)功能這樣設(shè)計(jì)是因?yàn)槭裁?。比如一個(gè)審批表單中需要添加圖片，而其他則不需要，那就應(yīng)該去想清楚為什么這個(gè)表單需要圖片，目的是讓用戶添加什么樣的圖片，有什么作用。

1.5 核查重要操作

在測(cè)試的時(shí)候，要敏感地發(fā)現(xiàn)過(guò)程中可能有的隱藏的重要操作。如長(zhǎng)按、左右滑動(dòng)、上下拖動(dòng)、雙擊等等，很多流程中的重要一環(huán)就藏在這些隱藏的操作中，遺漏一個(gè)重要操作，可能就少發(fā)現(xiàn)了很多的功能。

1.6 如果你來(lái)設(shè)計(jì)，你會(huì)怎么做？

測(cè)試競(jìng)品時(shí)，要保持清醒的思考，對(duì)于其中不合理的或者你有疑問(wèn)的地方，深入思考一下它那么做的原因，再問(wèn)問(wèn)自己，如果我來(lái)設(shè)計(jì)，我會(huì)怎么做？

比如請(qǐng)假表單中，釘釘?shù)恼?qǐng)假時(shí)間是以天為單位，而輸入字段卻支持輸入0.3、0.01等小數(shù)甚至負(fù)數(shù)，這個(gè)設(shè)計(jì)是不是不合理呢，你會(huì)怎么改進(jìn)呢？（產(chǎn)品優(yōu)化又是另一個(gè)話題了，有空再寫(xiě)）

2. 界面測(cè)試

這部分相對(duì)于功能拆解來(lái)說(shuō)重要性較低，但是界面測(cè)試有助于你之后自己畫(huà)產(chǎn)品原型。

通過(guò)界面測(cè)試，去完整地了解競(jìng)品產(chǎn)品的框架層和表現(xiàn)層，觀察和思考它是怎么將分散的需求、功能和解決方案組成一個(gè)科學(xué)的整體的。

有時(shí)間的話，可以在紙上去把這個(gè)產(chǎn)品的界面框架大致地去畫(huà)一畫(huà)，積累了更多的界面設(shè)計(jì)素材，在自己做原型的時(shí)候也會(huì)更輕松。

三、清晰拆解

完成詳盡的測(cè)試后，拆解也就是重新回顧和整理，把測(cè)試的收獲呈現(xiàn)出來(lái)。建議使用Xmind畫(huà)思維導(dǎo)圖的方式呈現(xiàn)，而且Xmind也可以直接導(dǎo)出為Excel。

因?yàn)槲覀冊(cè)谧龅诙降臏y(cè)試時(shí)，就是進(jìn)行模塊化的測(cè)試，所以在畫(huà)Xmind時(shí)，就可以按照我們拆解時(shí)的模塊一步一步去寫(xiě)，這樣寫(xiě)出來(lái)的東西就很有邏輯，看起來(lái)更清晰。

同時(shí)，在寫(xiě)的過(guò)程中還要特別注意用語(yǔ)準(zhǔn)確。比如模塊、部件、表單、字段、按鈕等等，要用專(zhuān)業(yè)的術(shù)語(yǔ)對(duì)應(yīng)進(jìn)去，這樣也有利于看你的拆解報(bào)告的人能夠準(zhǔn)確地了解你說(shuō)的是什么。

至于呈現(xiàn)時(shí)要寫(xiě)到怎樣的程度，又回到了第一部分思考的第三點(diǎn)——產(chǎn)出。我覺(jué)得如果不是要特別正式地交給上級(jí)的話，可以不用特別拘泥于格式，更重要的是邏輯清晰的同時(shí)對(duì)細(xì)節(jié)又能表述清楚。

最后，在拆解完之后，再對(duì)照你拆解出的結(jié)果一級(jí)一級(jí)功能地跑一遍，第一是核查是否出現(xiàn)錯(cuò)誤，第二是是否有遺漏功能，第三是確保邏輯清晰、簡(jiǎn)單易懂。

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