什么是原型和設(shè)計(jì)？

原型：用線條、圖形描繪出的產(chǎn)品框架，也稱線框圖。

設(shè)計(jì)：綜合考慮產(chǎn)品目標(biāo)、功能需求場景、用戶體驗(yàn)等因素，對(duì)產(chǎn)品的各版塊、界面和元素進(jìn)行的合理性排序過程。

原型設(shè)計(jì)的重要性是怎樣？

產(chǎn)品階段：Idea→需求采集→功能結(jié)構(gòu)→原型設(shè)計(jì)→產(chǎn)品需求文檔（PRD文檔）→Roadmap

原型設(shè)計(jì)在整個(gè)產(chǎn)品流程中處于最重要的位置，有著承上啟下的作用。何出此言？原型設(shè)計(jì)之前需求或是功能信息都相對(duì)抽象，原型設(shè)計(jì)的過程就是將抽象信息轉(zhuǎn)化為具象信息的過程，之后的產(chǎn)品需求文檔（PRD）是對(duì)原型設(shè)計(jì)中的版塊、界面、元素及它們之間的執(zhí)行邏輯進(jìn)行描述和說明。所以說，原型設(shè)計(jì)的重要性無可替代，產(chǎn)品經(jīng)理應(yīng)當(dāng)要對(duì)此有絕對(duì)的控制和駕馭能力。

話說回來，原型設(shè)計(jì)雖然很重要也應(yīng)當(dāng)是有限度的，原型設(shè)計(jì)的作用有以下幾點(diǎn)：

1、因?yàn)槭窃褪切枨蠛凸δ艿木呦蠡磉_(dá)，所以原型可以輔助產(chǎn)品經(jīng)理與領(lǐng)導(dǎo)、交互、UI和技術(shù)的溝通產(chǎn)品思路。

2、因?yàn)樵拖噍^于UI稿來說修改更方便，所以原型能提高產(chǎn)品經(jīng)理的功能設(shè)計(jì)沒通過評(píng)審時(shí)返工的工作效率。

原型設(shè)計(jì)的類型和工具有哪些？

1、手繪原形（草圖）

所需工具：鉛筆、橡皮、白紙

鉛筆相比于中性筆的好處在于方便修改，白紙的好處在于安靜的隨心所欲，不過對(duì)于移動(dòng)產(chǎn)品的設(shè)計(jì)來說，本人傾向于使用印有手機(jī)框架的白紙上繪制，以便于快速進(jìn)入情景狀態(tài)，也能對(duì)首屏的界面分配做到心中有數(shù)。

PS：給草圖（App）拍照，配合POP使用，也可以實(shí)現(xiàn)交互效果，有興趣的童鞋可以試下。

由于草圖的非正式性，多使用原型設(shè)計(jì)的前期論證階段（功能設(shè)計(jì)可行性），個(gè)人也比較喜歡先畫草圖（紙上推演）再畫工具原型（完善）。

2、工具原型

所需工具：Axure RP（推薦）、Justmind（App）、Keynote（最近比較火，適用于Mac OS）

多說一句，凡是軟件（不論P(yáng)C或是App），我都建議用最新版，產(chǎn)品經(jīng)理更應(yīng)該如此。

Axure RP無論是PC端產(chǎn)品經(jīng)理還是App產(chǎn)品經(jīng)理都會(huì)比較熟悉，通過工具繪制的產(chǎn)品原型已經(jīng)比較正式，如果添加了色彩和交互動(dòng)作（高保真），可以與最終產(chǎn)品形態(tài)無異。

在這里有必要說一下原型有沒有必要做到高保真的狀態(tài)，個(gè)人觀點(diǎn)是：沒有需要，就沒有必要；時(shí)間寬裕，做交互但不加顏色。

原型的目標(biāo)在于清楚的表達(dá)產(chǎn)品的設(shè)計(jì)理念和功能的執(zhí)行邏輯，所以我認(rèn)為能夠達(dá)到這個(gè)目標(biāo)的原型都是合格的，在原型中加入色彩和交互的目的無非是讓產(chǎn)品經(jīng)理與技術(shù)的溝通更加順暢。再說，PRD的作用也是交付給技術(shù)，完整的PRD應(yīng)當(dāng)包括功能需求、線框原型、PRD描述、UI稿、UE演示和修訂記錄。產(chǎn)品經(jīng)理階段的原型就高保真了，是不是PRD就不用寫了呢？視覺設(shè)計(jì)師的UI稿根據(jù)高保真原型來設(shè)計(jì)？那交互設(shè)計(jì)師的呢？（多數(shù)公司沒有該職位）

多一些時(shí)間，用來觀察用戶、分析需求、重視（用戶體驗(yàn)）細(xì)節(jié)……

本文為作者 @盧璞?投稿發(fā)布，轉(zhuǎn)載請(qǐng)注明來源于人人都是產(chǎn)品經(jīng)理并附帶本文鏈接