?

?

好的產(chǎn)品要表達(dá)清晰離不開一個(gè)好的原型。而一個(gè)合格的產(chǎn)品經(jīng)理也都是從畫好產(chǎn)品原型開始的。

什么是原型？

"快速產(chǎn)品實(shí)踐 "。

"原型"的定義簡(jiǎn)而言之，首先原型不是最終產(chǎn)品，而是"快速實(shí)踐"——可以通過(guò)收集反饋來(lái)測(cè)試產(chǎn)品方案。

產(chǎn)品原型也是一種溝通工具，幫助數(shù)字設(shè)計(jì)師（專家）向用戶或客戶（非專業(yè)受眾）傳達(dá)他們的想法，再通過(guò)反饋改進(jìn)產(chǎn)品。原型設(shè)計(jì)并不是傳達(dá)產(chǎn)品概念的唯一方法。有大量的替代方法，如線框圖、流程圖、信息體系結(jié)構(gòu)、可視化模型等。

但是原型的特點(diǎn)更為突出。

1.真實(shí)而有形

如果一張圖片價(jià)值1000字，那么一個(gè)原型價(jià)值1000場(chǎng)會(huì)議。” — Tom＆David Kelley

• 對(duì)于我們的大腦來(lái)說(shuō)，比起抽象的信息，我們更容易通過(guò)視覺(jué)和有形的經(jīng)驗(yàn)快速處理信息。在這基礎(chǔ)上，原型作為一個(gè)只需幾次點(diǎn)擊就能完美地解釋一個(gè)概念的東西，可以很好的降低了產(chǎn)品復(fù)雜性。

• 對(duì)于客戶，（高保真）原型是開發(fā)之前最接近真實(shí)產(chǎn)品的演示。原型的直觀性不僅能夠讓他們做出更好的決策，而且還可以幫助他們輕松地將概念傳達(dá)給其他人以取得認(rèn)可。

• 對(duì)于用戶，原型使他們能夠以最真實(shí)的形式體驗(yàn)產(chǎn)品，從而產(chǎn)生真實(shí)的反饋，而不是聽過(guò)想象得到的反饋。

“ 如果產(chǎn)品看起來(lái)不真實(shí)，那么用戶的反應(yīng)就不會(huì)真實(shí)。”?—杰克·納普（Jake Knapp）

對(duì)于團(tuán)隊(duì)本身，可以使用原型進(jìn)行說(shuō)明和調(diào)整。尤其適用于行為和過(guò)渡。對(duì)于設(shè)計(jì)系統(tǒng)組件，也許有 20 條驗(yàn)收標(biāo)準(zhǔn)，但是原型的鏈接就能解釋了一切。

2.快速迭代

僅使用最終產(chǎn)品進(jìn)行方案驗(yàn)證是有風(fēng)險(xiǎn)的。

在設(shè)計(jì)過(guò)程的任何階段制作和測(cè)試原型，并收集反饋以改進(jìn)產(chǎn)品，有助于團(tuán)隊(duì)在開發(fā)或發(fā)布之前快速的重塑產(chǎn)品（一旦發(fā)布，你可能會(huì)轉(zhuǎn)向分析）。

產(chǎn)品原型，不是在產(chǎn)品設(shè)計(jì)和測(cè)試結(jié)束時(shí)制作的，而且貫穿了始終，需要隨時(shí)創(chuàng)建和調(diào)整原型，僅需在3到4天，完成一個(gè)從草圖到測(cè)試原型的過(guò)程（當(dāng)然，這取決于項(xiàng)目的需求和能力）。

3.省錢

對(duì)產(chǎn)品進(jìn)行編碼很昂貴。原型不費(fèi)錢。

原型通常是由產(chǎn)品創(chuàng)建的。這樣的設(shè)置使開發(fā)團(tuán)隊(duì)可以在設(shè)計(jì)師探索或驗(yàn)證概念時(shí)專注于開發(fā)。一般來(lái)說(shuō)，編寫可測(cè)試產(chǎn)品的代碼涉及前端，后端，設(shè)計(jì)和質(zhì)量保證測(cè)試（QA），而原型只需要一名產(chǎn)品經(jīng)理。

如何制作原型？

1.考慮目標(biāo)、受眾和能力

設(shè)計(jì)過(guò)程的每個(gè)階段都有其目標(biāo)：

• “定義”：綜合階段，在該階段中，研究結(jié)果為制作產(chǎn)品的范圍或方向。在此階段，可以將低保真原型用作“概念驗(yàn)證”。這些原型的受眾目標(biāo)是用戶和客戶，把他們的真實(shí)地反應(yīng)、反饋收集起來(lái)。這樣產(chǎn)品的假設(shè)將會(huì)得到驗(yàn)證。

• 調(diào)研時(shí)關(guān)鍵問(wèn)題要圍繞“用戶是否看到產(chǎn)品原型中的價(jià)值”？一旦團(tuán)隊(duì)確定了方向，就開始對(duì)產(chǎn)品的要求進(jìn)行修訂，然后順利進(jìn)入下一階段“開發(fā)”。

• “開發(fā)”：構(gòu)想階段，在此階段創(chuàng)建并驗(yàn)證各種解決方案。原型在這時(shí)主要用于測(cè)試目的，通常需要制作的更加詳細(xì)（中保或高保真）。團(tuán)隊(duì)可以快速測(cè)試出不同的選項(xiàng)，并根據(jù)測(cè)試結(jié)果做出更好的決策。

