一個(gè)產(chǎn)品需要有一個(gè)核心定位，我們的原型也首先要說(shuō)清楚這個(gè)定位所轉(zhuǎn)化過(guò)來(lái)的目標(biāo)，這是第一層次，我稱(chēng)為產(chǎn)品目標(biāo)。在動(dòng)手進(jìn)行原型制作之前，還有一個(gè)很重要的事情要先梳理清楚，我們可以稱(chēng)之為原型的第一性原理，也是原型的核心要點(diǎn)：講清楚目標(biāo)。

原型的撰寫(xiě)是產(chǎn)品經(jīng)理的基本功，人人都是產(chǎn)品經(jīng)理平臺(tái)上已經(jīng)有很多優(yōu)秀的文章教我們?cè)趺礃赢?huà)出專(zhuān)業(yè)的原型圖，例如：要有修改記錄、總覽、全局規(guī)范和說(shuō)明、核心業(yè)務(wù)的流程圖、清晰的層次、必要的標(biāo)注、同一個(gè)頁(yè)面的所有狀態(tài)等。

典型的目錄結(jié)構(gòu)如下所示：

從產(chǎn)品經(jīng)理的角度，在動(dòng)手進(jìn)行原型制作之前，還有一個(gè)很重要的事情要先梳理清楚，我們可以稱(chēng)之為原型的第一性原理，也是原型的核心要點(diǎn)：講清楚目標(biāo)。

什么是原型的目標(biāo)

如同一個(gè)產(chǎn)品需要有一個(gè)核心定位，我們的原型也首先要說(shuō)清楚這個(gè)定位所轉(zhuǎn)化過(guò)來(lái)的目標(biāo)，這是第一層次，我稱(chēng)為產(chǎn)品目標(biāo)。

但僅有產(chǎn)品目標(biāo)還不夠，原型的受眾是交互設(shè)計(jì)師、UI設(shè)計(jì)師、開(kāi)發(fā)人員和運(yùn)營(yíng)人員等，他們?cè)陂喿x原型時(shí)，除了需要明確了解產(chǎn)品定位和目標(biāo)之外，到具體的模塊上，還需要了解每個(gè)模塊的核心目標(biāo)。

同樣的道理，在具體到某一個(gè)頁(yè)面的設(shè)計(jì)、開(kāi)發(fā)時(shí)，也需要圍繞頁(yè)面的核心目標(biāo)進(jìn)行。

因此，原型的目標(biāo)有三個(gè)層次：

1. 產(chǎn)品目標(biāo)；
2. 模塊目標(biāo)；
3. 頁(yè)面目標(biāo)。

三個(gè)層次的目標(biāo)有主次關(guān)系，其中模塊的目標(biāo)依賴于產(chǎn)品目標(biāo)，頁(yè)面的目標(biāo)同時(shí)依賴于產(chǎn)品目標(biāo)和模塊目標(biāo)：

比如：一個(gè)知識(shí)社區(qū)類(lèi)的產(chǎn)品，核心目標(biāo)就是“最大化提高隨意瀏覽的潛在用戶轉(zhuǎn)化成注冊(cè)用戶以及付費(fèi)用戶的轉(zhuǎn)化率”，這是產(chǎn)品的目標(biāo)。而具體到類(lèi)似“隨便看看”這個(gè)模塊的目標(biāo)上，就應(yīng)該是依賴于產(chǎn)品目標(biāo)，定義為“精選內(nèi)容提高用戶注冊(cè)按鈕點(diǎn)擊率”。而到了注冊(cè)頁(yè)面，應(yīng)該是依賴于前兩個(gè)目標(biāo)，定義為“降低注冊(cè)門(mén)檻，提高注冊(cè)率”。

目標(biāo)清晰明確的好處

實(shí)際工作中，經(jīng)常容易出現(xiàn)不同的人對(duì)原型有不同的理解，因此才需要有規(guī)范的原型、必要的標(biāo)注和完整的交互狀態(tài)等要求。但如果目標(biāo)理解不一致，那導(dǎo)致的是更根本的問(wèn)題：大家的著眼點(diǎn)和發(fā)力方向不一樣。

例如：針對(duì)某個(gè)提醒，到底是用模態(tài)的還是用Toast，不同的人可能有不同理解和結(jié)論，而實(shí)際上如果依據(jù)模塊或頁(yè)面目標(biāo)來(lái)進(jìn)行評(píng)估，那這種不一致就會(huì)大量減少。哪種方式對(duì)達(dá)成核心目標(biāo)有利，就應(yīng)該用哪一種。

