相信不少產(chǎn)品經(jīng)理在剛?cè)胄袝r(shí)，都遇到過這樣的情況：
接到需求后不知所措，然后下意識(shí)地照著競(jìng)品開始盲目地畫原型。
其實(shí)，這樣的設(shè)計(jì)過程不僅缺乏邏輯性，在后續(xù)階段也很容易出現(xiàn)各種問題。
在此，跟大家分享一下我做產(chǎn)品的流程，總共是以下6個(gè)步驟。
1）業(yè)務(wù)分析幾乎每一款產(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)倉出庫流程圖、資金流程圖；外賣業(yè)務(wù)有接單業(yè)務(wù)流程圖、派單業(yè)務(wù)流程圖、訂單流轉(zhuǎn)流程圖等。
先梳理大的業(yè)務(wù)模塊，再一一繪制不同模塊的流程，一整套工作下來，相信你會(huì)對(duì)全局業(yè)務(wù)形成比較清晰地認(rèn)知。
2）產(chǎn)品分析業(yè)務(wù)分析完后，就可以進(jìn)入產(chǎn)品分析階段，這部分主要是明確能為用戶解決什么樣的問題，其中競(jìng)品分析、用戶調(diào)研都屬于這一階段的工作。
產(chǎn)品分析包含了對(duì)目標(biāo)用戶、人群畫像、需求定義等一系列分析，站在用戶和產(chǎn)品的角度，將用戶的痛難點(diǎn)問題具象化地表達(dá)出來，從而確定產(chǎn)品的功能。
3）原型設(shè)計(jì)前期業(yè)務(wù)及產(chǎn)品相關(guān)的內(nèi)容梳理完后，便進(jìn)入原型設(shè)計(jì)環(huán)節(jié)。
原型設(shè)計(jì)包括線框圖（低保真）和高保真設(shè)計(jì)。
線框圖的繪制方法有很多，除了使用專業(yè)工具外，用紙和筆直接畫也問題不大；而高保真原型稿只能通過專業(yè)工具完成，因?yàn)樗鼛缀醢凑諏?shí)物繪制，其中包含各大功能和交互的細(xì)節(jié)。
對(duì)我而言，我常用的原型設(shè)計(jì)工具是摹客RP，它既使用簡(jiǎn)單便捷，而且也能滿足我對(duì)高保真設(shè)計(jì)的需求。
摹客RP預(yù)設(shè)了豐富的組件及圖標(biāo)，拖拽即可使用，無需全網(wǎng)搜尋并下載組件庫。支持多種交互效果，常見的狀態(tài)交互、頁面交互、手勢(shì)交互，輕松一點(diǎn)，效果滿分！
另外，模板中心中涵蓋了數(shù)百個(gè)優(yōu)質(zhì)的原型模板案例，電商類、后臺(tái)類、社交類、辦公類……模板類型一應(yīng)俱全，滿足你的各種需求，一鍵保存，高效復(fù)用，讓原型設(shè)計(jì)工作更快更簡(jiǎn)單！
4）視覺設(shè)計(jì)視覺設(shè)計(jì)屬于設(shè)計(jì)師的工作范疇，設(shè)計(jì)師會(huì)根據(jù)產(chǎn)品的使用場(chǎng)景及目標(biāo)用戶群體等屬性特征，對(duì)其進(jìn)行布局和配色方案的整理。
比如，針對(duì)中老年的產(chǎn)品，按鈕大小和字體顏色的設(shè)計(jì)需要更加醒目，便于用戶查看及點(diǎn)擊。
除設(shè)計(jì)之外，協(xié)作交付也是設(shè)計(jì)師的工作職責(zé)之一。
切圖是設(shè)計(jì)師交付給開發(fā)的產(chǎn)物之一，設(shè)計(jì)定稿后，設(shè)計(jì)師需要將設(shè)計(jì)稿切成一張張小圖片，旨在于滿足開發(fā)人員對(duì)于設(shè)計(jì)稿的高度還原需求。
我們公司的設(shè)計(jì)師通常使用摹客協(xié)作平臺(tái)進(jìn)行交付，不僅能一鍵打包下載切圖，還能自動(dòng)生成標(biāo)注信息，能為設(shè)計(jì)師減輕大量的協(xié)作交付工作。
5）代碼開發(fā)代碼開發(fā)，實(shí)則前后端工程師通過一行行的代碼，將設(shè)計(jì)圖1:1制作成對(duì)應(yīng)的網(wǎng)頁。
程序員將設(shè)計(jì)師交付的切圖與代碼相融合，從而高質(zhì)量、高效率地完成頁面的效果實(shí)現(xiàn)。
對(duì)于前端工程師而言，在開發(fā)過程中，使用摹客查看對(duì)應(yīng)的自動(dòng)/手動(dòng)標(biāo)注，一鍵下載切圖文件，甚至還能復(fù)制CSS代碼，縮短開發(fā)時(shí)間，大幅提升開發(fā)效率！
6）測(cè)試上線在測(cè)試階段，要確保產(chǎn)品功能符合預(yù)期設(shè)計(jì)，通過后才可投入使用。
在測(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)品的情況，收集用戶反饋的問題，不斷優(yōu)化改進(jìn)，循環(huán)往復(fù)。
結(jié)語以上這6步是產(chǎn)品設(shè)計(jì)的基本步驟，但并不是標(biāo)準(zhǔn)步驟，畢竟只要能交付有價(jià)值的產(chǎn)品才是重點(diǎn)，流程都是其次。
產(chǎn)品設(shè)計(jì)工作沒有終點(diǎn)，因此請(qǐng)產(chǎn)品經(jīng)理們，謹(jǐn)記以用戶為中心，不斷完善和改進(jìn)你的產(chǎn)品！
