摘要：因公司產品采用遠程分布式開發，產品和技術分隔兩地，沒有面對面交流那么直接明確，無論是之前的文檔、原型還是溝通方式都存在很大的不足，容易造成信息缺失或誤解，給技術小伙伴造成極大不便。工作之余一直在思考：什么樣的原型文檔，標注方式才是異地開發最高效的？現將自己梳理出的原型文檔規范模板分享出來，希望能對需要的人有所幫助。
一、原型設計流程怎樣才有效？
需求大綱——>頁面結構——>競品比對——>信息結構——>繪制原型——>原型交互——>需求標注
首先先列需求大綱，習慣使用印象筆記，盡可能使用簡短的話把需求闡述清楚，然后把主要流程梳理明確，使用Axure即可。
第2步使用X-mind羅列產品頁面結構圖，這部分工作主要是讓我清楚地掌握有多少個頁面，頁面間的父子層級關系，確定功能重要性和開發優先級；
這時候，我一般會停下來，不急著開始畫原型，我會把AppStore和應用市場相關的競品都下載，仔細的看這些競品是怎么設計的，頁面布局是怎樣的，如何處理不同功能之間的聯動，版本迭代中的功能上線優先級之類的。這里記住，千萬不要截圖，就是廣泛的看，去體驗，去理解，去思考背后設計的初衷。
第4步，開始梳理信息結構，比如首頁分為幾個區域，每個區域放哪些元素，采用什么布局方式等等。簡而言之搞清楚每個頁面都需要放哪些元素，使用Excel就足夠了；
第5步，按照頁面結構和信息結構開始繪制原型，確定每個頁面的布局和元素的位置，快速的繪制原型初稿。這個階段主要是主要流程走通，如賬戶管理、發布信息、搜索篩選之類的。
第6步，在原型初稿的基礎上，開始深度的思考功能的必要性和優先級，盡可能把冗余的元素刪除或精簡，盡可能突出每個頁面的重要元素，使用不同的大小的字體，區域的灰度來標識。一邊修改，一邊添加交互細節，可以把細節用文字的形式標注在原型周圍。
最后，我會使用統一的原型標注表格，將原來每個頁面混亂的標注整理到表格中，重點標識出異常邊界和文案提示，區分全局說明和局部說明，盡可能將標注寫的精簡、明確、全面。
二、原型文檔需求大綱有哪些？
產品概述和版本歷史沒什么說的，都是固定格式的表格模板，根據自己的習慣和產品來處理即可，這里重點說下全局說明。不說廢話，直接上圖！
三、全局說明是什么？
1、手勢說明
4、提示樣式說明
5、頁面區域說明
所有文章