因此，梳理清楚以上三個(gè)層次的目標(biāo)，大家再對(duì)照原型進(jìn)行工作時(shí)就可以達(dá)到以下效果：

1. 目標(biāo)一致，每個(gè)人的力量都用在同一個(gè)方向上，形成最大合力；
2. 有效減少溝通成本，避免來(lái)回反復(fù)修改。

如何圍繞目標(biāo)產(chǎn)出原型

1. 目標(biāo)說(shuō)明

在每一個(gè)模塊或頁(yè)面上，需要明確說(shuō)明白該模塊或頁(yè)面的目標(biāo)。目標(biāo)的描述最好是可量化的，例如某種點(diǎn)擊率、轉(zhuǎn)化率等。

下面舉一個(gè)簡(jiǎn)單的目標(biāo)描述的例子：

2. 依據(jù)目標(biāo)進(jìn)行內(nèi)容展示

內(nèi)容布局主要依賴于頁(yè)面的目標(biāo)，需要重點(diǎn)展示和目標(biāo)相關(guān)的內(nèi)容、收納和弱化和目標(biāo)無(wú)關(guān)的內(nèi)容。

我們舉蛋殼公寓和Airbnb為例：蛋殼公寓詳情頁(yè)的目標(biāo)是在通過(guò)價(jià)格和各種優(yōu)惠活動(dòng)來(lái)吸引用戶，而Airbnb做為共享空間的產(chǎn)品，在這個(gè)頁(yè)面上價(jià)格并不是第一吸引用戶的，環(huán)境和需要互動(dòng)的房東才是。這樣，兩個(gè)頁(yè)面由于目標(biāo)不同，圍繞組織內(nèi)容的布局就大大不同了。

3. 依據(jù)目標(biāo)布局操作

頁(yè)面上的操作，同樣強(qiáng)依賴于產(chǎn)品、模塊和頁(yè)面目標(biāo)。我們舉網(wǎng)易新聞詳情頁(yè)和今日頭條新聞詳情頁(yè)，就可以看出來(lái)差別。

由于網(wǎng)易新聞評(píng)論區(qū)非常著名，代表了網(wǎng)易新聞的調(diào)性，因此我們可以定義網(wǎng)易新聞的詳情頁(yè)面目標(biāo)是“增加評(píng)論和互動(dòng)的平均數(shù)”；而今日頭條主推自媒體關(guān)注，因此詳情頁(yè)面的目標(biāo)可以反推為“增加訂閱的轉(zhuǎn)化率”，我們看看如下圖片，在目標(biāo)引導(dǎo)操作的布局設(shè)計(jì)上就非常清楚了。

從這兩個(gè)例子可以明顯看出：只要我們明確了頁(yè)面的目標(biāo)，那么在實(shí)際設(shè)計(jì)時(shí)，就不用再為“頁(yè)面上拉后頂欄到底保留評(píng)論還是關(guān)注/訂閱”的問(wèn)題反復(fù)討論和修改了，標(biāo)準(zhǔn)很簡(jiǎn)單：符合頁(yè)面目標(biāo)的操作就是最重要的、最優(yōu)先的。

3. 引導(dǎo)和反饋

頁(yè)面的引導(dǎo)和反饋是必不可少的部分，尤其是異常出錯(cuò)和觸發(fā)邊界值時(shí)。為了緩解用戶的焦慮、引導(dǎo)和幫助用戶解決問(wèn)題，需要有設(shè)計(jì)良好的、覆蓋全面的引導(dǎo)和反饋。

在引導(dǎo)和反饋的設(shè)計(jì)中，也需要引入對(duì)三個(gè)目標(biāo)的審視。例如：非核心目標(biāo)的操作失敗，可以考慮引導(dǎo)到核心目標(biāo)的操作上，也即是諸如此類(lèi)的引導(dǎo)和提示。

不過(guò)這一類(lèi)的設(shè)計(jì)不可太過(guò)生硬，要讓用戶感覺(jué)到自然而不突兀，需要在實(shí)際場(chǎng)景中仔細(xì)斟酌。

總結(jié)

原型文檔的第一性原理：各級(jí)目標(biāo)清晰明確。

目標(biāo)貫穿在原型的各個(gè)層級(jí)中，包括產(chǎn)品目標(biāo)、模塊目標(biāo)和頁(yè)面目標(biāo)。在規(guī)范化我們的原型文檔的同時(shí)，也要時(shí)刻用目標(biāo)為我們指引方向，確保跑在正確的道路上，也確保項(xiàng)目的相關(guān)人員對(duì)于各個(gè)層級(jí)的目標(biāo)有一致的理解，形成合力。

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

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