• “交付”：團(tuán)隊(duì)構(gòu)建、測(cè)試、學(xué)習(xí)和迭代的實(shí)施階段。開發(fā)人員很可能已經(jīng)開始開發(fā)。但仍然可以制作原型進(jìn)行測(cè)試，或用來(lái)與團(tuán)隊(duì)成員進(jìn)行交流和調(diào)整設(shè)計(jì)。

2.從低保真度（lo-fi）到高保真度（hi-fi）

我們使用保真度來(lái)區(qū)分原型，從低保真開始逐漸轉(zhuǎn)向高保真是最常見的方法。如果打算用設(shè)計(jì)技巧來(lái)打動(dòng)利益相關(guān)者，早期階段就設(shè)計(jì)帶有精美視覺(jué)技巧的高保真原型也是有必要的。

高保真與低保真的區(qū)別在于：

交互性（靜態(tài)或可點(diǎn)擊）

視覺(jué)效果（草圖，線框或最終界面）

內(nèi)容（接近真實(shí)或?qū)嶋H內(nèi)容）

四款優(yōu)秀的原型工具

Axure

產(chǎn)品原型工具-Axure

學(xué)習(xí)曲線：高

簡(jiǎn)介：Axure RP是美國(guó)Axure Software Solution公司旗艦產(chǎn)品，是一個(gè)專業(yè)的快速產(chǎn)品原型工具，讓負(fù)責(zé)定義需求和規(guī)格、設(shè)計(jì)功能和界面的專家能夠快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖、流程圖、原型和規(guī)格說(shuō)明文檔。作為專業(yè)的原型工具，它能快速、高效的創(chuàng)建原型，同時(shí)支持多人協(xié)作設(shè)計(jì)和版本控制管理。

優(yōu)點(diǎn)：變化多端的操作，自帶組件庫(kù)并支持強(qiáng)大的第三方組件庫(kù)，提供強(qiáng)大的交互支持，完整的教程及支持文檔，支持原型預(yù)覽。

缺點(diǎn)：學(xué)習(xí)曲線較高，性價(jià)比不高，專業(yè)需求度高。

Wireframe sketcher

學(xué)習(xí)曲線：較低

簡(jiǎn)介：WireframeSketcher是一款強(qiáng)操作靈活、功能強(qiáng)大的線框圖工具。可幫助設(shè)計(jì)人員，開發(fā)人員和產(chǎn)品經(jīng)理快速創(chuàng)建用于桌面，Web和移動(dòng)應(yīng)用程序的線框和原型。值得一提的是Wireframe Sketcher還是一款帶有手繪風(fēng)格的創(chuàng)作工具，這在一定程度上可以幫助用戶專注于設(shè)計(jì)。除此之外，這款產(chǎn)品原型工具還提供大量的UI控件，支持通過(guò)鏈接創(chuàng)建交互原型，靈活的Wiki形式，線框圖注釋，生成PDF文檔等。

優(yōu)點(diǎn)：操作靈活，繪制頁(yè)面速度很快，功能強(qiáng)大，支持手繪風(fēng)格，提供大量模板，可以進(jìn)行原型導(dǎo)出。

缺點(diǎn)：僅支持低保真，交互效果較少。

Balsamiq Mockups

Balsamiq官網(wǎng)界面

學(xué)習(xí)曲線：較高

簡(jiǎn)介：Balsamiq Mockups是一款軟件工程中快速產(chǎn)品原型工具，可以作為與用戶交互的一個(gè)界面草圖，一旦客戶認(rèn)可也可以做為美工開發(fā)HTML的原型使用，特別是在web原型圖設(shè)計(jì)領(lǐng)域有不錯(cuò)的影響力。使用Balsamiq Mockups畫出的原型圖都是手繪風(fēng)格的圖像，看上去非常美觀、清爽。此外，這款工具支持幾乎所有的HTML控件原型圖，比如按鈕（基本按鈕、單選按鈕等）、文本框、下拉菜單、樹形菜單、進(jìn)度條、多選項(xiàng)卡、顏色控件、表格、Windows窗體等。除此以外，還支持iPhone手機(jī)元素原型圖。

優(yōu)點(diǎn)：雖然不是免費(fèi)原型工具，但性價(jià)比也算不錯(cuò)；工具內(nèi)置大量模塊，能夠快速應(yīng)用于原型設(shè)計(jì)，支持手繪風(fēng)格。

缺點(diǎn)：原型沒(méi)有配色，沒(méi)有設(shè)計(jì)風(fēng)格，不能進(jìn)行交互展示。

摹客RP

學(xué)習(xí)曲線：低

簡(jiǎn)介：摹客原型設(shè)計(jì)采用基于Web的全新架構(gòu)，不需要下載安裝，不受設(shè)備系統(tǒng)的限制，通過(guò)瀏覽器即可快速進(jìn)行原型設(shè)計(jì)。摹客原型自帶鋼筆、鉛筆等矢量工具，可幫助用戶自由完成設(shè)計(jì)。設(shè)計(jì)完成后可以和團(tuán)隊(duì)成員無(wú)縫協(xié)作，輕量設(shè)計(jì)還能直接交付開發(fā)，真正實(shí)現(xiàn)“從創(chuàng)意到落地”。

優(yōu)點(diǎn)：

支持多人同時(shí)在線編輯同一項(xiàng)目，支持頁(yè)面交互、狀態(tài)交互、命令交互，以及設(shè)置多種觸發(fā)方式和曲線，快速制作交互原型。

缺點(diǎn)：不支持離線使用

總結(jié)

以上是生活随笔為你收集整理的为什么产品经理都在学画原型？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。