摘要：原型根據頁面的保真程度可以劃分為草圖、低保真和高保真。在進行原型設計之前，我們需要根據使用場景的不同、使用人群的不同，甚至是項目的不同階段，我們需要産出設計不同保真度的産品原型。本文将從設計需求、使用場景來說明這三類原型圖的不同之處。

草圖

草圖通常用于産品早期的概念階段。項目立項的早期階段，大家對于産品的功能及業務場景上都處于一個規劃階段，沒有明确成熟的産品方案。團隊成員在進行項目規劃時進行一些頭腦風暴的會議，這個時候我們需要一個能夠快速呈現産品雛形的原型，且便于及時修改。

這個階段的原型大部分都是手繪稿，大家在一邊讨論産品功能，一邊直接繪制産品原型。這個階段的原型大部分都是在白闆或者在白紙上手繪完成，在讨論的過程中發現問題，及時修改。如果涉及的界面較多，當然也可以利用原型設計工具如Axure進行設計。草圖原型能夠表達出基本的界面功能及内容布局即可，利用基本的幾何圖形如方框、圓和一些線段表達産品雛形，隻需要參與讨論會議的人員明白大概意圖即可。草圖的優勢在于設計成本低，能夠随時進行修改，在項目早期有很多不确定因素的前提下，盡量使用草圖進行讨論評審。

草圖原型使用人群：項目發起人、項目立項成員。

---

低保真

當我們明确了産品的業務需及使用場景以後，産品經理和交互設計師們可以使用低保真原型來較快的設計産品的概貌。産品經理和交互設計師們通過項目早期階段已經明确了産品的功能需求及業務範圍，基本上已經知道了産品需要做什麼。根據業務會議上确定的産品方案，首先需要梳理清楚産品的功能結構和信息結構，根據業務需求推導出詳細的功能點。好了，通過這些工作産品的戰略目标、需求範圍、功能結構都已經清楚了。下面就可以開始正式繪制線框圖了，線框圖又稱為低保真原型。

線框圖可以幫助我們準确拆分頁面、以及每個頁面的功能模塊及展示信息，确定每個頁面元素的界面布局。線框圖與草圖相比較而言，視覺顯示及意圖表達上更準确了。線框圖的繪制必須借助于原型設計工具了，一般情況下我們可以使用Axure繪制線框圖，利用Axure提供了系統元件可以快速完成線框圖的繪制。線框圖中的元素布局以及功能模塊需要無限接近産品上線後的樣子。

當然了低保真原型階段我們不要考慮界面元素的配色以及各功能的交互跳轉及動畫效果。界面的配色是專業的UI設計師的工作，豐富的交互動作也不宜在這個階段去詳細分析。通常查看低保真原型完成後，需要與需求提出人員、UI設計師、前端工程師、後端工程師以及測試人員進行召開原型設計評審會，根據評審結果，需要對低保真原型進行多輪調整，直至大家達成一緻結果，确保能往下推進。低保真原型确定後，UI設計師及開發工程師們可以據此進行項目實施了。

低保真原型使用人群：需求提出人、UI設計師、開發公工程師和測試工程師。

---

高保真

高保真原型常用于向高層領導進行産品演示或者向投資人演示産品概念，以尋求項目融資。高保真原型又可以成為産品的Demo，除了沒有真實的後台數據進行支撐外，幾乎可以模拟前端界面的所有功能，完全是一個高仿産品。對于一些非IT科班出身的高層領導、老闆及投資人，如果我們希望他們能夠盡可能詳細的了解産品的功能及業務需求，這個時候低保真原型并不一定使用，因為他們總是能夠從低保真原型中找到一些他們不理解的“問題”。因此在這個時候，他們希望看到的是一個無線接近線上産品的高仿Demo，從視覺顯示以及交互動作上都和真實産品大緻相同。

高保真原型需要在低保真的基礎上進行配色，插入真實的圖片及icon圖标。充分利用Axure中每一類元件的樣式及專有的交互屬性為原型增加保真度，為相關的元件及頁面添加交互事件、配置交互動作。這樣從視覺顯示及交互設計來看，就是一個完全高仿的Demo原型。

高保真原型使用人群：高層領導、老闆、投資人以及其他的重要決策人

---

結語

通過上文的講述，我們現在已經知道了在明确當前的項目階段及使用人群後，再決定什麼樣保真度的原型才是最合适的。我們既不能為了簡單省事而總是使用草圖，也不能一味的追求炫技直接設計高保真原型，而是綜合評估上述因素。在通常的工作當中，我們使用最多的是低保真原型，畢竟項目團隊的實施人員才是最關心産品原型的人員。低保真原型也能較為準确的闡述項目需求，一些簡單的交互跳轉及交互效果，行業内的小夥子們一看便知。當然了有些業務規則及交互細節上的效果，還需要配以說明文檔，這樣才能方便開發及測試人員深刻理解産品需求。

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部