繼前面梳理需求和規(guī)劃版本之后，具體到產(chǎn)品設計上，具體產(chǎn)出物就是產(chǎn)品原型。本文總結實際在用的一些原則。

一、業(yè)務流程

捋順業(yè)務流程

二、產(chǎn)品流程

C端、B端、項目經(jīng)理、運營人員、管理后臺等各角色的泳道圖設計

三、選擇框架

每個產(chǎn)品經(jīng)理腦子里要裝一些常見產(chǎn)品結構（尤其PC端），幫助很大

四、拆分頁面

不要一味認為頁面越少越好，前提是保證用戶能順暢完成的操作

五、原型設計

1:1原則，PC&M都以實際大小的尺寸進行設計，便于觀察實際效果。

PC端tab切換用戶通常很少點擊，要慎用。

不要讓用戶選擇，主流程清晰。一個頁面不要出現(xiàn)2頁按鈕，如果非常有必要，那么請區(qū)分出主要操作和次要操作，上下擺放按鈕，左右擺放容易給用戶造成困擾（視覺上也不好處理）

設計的丑沒關系，關鍵要符合產(chǎn)品定位能更好的服務用戶。比如在線筆試類產(chǎn)品答題頁的答題卡把所有題號都顯示出來，已答未答當前狀態(tài)一目了然，勝過為美觀而隱藏等設計

全局考慮數(shù)據(jù)、圖片展現(xiàn)。避免創(chuàng)建時候用橫項logo，展示時候縱向，各處設計要一致

能用富文本框就用富文本框。很多時候需要支持各種樣式

有哪些邊界條件是一定要規(guī)避的

面包屑導航很重要，Loading、內容為空的提示能很好改善體驗

不同狀態(tài)的修改頁面不一定所有元素都能改，列表上操作項也會不同

打破思維局限。你看到的XX列表，不一定非要用這種方式展現(xiàn)，他只是一種數(shù)據(jù)展現(xiàn)方式，你可以有適合自身產(chǎn)品的創(chuàng)新

全部設計完成后，帶入場景模擬一遍用戶操作，思考是否是最佳路徑，是否有異常情況，隔一天再看看操作一遍可能發(fā)現(xiàn)新的不合理地方

不要擔心技術無法實現(xiàn)，放開按照最完美的方案進行設計，因為需求

至此，你就產(chǎn)出產(chǎn)品原型了

------------

你是如何做原型設計的呢？歡迎評論區(qū)留言討論