相信不少產(chǎn)品經(jīng)理在剛?cè)胄袝r(shí)，都遇到過(guò)這樣的情況：

接到需求后不知所措，然后下意識(shí)地照著競(jìng)品開(kāi)始盲目地畫(huà)原型。

其實(shí)，這樣的設(shè)計(jì)過(guò)程不僅缺乏邏輯性，在后續(xù)階段也很容易出現(xiàn)各種問(wèn)題。

在此，跟大家分享一下我做產(chǎn)品的流程，總共是以下6個(gè)步驟。

幾乎每一款產(chǎn)品都會(huì)有對(duì)應(yīng)的業(yè)務(wù)流程，身為產(chǎn)品，摸透業(yè)務(wù)是工作的重中之重。

產(chǎn)品經(jīng)理需要明白業(yè)務(wù)做的是什么，有什么角色會(huì)參與其中，業(yè)務(wù)間的交互節(jié)點(diǎn)是什么，信息流、資金流、物流等鏈路如何運(yùn)轉(zhuǎn)。

例如電商業(yè)務(wù)中會(huì)存在訂單生產(chǎn)流程圖、貨物進(jìn)倉(cāng)出庫(kù)流程圖、資金流程圖；外賣(mài)業(yè)務(wù)有接單業(yè)務(wù)流程圖、派單業(yè)務(wù)流程圖、訂單流轉(zhuǎn)流程圖等。

先梳理大的業(yè)務(wù)模塊，再一一繪制不同模塊的流程，一整套工作下來(lái)，相信你會(huì)對(duì)全局業(yè)務(wù)形成比較清晰地認(rèn)知。

業(yè)務(wù)分析完后，就可以進(jìn)入產(chǎn)品分析階段，這部分主要是明確能為用戶(hù)解決什么樣的問(wèn)題，其中競(jìng)品分析、用戶(hù)調(diào)研都屬于這一階段的工作。

產(chǎn)品分析包含了對(duì)目標(biāo)用戶(hù)、人群畫(huà)像、需求定義等一系列分析，站在用戶(hù)和產(chǎn)品的角度，將用戶(hù)的痛難點(diǎn)問(wèn)題具象化地表達(dá)出來(lái)，從而確定產(chǎn)品的功能。

前期業(yè)務(wù)及產(chǎn)品相關(guān)的內(nèi)容梳理完后，便進(jìn)入原型設(shè)計(jì)環(huán)節(jié)。

原型設(shè)計(jì)包括線框圖（低保真）和高保真設(shè)計(jì)。

線框圖的繪制方法有很多，除了使用專(zhuān)業(yè)工具外，用紙和筆直接畫(huà)也問(wèn)題不大；而高保真原型稿只能通過(guò)專(zhuān)業(yè)工具完成，因?yàn)樗鼛缀醢凑諏?shí)物繪制，其中包含各大功能和交互的細(xì)節(jié)。

對(duì)我而言，我常用的原型設(shè)計(jì)工具是摹客RP，它既使用簡(jiǎn)單便捷，而且也能滿(mǎn)足我對(duì)高保真設(shè)計(jì)的需求。

摹客RP預(yù)設(shè)了豐富的組件及圖標(biāo)，拖拽即可使用，無(wú)需全網(wǎng)搜尋并下載組件庫(kù)。支持多種交互效果，常見(jiàn)的狀態(tài)交互、頁(yè)面交互、手勢(shì)交互，輕松一點(diǎn)，效果滿(mǎn)分！

另外，模板中心中涵蓋了數(shù)百個(gè)優(yōu)質(zhì)的原型模板案例，電商類(lèi)、后臺(tái)類(lèi)、社交類(lèi)、辦公類(lèi)……模板類(lèi)型一應(yīng)俱全，滿(mǎn)足你的各種需求，一鍵保存，高效復(fù)用，讓原型設(shè)計(jì)工作更快更簡(jiǎn)單！

視覺(jué)設(shè)計(jì)屬于設(shè)計(jì)師的工作范疇，設(shè)計(jì)師會(huì)根據(jù)產(chǎn)品的使用場(chǎng)景及目標(biāo)用戶(hù)群體等屬性特征，對(duì)其進(jìn)行布局和配色方案的整理。

比如，針對(duì)中老年的產(chǎn)品，按鈕大小和字體顏色的設(shè)計(jì)需要更加醒目，便于用戶(hù)查看及點(diǎn)擊。

除設(shè)計(jì)之外，協(xié)作交付也是設(shè)計(jì)師的工作職責(zé)之一。

切圖是設(shè)計(jì)師交付給開(kāi)發(fā)的產(chǎn)物之一，設(shè)計(jì)定稿后，設(shè)計(jì)師需要將設(shè)計(jì)稿切成一張張小圖片，旨在于滿(mǎn)足開(kāi)發(fā)人員對(duì)于設(shè)計(jì)稿的高度還原需求。

我們公司的設(shè)計(jì)師通常使用摹客協(xié)作平臺(tái)進(jìn)行交付，不僅能一鍵打包下載切圖，還能自動(dòng)生成標(biāo)注信息，能為設(shè)計(jì)師減輕大量的協(xié)作交付工作。

代碼開(kāi)發(fā)，實(shí)則前后端工程師通過(guò)一行行的代碼，將設(shè)計(jì)圖1:1制作成對(duì)應(yīng)的網(wǎng)頁(yè)。

程序員將設(shè)計(jì)師交付的切圖與代碼相融合，從而高質(zhì)量、高效率地完成頁(yè)面的效果實(shí)現(xiàn)。

對(duì)于前端工程師而言，在開(kāi)發(fā)過(guò)程中，使用摹客查看對(duì)應(yīng)的自動(dòng)/手動(dòng)標(biāo)注，一鍵下載切圖文件，甚至還能復(fù)制CSS代碼，縮短開(kāi)發(fā)時(shí)間，大幅提升開(kāi)發(fā)效率！

在測(cè)試階段，要確保產(chǎn)品功能符合預(yù)期設(shè)計(jì)，通過(guò)后才可投入使用。

在測(cè)試環(huán)節(jié)，產(chǎn)品經(jīng)理主要起驗(yàn)證的作用，嚴(yán)格把好產(chǎn)品上線前的最后一關(guān)，保證產(chǎn)品能完美上線。

當(dāng)然，產(chǎn)品上線并不是終點(diǎn)，而是新的起點(diǎn)，因?yàn)樯暇€后，產(chǎn)研團(tuán)隊(duì)成員需要時(shí)刻跟蹤產(chǎn)品的情況，收集用戶(hù)反饋的問(wèn)題，不斷優(yōu)化改進(jìn)，循環(huán)往復(fù)。

以上這6步是產(chǎn)品設(shè)計(jì)的基本步驟，但并不是標(biāo)準(zhǔn)步驟，畢竟只要能交付有價(jià)值的產(chǎn)品才是重點(diǎn)，流程都是其次。

產(chǎn)品設(shè)計(jì)工作沒(méi)有終點(diǎn)，因此請(qǐng)產(chǎn)品經(jīng)理們，謹(jǐn)記以用戶(hù)為中心，不斷完善和改進(jìn)你的產(chǎn)品！