一個產品需要有一個核心定位，我們的原型也首先要說清楚這個定位所轉化過來的目標，這是第一層次，我稱為產品目標。在動手進行原型制作之前，還有一個很重要的事情要先梳理清楚，我們可以稱之為原型的第一性原理，也是原型的核心要點：講清楚目標。

原型的撰寫是產品經理的基本功，人人都是產品經理平臺上已經有很多優秀的文章教我們怎么樣畫出專業的原型圖，例如：要有修改記錄、總覽、全局規范和說明、核心業務的流程圖、清晰的層次、必要的標注、同一個頁面的所有狀態等。

典型的目錄結構如下所示：

從產品經理的角度，在動手進行原型制作之前，還有一個很重要的事情要先梳理清楚，我們可以稱之為原型的第一性原理，也是原型的核心要點：講清楚目標。

什么是原型的目標

如同一個產品需要有一個核心定位，我們的原型也首先要說清楚這個定位所轉化過來的目標，這是第一層次，我稱為產品目標。

但僅有產品目標還不夠，原型的受眾是交互設計師、UI設計師、開發人員和運營人員等，他們在閱讀原型時，除了需要明確了解產品定位和目標之外，到具體的模塊上，還需要了解每個模塊的核心目標。

同樣的道理，在具體到某一個頁面的設計、開發時，也需要圍繞頁面的核心目標進行。

因此，原型的目標有三個層次：

1. 產品目標；
2. 模塊目標；
3. 頁面目標。

三個層次的目標有主次關系，其中模塊的目標依賴于產品目標，頁面的目標同時依賴于產品目標和模塊目標：

比如：一個知識社區類的產品，核心目標就是“最大化提高隨意瀏覽的潛在用戶轉化成注冊用戶以及付費用戶的轉化率”，這是產品的目標。而具體到類似“隨便看看”這個模塊的目標上，就應該是依賴于產品目標，定義為“精選內容提高用戶注冊按鈕點擊率”。而到了注冊頁面，應該是依賴于前兩個目標，定義為“降低注冊門檻，提高注冊率”。

目標清晰明確的好處

實際工作中，經常容易出現不同的人對原型有不同的理解，因此才需要有規范的原型、必要的標注和完整的交互狀態等要求。但如果目標理解不一致，那導致的是更根本的問題：大家的著眼點和發力方向不一樣。

例如：針對某個提醒，到底是用模態的還是用Toast，不同的人可能有不同理解和結論，而實際上如果依據模塊或頁面目標來進行評估，那這種不一致就會大量減少。哪種方式對達成核心目標有利，就應該用哪一種。

因此，梳理清楚以上三個層次的目標，大家再對照原型進行工作時就可以達到以下效果：

1. 目標一致，每個人的力量都用在同一個方向上，形成最大合力；
2. 有效減少溝通成本，避免來回反復修改。

如何圍繞目標產出原型

1. 目標說明

在每一個模塊或頁面上，需要明確說明白該模塊或頁面的目標。目標的描述最好是可量化的，例如某種點擊率、轉化率等。

下面舉一個簡單的目標描述的例子：

2. 依據目標進行內容展示

內容布局主要依賴于頁面的目標，需要重點展示和目標相關的內容、收納和弱化和目標無關的內容。

我們舉蛋殼公寓和Airbnb為例：蛋殼公寓詳情頁的目標是在通過價格和各種優惠活動來吸引用戶，而Airbnb做為共享空間的產品，在這個頁面上價格并不是第一吸引用戶的，環境和需要互動的房東才是。這樣，兩個頁面由于目標不同，圍繞組織內容的布局就大大不同了。

3. 依據目標布局操作

頁面上的操作，同樣強依賴于產品、模塊和頁面目標。我們舉網易新聞詳情頁和今日頭條新聞詳情頁，就可以看出來差別。

由于網易新聞評論區非常著名，代表了網易新聞的調性，因此我們可以定義網易新聞的詳情頁面目標是“增加評論和互動的平均數”；而今日頭條主推自媒體關注，因此詳情頁面的目標可以反推為“增加訂閱的轉化率”，我們看看如下圖片，在目標引導操作的布局設計上就非常清楚了。

從這兩個例子可以明顯看出：只要我們明確了頁面的目標，那么在實際設計時，就不用再為“頁面上拉后頂欄到底保留評論還是關注/訂閱”的問題反復討論和修改了，標準很簡單：符合頁面目標的操作就是最重要的、最優先的。

3. 引導和反饋

頁面的引導和反饋是必不可少的部分，尤其是異常出錯和觸發邊界值時。為了緩解用戶的焦慮、引導和幫助用戶解決問題，需要有設計良好的、覆蓋全面的引導和反饋。

在引導和反饋的設計中，也需要引入對三個目標的審視。例如：非核心目標的操作失敗，可以考慮引導到核心目標的操作上，也即是諸如此類的引導和提示。

不過這一類的設計不可太過生硬，要讓用戶感覺到自然而不突兀，需要在實際場景中仔細斟酌。

總結

原型文檔的第一性原理：各級目標清晰明確。

目標貫穿在原型的各個層級中，包括產品目標、模塊目標和頁面目標。在規范化我們的原型文檔的同時，也要時刻用目標為我們指引方向，確保跑在正確的道路上，也確保項目的相關人員對于各個層級的目標有一致的理解，形成合力。

本文由 @?Alex 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議