產品線框圖（線框原型）

產品線框原型在最近幾年裡正迅速成為產品工作中必不可少的重要工具，但由於大家沒有一個統一的認識使得線框圖被越來越多的濫用與過用。

線框原型是什麼

線框原型圖是項目實施前的設計藍圖，「藍圖」本身不關注大多的視覺設計元素與文案元素，也不會作為項目實際的表現形式，他僅僅包含對功能的簡單描述與信息分布示意，通過實現對「藍圖」的設計與運用可以在項目具體實施前充分實驗並節約項目更迭的成本。

線框原型不是什麼

原型圖不是設計稿

很多人喜歡把線框原型畫的美輪美奐（包括以前的筆者），恨不得代替設計師的工作。如果一個產品經理這樣做會產生兩個問題，一是如果花太多時間在原型上安排設計元素或者摳原型細節，那麼真正可以用來思考產品的時間就少了，二是原型太具體會阻礙專業的設計師思考，他們可能不得不圍繞你的設計而設計。始終要記住，原型最主要的功能是組織和呈現信息。

原型圖不是交互稿

從產品工作的整個流程來說，它們屬於兩種不同輸出物，甚至是由不同的角色來輸出的。可以從字面上來理解，原型是信息的呈現，交互稿則是對交互方式的呈現，只是很多時候它們在表現形式上很類似，而且很多公司是由同一個人負責輸出的，為了省時省力也經常做在一起，但本質上是不同的。

原型圖不是最終效果

原型圖展示的是一種功能信息間的邏輯關係，很多視覺設計師卻認為設計只要在原型布局的基礎上做一些美化工作就可以了，實則不是這樣，原型與最終實際的產品表現可以完全不同，設計師應該從自己的專業角度重新審視整個產品，為產品注入視覺血液。

線框原型能做什麼

產品經理輸出的產品需求文檔通常採用文字形式對產品功能進行抽象描述，文檔的閱讀者（開發、測試、設計等）、產品的使用者（用戶）均很難直接通過文檔對產品有一個直觀的認識。

若沒有直觀的認識，在產品評審的時候各個角色就無法準確評估工作量，甚至無法給出有效的產品建議；沒有直觀的認識，前期也無法讓目標用戶進行「想法測試」，那也就無法知道產品是否會受歡迎。

展示功能

在評審需求的時候通過原型圖的配合說明，可以讓設計和開發人員更具體的了解到功能的大概表現形式，有助於大家針對功能進行有效溝通提高會議效率，同時反過來也可以促進產品經理對需求進行優化迭代，從而避免在產品開發過程中需求返工。

展示產品結構

對於較大的產品項目，涉及的功能（或者頁面）數量往往較多，除了產品經理自己了解外，其他人很難通過需求文檔快速了解，但通過線框原型的展示可以讓大家有一個整體的認識，從而了解各個功能之間的關係。

進行可用性測試

原型圖的構建要比開發出實際產品要簡單得多，成本也低得多，在產品真正投入開發之前通過使用包含完整流程的原型圖進行可用性測試可以在發現問題的時候迅速調整，而不用擔心消耗過多的資源。在可用性測試進行的過程中，可以觀察實際用戶是怎麼使用產品功能的，這樣可以儘早的預計到可能的出錯場景，提前準備好錯誤提示。

線框原型屬於產品經理最重要的工具，有效地利用這一工具，可以使需求的表達更具體、更形象，從而有效提高內部團隊的整體工作效率，使項目推進更簡單；對外部用戶來說，可以讓其更早接觸到產品，為產品經理提供更可靠的產品建議。

---------->>>>>>以下是廣告，不喜可直接跳過<<<<<<----------

歡迎同時關注PMhub微信號：