最近，有一些同學(xué)或者其他業(yè)務(wù)部門的人煌茴，想要做產(chǎn)品經(jīng)理随闺。就問了我一些畫原型的事兒。我發(fā)現(xiàn)他們重點關(guān)注的蔓腐，都是動態(tài)的原型技巧和實現(xiàn)矩乐。在我觀察，一些有經(jīng)驗的產(chǎn)品在需求評審時回论，也是花了很多時間去做了一個動態(tài)的原型散罕。我很能理解他們的心情和出發(fā)點臼氨。但我還是苦口婆心的跟那些同學(xué)术辐，準(zhǔn)產(chǎn)品和準(zhǔn)交互說，原型圖的靈魂不是逼真的動態(tài)的效果%%##@@@……
本章內(nèi)容中，作者總結(jié)了畫原型的技巧和要點僚害，我的感覺是…………………我之前畫的都不是原型圖(┬＿┬)
原型——設(shè)計方案的表達(dá)
- 包含對產(chǎn)品的功能和內(nèi)容的說明
- 既包括靜態(tài)的頁面樣式（線框圖），也包括動態(tài)的操作效果（動態(tài)操作or交互說明）
-
清晰繁调，規(guī)范的原型的好處：
1.多種角色之間良好的溝通平臺（人人都喜歡看圖）
2.專業(yè)性的體現(xiàn)（“以貌取人”不是錯）
- 作者推薦的原型軟件：Axure（適用范圍廣）萨蚕；PPT（用于移動app的動效演示）
- 高保真原型？適用用于展示和用戶測試蹄胰，一般的項目中不會花太多精力去做
標(biāo)準(zhǔn)的原型包含什么岳遥？
- 更新日志：大部分原型都會修改很多次，方便相關(guān)人員看到修改點
- 版本號
- 信息結(jié)構(gòu)圖
- 任務(wù)流程圖：不同于需求文檔中的業(yè)務(wù)流程裕寨，業(yè)務(wù)流程關(guān)注于業(yè)務(wù)限制和后臺邏輯浩蓉，但是任務(wù)流程圖只是關(guān)注用戶如何操作派继，界面如何反饋等。
- 頁面流程圖
- 線框圖：代表靜態(tài)的部分
- 交互說明：代表動態(tài)的部分
原型設(shè)計要點
動態(tài)效果代替交互說明不可饶硌蕖：
1.動態(tài)效果制作比較費時間驾窟，尤其是原型是經(jīng)常修改的情況下
2.動態(tài)原型需要相關(guān)人員，逐一操作才能看到全部狀態(tài)认轨，不利于設(shè)計方案的表達(dá)效率交互說明包括：
限制绅络，范圍值，極限值嘁字，操作恩急，循環(huán)操作，一般狀態(tài)纪蜒，特殊狀態(tài)衷恭，誤操作，反饋纯续，跳轉(zhuǎn)其他技巧：
1.明暗對比匾荆，不使用截圖和顏色（我持有不同意見）
2.合理布局（和視覺溝通）
3.柵格規(guī)范（我沒用過額…………）
4.第一屏的高度（600px）
5.正確表達(dá)界面層次和視覺元素
6.了解視覺趨勢交互說明技巧：
1.使用真實的數(shù)據(jù)
2.不遺漏特殊狀態(tài)
3.避免過長的說明
4.必要時采用圖，文杆烁，表結(jié)合的方式
5.如果模塊的交互說明內(nèi)容很多牙丽，可以單獨成一個頁面
6.原型如有變更，口頭通知其他角色或者在項目討論組里兔魂，指明相關(guān)人員知曉
聊聊設(shè)計規(guī)范
- 設(shè)計規(guī)范是隨著產(chǎn)品發(fā)展和成熟建立起來的
- 包括：交互規(guī)范烤芦，色彩規(guī)范，logo規(guī)范析校，icon規(guī)范构罗，控件規(guī)范等
- 產(chǎn)品大了，模塊多了智玻，會出現(xiàn)多種樣式遂唧，但基本相似的界面元素會導(dǎo)致，界面一致性的問題吊奢，設(shè)計效率不高盖彭，開發(fā)成本高，維護(hù)和修改成本大
- 怎么做規(guī)范页滚？
1.時間：項目開始前召边？不可能，一般是項目快要結(jié)束或者結(jié)束后
2.規(guī)范是指導(dǎo)后面的設(shè)計的裹驰，是可以復(fù)用的隧熙，不是設(shè)計的總結(jié)
3.交互規(guī)范先于視覺規(guī)范
4.先做“大”再做“小”
