1.4 產品交互原型的分類

根據頁面的保真度，可以將產品交互原型分為草圖、低保真原型和高保真原型。在進行原型設計之前，我們需要根據使用場景、使用人群或者項目的不同階段來設計不同保真度的產品交互原型。

1.草圖

草圖通常用于產品早期的概念階段。在項目確立的早期，產品的功能及業務場景都處于規劃階段，沒有成熟的產品方案。團隊成員在規劃項目、進行頭腦風暴時，需要一個能夠快速呈現產品雛形的原型，且該原型要便于修改，如圖1-18所示。

草圖繪制階段的原型設計大部分都是在白板或者白紙上手繪完成的，方便在產品功能的討論中發現問題，及時修改。草圖原型能夠表達出基本的界面功能及內容布局，利用基本的幾何圖形（如方框、圓形和一些線段）來表達產品的雛形，能讓參與討論會議的人員明白大概意圖即可。

草圖的優勢在于設計成本低，能夠隨時進行修改，在項目早期有很多不確定因素的前提下，盡量使用草圖進行討論。

2.低保真原型

明確產品的業務需求及使用場景后，產品經理和交互設計師可以使用低保真原型來快速設計產品的概貌。產品經理和交互設計師明確了產品的功能需求及業務范圍后，根據業務會議上確定的產品方案，需要梳理清楚產品的功能結構和信息結構，根據業務需求推導出產品的詳細功能點。產品的戰略目標、需求范圍、功能結構都清楚以后，就可以開始正式繪制低保真原型了。低保真原型又稱為線框圖，如圖1-19所示。

低保真原型可以幫助我們準確拆分頁面，以及每個頁面的功能模塊和展示信息，確定每個頁面元素的布局。低保真原型的繪制需要借助原型設計工具，其中的元素布局以及功能模塊需要無限接近產品上線后的樣子。

低保真原型可以不考慮頁面元素的配色以及各功能的交互跳轉效果與動畫效果。設計頁面的配色是UI設計師的工作，豐富的交互動作也不適合在這個階段去詳細分析。通常低保真原型設計完成后，需求提出人員、UI設計師、前端開發工程師、后端工程師和測試人員等需要進行原型設計評審會，根據評審結果對低保真原型進行多輪調整，直至得到滿意的結果，確保能繼續向下推進。低保真原型確定后，UI設計師及開發工程師可以據此進入項目實施階段。

3.高保真原型

高保真原型常用于向高層領導進行產品演示或者向投資人展示產品概念，以尋求項目融資。高保真原型又可以作為產品的demo（試樣），除了沒有真實的后臺數據進行支撐外，幾乎可以模擬前端的所有功能，是一個高仿真產品。對于一些非專業的高層領導、老板及投資人，他們希望看到的是一個無限接近線上產品的demo，它能夠盡可能詳細地展示產品的功能及業務范圍，在視覺展示以及交互動作上都和真實產品大致相同，如圖1-20所示。

通過以上內容我們知道，明確當前的項目階段及使用人群后，再決定使用什么樣保真度的原型才是最合適的。既不能為了方便而總是使用草圖，也不能一味地追求高保真原型，而應綜合評估使用的場景及適用人群。在工作當中，我們使用最多的是低保真原型，畢竟項目團隊中最關心產品原型的是項目的實施人員，低保真原型也能較為準確地闡述項目需求，以及一些簡單的交互動作與交互效果，可以讓行業內的設計人員一看便知。有些業務規則及交互細節，還需要配有說明文檔，這樣才能方便開發人員及測試人員深刻理解產品需求。