大家好，我是IT修真院鄭州分院第8期學員，一枚正直、純潔、善良，嚴謹理性與藝術智慧并存的PM。

今天給大家分享一下，PM工作內容一個比較重要的問題：畫原型圖時需要主意什么？

目錄

一.畫原型圖前

二.畫原型圖時

三.畫原型圖后

一.畫原型圖前

在畫原型之前，請先擬好流程和信息結構

? ? ?首先，拿到功能先要理解功能，理解用戶在用這個功能時會是怎么操作的，用戶之間的關系又是怎么樣的，也許腦子里有大概的流程，但是更好的辦法是把流程畫出來，畫出流程后，對每個流程中可能涉及到的操作和內容進行整理，將這些內容合理的整理到直觀的信息結構中，然后在帶入到具體的頁面，并且不斷思考流程和改進細節(jié)。

先有方向才有框架，有了框架才能填入內容，有了內容才能不斷進行更細致的調整和修改。

總的來說，框架和內容就相當于流程圖和信息結構，具體的流程圖和信息結構可以用腦圖和Story完成。

story就是我們平時寫的用戶故事，作為????（角色），我想要???（功能），以便???（解決什么樣的問題）。

腦圖就是幫助梳理的工具，目前我用的是百度腦圖。

百度腦圖的主要功能就是幫我們梳理思路和流程。因為畫原型圖是的流程還有相互之間的關系還是挺多的，即便大腦一些輪廓難免會有些遺漏。而信息結構圖能很好的解決這一點：頁面結構，頁面內容，頁面關系和頁面狀態(tài)等。

剩下的就看把流程和內容應用到原型上的功力了。做原型時更多的從用戶角度思考，同時平時可以多觀察觀察其他app，不斷積累。不過也別想一次性就把所有細節(jié)都考慮到，大體方向確定了，后面的細節(jié)可以慢慢補充，慢慢完善。

二.畫原型圖時

由于畫圖之前我們已經(jīng)做了很多工作了，所以畫圖時相對會順利些，基本不需要大的涂涂改改，反反復復了。這樣就減少了我們畫圖時所耗費的時間。

接下我們來了解下下畫圖時具體需要注意哪些問題：

1頁面框架要清楚

多初手畫原型圖，一般是畫多少頁面就重建多少page，并且每個page都是平行關系。在這種情況下，想通過看原型圖的目錄來了解產品的頁面關系，完全是懵掉的，和你對接的設計和開發(fā)也可能分分鐘狗帶。

2頁面不影響設計師的視覺

這點和大家天天嘴里說的“高保真原型圖”恰恰相反。

為什么呢？

產品經(jīng)理需求分析完成后，需要拿著原型圖和設計師進行直觀溝通，溝通清楚之后，設計師就會開始設計。

那么，原型圖對于設計師而言，是一個便于理解需求的工具亦或是忘記需求時的查看工具，從這個角度說，就不該給工具賦予一些其他角色，比如影響設計師的設計感覺。

3頁面元素要統(tǒng)一

畫原型圖的時候，勢必會用到很多軟件中自帶的控件。一開始沒有形成自己習慣的時候，可能會有以下情況：

同一個頁面內同一種控件代表好多種行為；

同一個頁面內同一種控件表示同一個行為，不同頁面之間同一種控件表示好多種行為；

4頁面排版要整齊

排版這個就不多說了，主要就是整體界面看起來要整齊

5善用軟件輔助功能

?主要就是要善于使用軟件自帶的功能比如：輔助線、母版、組合等，這樣可以提高個人的畫圖效率

6注釋

畫原型圖時要學會寫注釋，注釋是我們跟程序員溝通的很重要的一個環(huán)節(jié)，很多功能點都要靠注釋來完成

三.畫原型圖后

當然了，并不是我們的原型圖設計完之后就大功告成了，也不是原型確定了之后系統(tǒng)的頁面就一定原封不動的按照原型去做。所以，在原型圖設計完之后，需要對其進行修改和檢查。首先要檢查你的頁面設計是否重點突出，也就是我們在第一點提到的要讓人一眼看出你的原型頁面突出的內容是什么，如果重點不明確，內容不突出，那么很遺憾的告訴你，你的原型可能有些不成功，這個，需要改！與內容相對應的就是檢查你要實現(xiàn)的功能是否在頁面中突出顯示出來，而且注意要把想要表達的功能放在明顯的地方表現(xiàn)出來，如果這點仍然也不符合，只能遺憾的告訴你，這個，需要改！最后呢，最好試著把你設計的原型按照你的思路走一遍，看看是否有哪些不順暢、別扭的地方。而且要注意的是，這個時候你要學會換位思考，把自己當成一個用戶而不是一個設計者，看看在整個流程的過程中是否有用戶體驗度不好的地方，試著提出一些疑問，并小心求證一下，積極改正。

ptt地址：

https://ptteng.github.io/PM/ppt/PM-03-%E7%94%BB%E5%8E%9F%E5%9E%8B%E5%9B%BE%E9%9C%80%E8%A6%81%E6%B3%A8%E6%84%8F%E4%BB%80%E4%B9%88.html#/