為什么要畫網(wǎng)頁(yè)原型

1.給產(chǎn)品經(jīng)理用

產(chǎn)品經(jīng)理在設(shè)計(jì)一個(gè)項(xiàng)目時(shí)，內(nèi)心有很多想法，這些想法并不是很具體，這時(shí)候就需要用具象的東西表達(dá)出來(lái)，才能想更細(xì)節(jié)的東西。

2.給我們的團(tuán)隊(duì)成員用

產(chǎn)品經(jīng)理需要將自己的想法表達(dá)出來(lái)告訴UI，交互，開發(fā)，這時(shí)候就需要用原型來(lái)表達(dá)，大家就不會(huì)跑偏。

3.給用戶用

在一個(gè)產(chǎn)品快速開發(fā)迭代的時(shí)候，在產(chǎn)品做出來(lái)之前就要做幾版原型給用戶用，確認(rèn)這個(gè)產(chǎn)品是否合適。

4.給投資者用

給投資人用原型展示你的想法，投資人就會(huì)非常清晰的知道你想做什么，這時(shí)候就能夠幫助我們和投資人談投資。

Axure的使用群體

對(duì)AxureRP的使用群體描述包括：商業(yè)分析師，信息架構(gòu)師，可用性專家，產(chǎn)品經(jīng)理，IT咨詢師，用戶體驗(yàn)設(shè)計(jì)師，交互設(shè)計(jì)師，界面設(shè)計(jì)師等，另外，架構(gòu)師、程序開發(fā)工程師也可以使用。

原型在產(chǎn)品工作中的應(yīng)用-繪制架構(gòu)圖

每一個(gè)網(wǎng)站的規(guī)劃，少不了要繪制樹狀的網(wǎng)站架構(gòu)，架構(gòu)圖能夠以可視化的方式呈現(xiàn)網(wǎng)頁(yè)層級(jí)。在Axure RP的站點(diǎn)地圖面板定義好網(wǎng)站結(jié)構(gòu)，只要點(diǎn)擊一下就可以轉(zhuǎn)成樹狀架構(gòu)圖。開啟一個(gè)空白頁(yè)面，在站點(diǎn)地圖面板中的最上層頁(yè)面(index或 home)，按鼠標(biāo)右鍵，選擇“生成流程圖”，此時(shí)會(huì)出現(xiàn)一個(gè)對(duì)話框，尋問想要產(chǎn)生標(biāo)準(zhǔn)或是右懸掛的選項(xiàng)。

接下來(lái)Axure RP就會(huì)把所選擇的站點(diǎn)架構(gòu)繪制成樹狀架構(gòu)在頁(yè)面上，而且樹狀架構(gòu)圖中的網(wǎng)頁(yè)節(jié)點(diǎn)會(huì)自動(dòng)連結(jié)到對(duì)應(yīng)網(wǎng)頁(yè)。

Axure RP輸出的樹狀架構(gòu)圖的字體/節(jié)點(diǎn)顏色等，可以透過上方的工具列自行調(diào)整字體顏色/區(qū)塊填色/線條粗細(xì)顏色等等。如果樹狀架構(gòu)圖過于龐大，也可以從次單元首頁(yè)，按鼠標(biāo)右鍵，選擇生成流程圖，選擇輸出選項(xiàng)右懸掛，來(lái)逐步依次輸出每個(gè)樹枝的結(jié)構(gòu)，再組合成完整的樹狀架構(gòu)圖。

原型在產(chǎn)品工作中的應(yīng)用-流程圖

流程圖可以用來(lái)表達(dá)各式各樣的流程，包括：用例、商業(yè)流程與網(wǎng)頁(yè)流程，在Axure RP中，流程圖常被用來(lái)說明所設(shè)計(jì)頁(yè)面可以達(dá)成的功能或者過程。