原型和PRD是產(chǎn)品經(jīng)理的主要產(chǎn)出物捷沸，和上一章功能和流程是緊密相關(guān)的聚凹，可以說他們是功能和流程的可視化室琢。
原型和PRD繪制時有一些技巧和規(guī)律可循。其中很重要的一部分是工具的使用绣的，聰明的大家去摸索一下就會很熟悉
頁面流程與頁面結(jié)構(gòu)圖
頁面流程圖
了解頁面流程圖
交互設(shè)計/原型設(shè)計的底子，基本依據(jù)
代表用戶的操作過程欲账，先作業(yè)面流程能快速發(fā)現(xiàn)體驗問題
突出頁面重點元素與邏輯關(guān)系屡江，提升原型設(shè)計的效率
eg:
頁面流程圖和信息架構(gòu)圖的區(qū)別
頁面流程圖，以用戶視角赛不，主要看流程的合理性
信息架構(gòu)圖惩嘉，以產(chǎn)品視角，主要看包含多少功能點
頁面流程圖適合于條狀比較復(fù)雜的產(chǎn)品功能踢故，如電商文黎、社交產(chǎn)品
信息架構(gòu)圖適合于層級比較分明的，如音樂產(chǎn)品殿较、新聞客戶端耸峭、閱讀類產(chǎn)品等
頁面流程圖包含什么？
四方形： 業(yè)務(wù)流程中四方形部分淋纲，異常流程為tips或者彈層
流向： 主干流向和輔助流向
重點元素： 每個流程中劳闹，重點體現(xiàn)和表達(dá)的內(nèi)容是什么？
畫頁面流程圖的工具
axure就足夠了，因為花了頁面流程緊接著就是原型圖
PPT也可以本涕，快二容易講解
后面以這樣的一個需求作為案例講解：
回歸到業(yè)務(wù)業(yè)務(wù)流程业汰，明確主線
頁面流程一定來自于業(yè)務(wù)流程
一般業(yè)務(wù)流程中的方形部分
異常流程一般為碳層或彈窗
-
業(yè)務(wù)流程畫得好，頁面流程就很簡單
如果你的工作中菩颖，很多時間都是用來畫原型改原型的話样漆，就要好好反思一下，你的業(yè)務(wù)流程和頁面流程是不是出了問題
這是上面產(chǎn)品的業(yè)務(wù)流程：
創(chuàng)建優(yōu)惠碼位他，后臺的頁面流程:
一般來說氛濒，后臺的頁面流程時間充沛的時候才去做产场。
使用優(yōu)惠碼：
最后用戶的流程是這樣的：
明確頁面中重點的元素
功能在頁面中鹅髓，有哪些是需要表現(xiàn)元素
增加異常流程的處理邏輯
增加輔助的幫主頁面
考慮下游觸發(fā)點
上面的流程得到的結(jié)果是這樣的
溝通和優(yōu)化調(diào)整
盡可能窮舉設(shè)計的頁面，然后做減法
通過草圖京景，優(yōu)化調(diào)整頁面關(guān)鍵元素
與UI窿冯、UE前端研發(fā)等多溝通有更好的效果
原型設(shè)計的基本原則
什么是產(chǎn)品原型？
回到產(chǎn)品畫布确徙，原型所處的位置醒串，在產(chǎn)品分析過程中，最有可能出現(xiàn)的地方是解決方案的這個地方鄙皇，因為原型就是解決方案的一種呈現(xiàn)芜赌，在工作流中，原型在需求評審和研發(fā)測試的時候發(fā)揮作用伴逸。
簡單來說缠沈，原型承載了解決方案的細(xì)化和落地.
產(chǎn)品原型的概念
產(chǎn)品原型，也叫線框圖错蝴。使用線條洲愤、圖形繪制出的產(chǎn)品框架
產(chǎn)品落地的關(guān)鍵點，從虛擬概念到用戶解除的節(jié)點
所謂的虛擬概念顷锰，就是需求和問題的轉(zhuǎn)化柬赐，得到一個具體的方案。然后以產(chǎn)品原型的方式呈現(xiàn)
- 產(chǎn)品經(jīng)理產(chǎn)出的關(guān)鍵內(nèi)容官紫，上傳下達(dá)肛宋，傳達(dá)給UI、UE同事束世，而且會成為研發(fā)參考的重要材料酝陈。
五大原型設(shè)計常用工具
筆和紙
筆和紙
筆和紙
筆和紙
原型工具： Axure、Sketch良狈、墨刀等后添。
非常推薦手繪原型，因為它很容易修改。一般情況下遇西，你是用紙和筆畫原型的時間要占到你整合原型繪制過程中的80%的時間馅精。
原型的繪制關(guān)鍵是人，至于工具粱檀，選一個自己用的順手的就可以了洲敢。
好的原型有什么特點？
如何開始原型設(shè)計?
從原型到上限的過程
動手之前的忠告
- 產(chǎn)品需求沒想明白之前茄蚯，不要摸Axure
- 產(chǎn)品流程沒理清楚之前压彭，不要摸Axure
- 在你沒有手繪草圖之前，不要摸Axure
- 在你沒把草圖和Boss過了基本確定之前渗常。不要摸Axure
我們在基本方案確定之前壮不，采用手繪，這樣的方案效率是最高的皱碘，成本也是最低的询一。
開始原型設(shè)計
原型設(shè)計的好習(xí)慣
先手繪，再上軟件
- 討論階段癌椿，手繪成本最低健蕊，調(diào)整容易
- 大白板、A4紙都可以
- 如果是APP的設(shè)計踢俄，可以去某寶買帶手機框的白紙
用真實比例缩功，真實的文案
- 真實比例、真實字號會讓元素更真實
- 真實文案可以避免在需求評審的時候被質(zhì)疑
- 真實模擬可能出現(xiàn)的極端情況都办，并示例清楚
不要上顏色 不要上顏色 不要上顏色 不要上顏色
目錄樹清晰嫡锌，閱讀流暢
有修改記錄，關(guān)鍵修改重新保存文件
緊扣需求主題脆丁，不橫生枝節(jié)
- 如果原型需要增加新功能世舰，先考慮后端數(shù)據(jù)來源
- 不要為了“長得好看”而増加新模塊
三招讓你成為原型設(shè)計大牛
- 一定要努力畫
- 一定要認(rèn)真畫
- 重復(fù)1和2
如何寫需求文檔
好多人認(rèn)為需求文檔很沒有用，因為都沒人看寫了沒有成就感槽卫，對項目也沒有幫助跟压。
實際上需求文檔除了評審會議時，協(xié)助內(nèi)部溝通外歼培，它更重要的是存檔的作用震蒋，它能讓需求有據(jù)可查，交接更容易,更職業(yè)躲庄，跟進(jìn)者了解之前的做法和過程查剖。
什么是需求文檔
俗稱：
俗稱： MRD、PRD噪窘、BRD等等笋庄，概念不重要
效果： 說明為什么要干，怎么干，干了后有什么效果’
內(nèi)容： 明確產(chǎn)品背景直砂、需求菌仁、流程、原型静暂、交互等內(nèi)容
誰看： 需求文檔的閱讀對象：設(shè)計師济丘、研發(fā)、測試
需求文檔有什么用洽蛀？
用什么工具寫需求文摹迷？
- Word:傳統(tǒng)的需求文檔都是Word的，如果大的項目郊供，我還是建議用Word的來寫的
- Axure標(biāo)注：直接用axure中寫標(biāo)注峡碉，小功能、初創(chuàng)團(tuán)隊的首選颂碘，團(tuán)隊配合融洽异赫，可以用這個
高顏值的需求文檔有什么特點？
- 結(jié)構(gòu)： 邏輯清晰头岔，層次分明VS沒有標(biāo)準(zhǔn)過程
- 背景：需求背景描述清楚VS一上來講功能和原型
- 流程圖：業(yè)務(wù)流程、頁面流程均有VS一上來講原型
- 目標(biāo)：考核指標(biāo)鼠证、算法清楚VS沒指標(biāo)憑感覺
- 習(xí)慣：變更過程清楚VS改來愛去改回第一版
需求文檔怎么寫
項目背景以需求分析
- 水提需求》什么市場峡竣？遇到什么問題？
- 簡要描述分析過程：決策過程和依據(jù)是什么量九？解決方案是什么适掰？
- 有沒有相關(guān)的北京數(shù)據(jù)資料
- 明確本錯需求：用戶、場景荠列、需求类浪、解決方案是什么？
本次需求的目的及功能
- 這個需求整體是什么樣子的肌似？是否要分階段费就？
- 本次需求做哪些？前后關(guān)系是什么川队？
- 本次需求的功能清單有什么力细？
- 涉及的功能或頁面有什么？
流程與所處的產(chǎn)品模塊關(guān)系
- 業(yè)務(wù)邏輯圖
- 業(yè)務(wù)流程圖
- 頁面流程圖
功能細(xì)節(jié)描述
- 交互設(shè)計
- 原型圖
簡要的測試用例（可選）
- 關(guān)鍵用用例什么
- 重點關(guān)注點
- 錯誤提示表等
考核指標(biāo)
- 本次時羞怯要統(tǒng)計哪些指標(biāo)固额？
- 怎么計算的眠蚂？
- 怎么埋點的？
--
這是我在學(xué)習(xí)產(chǎn)品能力的第10篇學(xué)習(xí)筆記斗躏。歡迎拍磚逝慧。
