在產(chǎn)品規(guī)劃項(xiàng)目進(jìn)程中，需求確立后，就需要根據(jù)相關(guān)的討論進(jìn)行原型的交互設(shè)計了。本文講的是本系列文章的第四階段——原型設(shè)計。

1. 需求探討；
2. 用戶調(diào)研；
3. 需求匯總、溝通、評審；
4. 原型設(shè)計；
5. 項(xiàng)目跟進(jìn)；
6. 測試上線；
7. 后續(xù)迭代。

相關(guān)的背景：在產(chǎn)品規(guī)劃項(xiàng)目進(jìn)程中，需求確立后，就需要根據(jù)相關(guān)的討論進(jìn)行原型的交互設(shè)計了，PM通過自己擅長的原型工具進(jìn)行輸出為程序員能夠理解的簡單直觀的UE圖。

幾種流程圖、導(dǎo)圖、原型及PRD的列舉：

（1）Visio泳道型流程圖：簡單明了的理解相關(guān)的功能流程，每個步驟的上下銜接，判斷所到達(dá)的目的點(diǎn)，言簡意賅。

（2）思維導(dǎo)圖展現(xiàn)形式：展示出全網(wǎng)站的各個欄目功能板塊，讓大家了解到整理框架結(jié)構(gòu)流程，再通過具體的文檔說明細(xì)化到每一個功能點(diǎn)。

（3）UI流傳圖形式：通過連線及文字說明的形式，展示每個按鈕及功能所觸發(fā)的事件。

（4）原型線性文字說明展示，并且做了一定的交互，可通過點(diǎn)擊不同的按鈕跳轉(zhuǎn)至相關(guān)頁面及彈窗，并且每個功能點(diǎn)會有相關(guān)的備注說明，可以代替PRD輸出說明。（具體的細(xì)化點(diǎn)可以單個拎出來作為重點(diǎn)說明）

（5）PRD詳細(xì)文檔形式的說明：根據(jù)每個頁面的各個功能點(diǎn)詳細(xì)說明，并且附帶相關(guān)的UI及UE圖，再加上相關(guān)項(xiàng)目管理工具（石墨、Tapd、Teambition、禪道等項(xiàng)目管控工具）的使用來達(dá)到完整管控項(xiàng)目的節(jié)奏。

以下鏈接為剛剛?cè)胄凶龅暮喴自停?a href="http://www.codemsi.com/rp/739909.html">http://www.codemsi.com/rp/739909.html

項(xiàng)目存在的問題列舉：

1. 設(shè)計屬于模塊化，細(xì)節(jié)仍需改進(jìn)，相關(guān)的流程邏輯需要完善；（設(shè)計原型及相關(guān)交互說明時總會缺失一些細(xì)節(jié)說明，我們只能盡量減少一些大的錯誤，小的問題還需要在實(shí)時跟進(jìn)中去解決）
2. 需求方反饋需更明確，原型的演示交互效果需完善。（如果有條件情況下，可讓需求方根據(jù)輸出的原型細(xì)節(jié)進(jìn)行確定無誤后再進(jìn)行開發(fā)）

相關(guān)解決方案：

1. 多學(xué)習(xí)總結(jié)，逐漸完善原型交互設(shè)計，向高保真邁進(jìn)，并且細(xì)化流程，保證通順及質(zhì)量；
2. 多接觸一些好用的原型設(shè)計軟件，根據(jù)不同需求進(jìn)行相關(guān)選擇，例如：Axure、sketch、墨刀、mockplus、xiaopiu等。
3. 可在原型上寫相關(guān)的文檔信息，簡化型的PRD，不同按鈕功能在旁邊標(biāo)識具體描述or連接線標(biāo)識or項(xiàng)目符號標(biāo)識or著重加粗標(biāo)識or書寫備注標(biāo)識。
4. 可附帶BRD、MRD、PRD文檔（相關(guān)事例可參見下圖簡易目錄）。

總之有了好的文檔輸出僅僅是一個輔助作用，重點(diǎn)還在于與需求方及程序員的溝通及項(xiàng)目管控方面，我們可以根據(jù)不同的程序所接受的原型輸出模式來進(jìn)行輸出！

本文由 @?Leon 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議