一個好的原型，不僅要體現(xiàn)產(chǎn)品構想、交互，也應該有恰當、明確的標注。不僅可以讓團隊其他設計、開發(fā)、測試理解產(chǎn)品需求，也能幫助最終實現(xiàn)的產(chǎn)品能最大程度的貼近原始設想。
那么自然會產(chǎn)生出這些問題，我們有哪些好的方式來對原型做標注呢？在標注的同時，是否可以體現(xiàn)產(chǎn)品操作流程？哪些內(nèi)容適合添加在標注里？
從Axure8.0開始，軟件自帶元件增加了標記元件。
因此，本文總結(jié)的經(jīng)驗是，通過內(nèi)聯(lián)框架和標記元件，來展現(xiàn)頁面流程和更好的進行頁面標注。內(nèi)聯(lián)框架屬于基礎元件分類，而標記元件專門做了一個分類，可見Axure公司也非常重視原型中的標注問題。
一、自帶標記元件
分為五種元件，每一種用途不同。如下所列，是每種元件最適合的使用方式。
按照上面的方式可以在完成原型的整體結(jié)構以后，制作所有頁面的操作流程圖。
頁面快照：可自動隨著頁面而更新，因為它的本質(zhì)就是對引用頁面的縮放顯示。
水滴和箭頭：可體現(xiàn)各個頁面之間的關聯(lián)。
頁面流程圖，更適合移動端產(chǎn)品。web前端產(chǎn)品或后端產(chǎn)品，都更偏重實時或個性篩選功能，不太注重流程的體現(xiàn)。
二、自帶流程圖元件
流程圖也是產(chǎn)品經(jīng)理經(jīng)常接觸的好幫手。
常見的強大靈活如Visio，還有部分在線協(xié)同類流程圖工具。所謂萬變不離其宗，只要能清晰、完整地表達各個環(huán)節(jié)關聯(lián)，及邏輯順序判斷，使用什么工具都是可以的，哪怕用Word。
此處想說明的是，Axure也可以畫流程圖，而且能加入任何元素，只要使用得當，也可讓你稱心如意。
個人自覺唯一的缺點是自帶樣式不甚好看，但好在可以隨心所欲調(diào)整。
三、自帶框架元件
在軟件基礎元件的倒數(shù)第二個，便是內(nèi)聯(lián)框架。
內(nèi)聯(lián)框架的表現(xiàn)形式就是
點擊某處A時，讓另一個區(qū)域B顯示你期望的內(nèi)容C。
這個效果和動態(tài)面板有點類似，但二者各有優(yōu)劣，內(nèi)聯(lián)框架建議的使用場景是下面這些。
四、如何結(jié)合使用
本文小結(jié)內(nèi)容主要是關于流程和標注，那么以上三類元件如何結(jié)合使用呢？步驟要點可歸納如下
一）梳理一份原型所需要的頁面和每個頁面要點
說白了，你得清楚你大概要繪制多少個頁面，每個頁面大概要實現(xiàn)什么，這就是結(jié)構體現(xiàn)。
有的頁面包含詳情頁，有的頁面一個功能和其他頁面有關聯(lián)跳轉(zhuǎn)，有的頁面層層遞進，怎么是合理的歸類，怎么是方便直白的命名，都在這個環(huán)節(jié)考慮清楚。
二）設置一個總目錄
這個總目錄先得初步有一份，后期完成所有頁面再更新。就像一份文檔都會有個目錄，原型目錄體現(xiàn)的是框架，能讓人第一眼對你的成果有整體全面的認知。
目錄可以使用內(nèi)聯(lián)框架，更建議使用動態(tài)面板或最簡單的鏈接。
目錄要包含的內(nèi)容除了產(chǎn)品原型，也可加上業(yè)務背景、用戶畫像及場景、市場或商業(yè)背景說明、更新日志等等。
三）繪制每個一級頁面，二級次之
這一步不在此細說，就是豐富每個頁面的內(nèi)容。
四）繪制流程圖
流程圖可分為針對每個使用場景的操作流程圖、頁面間跳轉(zhuǎn)流程圖、單頁面流程圖。
操作流程圖建議使用類似Visio的畫法，上述第三部分已做說明。
頁面間流程圖見第一部分，單頁面流程圖涉及內(nèi)容不會太多，用文字或箭頭示意皆可。
五）調(diào)整修改及預覽
一份原型少不了無數(shù)次的修修改改，做完了一定整體多次瀏覽，每一處都要點擊測試，保證你的效果正常顯示。最后生成預覽文件。
— — — — 系 列 目 錄 — — — —
這不是Axure教程！（四）元件六要素與用例
這不是Axure教程?。ㄎ澹┳兞颗c函數(shù)
這不是Axure教程?。﹦討B(tài)面板之一:屬性和動效
這不是Axure教程?。﹦討B(tài)面板之二:經(jīng)典實踐
— — — — 目? 錄? 完 — — — —
