劉 鵬

(大慶油田試油試采分公司 作業(yè)大隊,黑龍江 大慶 163514)

0 引言

油田進行軟件開發(fā)時，往往是由軟件開發(fā)人員進行前期調研，調研結束后根據(jù)用戶需求開始項目的制作。在制作的過程中，由于軟件開發(fā)人員與用戶溝通過程中存在一些問題，在項目完成后期，用戶會提出多處的更改意見，這就會增加軟件開發(fā)人員的工作難度。而如果軟件開發(fā)人員在調研結束后，制作出整個項目的原型，展示給用戶看，那么不僅能夠提高工組效率，而且避免了后期反復修改的麻煩，因此需要一款合適的原型設計工具。

1 Axure RP 技術概述

Axure RP 是美國Axure Software Solution 公司的旗艦產(chǎn)品，是一個專業(yè)的快速原型設計工具，具有讓負責定義需求和規(guī)格、設計功能和界面的專家能夠快速創(chuàng)建應用軟件或Web 網(wǎng)站的線框圖、流程圖、原型和規(guī)格說明文檔的功能。作為專業(yè)的原型設計工具，它能快速、高效地創(chuàng)建原型，同時支持多人協(xié)作設計和版本控制管理。

Axure RP 能幫助網(wǎng)站需求設計者，快捷而簡便的創(chuàng)建基于目錄組織的原型文檔、功能說明、交互帶注釋的Wireframe網(wǎng)頁，并可自動生成用于演示的網(wǎng)頁文件和Word 文檔，以提供演示與開發(fā)。

Axure RP 的工作環(huán)境是可視化的，可以讓你輕松快速的以鼠標拖拽的方式創(chuàng)建帶有注釋的線框圖。不用進行編程，就可以在線框圖上定義簡單鏈接和高級交互。在線框圖的基礎上，可以自動生成HTML 原型和Word 格式的規(guī)格說明書?？煽焖賱?chuàng)建帶注釋的Wireframe 文件，并可根據(jù)所設置的時間周期，使軟件自動保存文檔，確保文件安全。在不寫任何一條HTML 與JavaScript 語句的情況下，通過創(chuàng)建的文檔以及相關條件和注釋，一鍵生成Prototype 演示。根據(jù)設計稿，一鍵生成一致而專業(yè)的Word 版本原型設計文檔。

1.1 控件交互

Axure RP 具有很強大的交互功能，利用這個功能你無需熟悉JS 等編碼技術就可以實現(xiàn)非常復雜的效果。例如：動畫、頁面跳轉、TAB 頁面、根據(jù)變量切換內容等。在新版本中增加了拖拽功能。

1.2 Axure RP 的事件

動作編輯器包含了21 個預定事件及1 個非預定事件。使用動作編輯器可以非常方便地添加交互事件，幾乎不用手動寫入一句代碼就能完成相當復雜的交互效果。

1.3 模塊的使用

模塊是可以重復使用的特殊頁面。一些常用模塊如頁首（Header）、頁尾（Footer）與導航（Navigation）。模塊可用在頁面中或是其他模塊中。只要修改模塊，在所有頁面中引用這個模塊的模塊實例就會隨即全部跟著變化。模塊的概念猶如PowerPoint 中母版、Dreamveawer 中模板的概念，熟練掌握模塊可以大大提高原型設計的效率，并易于維護管理。如一些網(wǎng)站頁頭、頁尾及通用的通知框都可以制作成模板形式。

1.4 生成HTML 原型

在Axure 中設計了帶注釋的線框圖并定義了交互之后就可以產(chǎn)生一個可以互動的、基于瀏覽器的原型了。Axure 原型是一些HTML 和JavaScript 文件可以在IE6＋、Mozilla、Firefox瀏覽器中執(zhí)行。通過配置和生成原型，使用HTML 原型以及發(fā)布原型來使用Axure。

2 原型設計工具比較

紙筆：簡單易得，上手難度為零。有利于瞬間創(chuàng)意的產(chǎn)生與記錄，有利于對文檔即時的討論與修改。使用度不高，難以表述頁面流程，更難以表述交互信息與程序需求細節(jié)。

Word：上手難度低?？梢援媁ireframe，能夠畫頁面流程，能夠使用批注與文字說明。但是交互不好，也不利于演示。

PPT：上手難度低。易于畫框架圖，易于做批注，也可以表達交互流程，也擅長演示。但是不利于文檔表達。

Visio：功能相對比較復雜。適合畫流程圖、框架圖。不適合做批注與大篇幅的文字說明。同樣不利于表達與演示。

hotshop／fireworks：操作難度相對較大，適合畫框架圖、流程圖。不適合表達交互設計，不擅長文字說明與批注。

Dreamweave：操作難度大，需要基礎的html 知識。適合畫框架圖、流程圖，表達交互設計。不擅長文字說明與批注。

選擇Axure 原型設計工具的原因：

①Axure 可快速繪制網(wǎng)站構架圖，而且可以讓構架圖中的每一個頁面節(jié)點，直接連接到對應網(wǎng)頁。

②Axure 內設置了許多會經(jīng)常使用到的Widget 元件，例如：按鈕（Button）、圖片（Image）、文字面板（Text Panel）、選擇鈕（Radio Button）、下拉式菜單（Droplist）。

③Axure 快速建立流程圖就像建立Wireframe 一樣容易，F(xiàn)low Widget 中有設計流程圖時會經(jīng)常用到的形狀，您可以輕松在流程之間加入連接線并設定連接的格式。

④其中大多數(shù)的Widget 元件可以對一個或多個事件產(chǎn)生動作，包括OnClick、OnMouseOver 和OnMouseLeave 等。

⑤Axure 可以將Wireframe 輸出成符合InternetExplorer 或Firefox 等不同瀏覽器的HTML Prototype。

⑥Axure RP 可以輸出Word 格式的文件，規(guī)格文件包含了目錄、網(wǎng)頁清單、網(wǎng)頁和附有注解的Master、Annotation、Interaction 和Widget 特定的資訊，以及結尾文件，規(guī)格的內容與格式也可以依據(jù)不同的閱讀對象來變更。

選擇Axure 這一新興原型設計工具，避開了Word、Visio、Dreamweave 等對交互表達不好、不利于演示、操作難度大、需要html 知識等劣勢。它更利于各種交互功能的實現(xiàn)及用戶體驗。

3 Axure RP 在軟件開發(fā)中的應用

在軟件開發(fā)中，我們利用Axure 實現(xiàn)網(wǎng)站原型設計，以公司試用數(shù)據(jù)運維管理平臺為例。

3.1 原型需求調查

先對軟件主頁進行需求調查，通過調查了解用戶對主頁面的設計內容有哪些要求，譬如使用者環(huán)境（開發(fā)Web 版的原型），我們都知道網(wǎng)頁尺寸的設計與瀏覽器及操作系統(tǒng)的尺寸是息息相關的，我們需要知道一般情況下Windows XP 的任務欄高度為30px，而Windows 7 的任務欄高度為40px；我們需要知道一些主瀏覽器的界面參數(shù)（狀態(tài)欄、菜單欄、滾動條高度等）以便更好地安排版塊設計，進行內容的整體設計；然后對交互設計流程進行分析設計，畫出流程圖。對設計的每一個環(huán)節(jié)，都要考慮是否是按照用戶需求進行的交互模式設計。

3.2 原型的總體規(guī)劃

在進行正式的原型開發(fā)之前，結合實際需求做好原型的框架規(guī)劃，包括原型整體風格、色調、布局、展現(xiàn)形式等。

①原型設計開發(fā)要有統(tǒng)一理念。這個統(tǒng)一主要是指要有統(tǒng)一的界面布局，如每一個子頁面的風格都應該是相同或相近的，各類組件（例如文本框、下拉選擇框、表格、消息提示框等）都應該是一致的。而且所有界面的重置按鈕或關閉按鈕的樣式、事件等也應該是一致的。

②原型設計開發(fā)要有對稱思想。這里關系到原型界面的布局問題，例如頁面底部擺放的按鈕應該是總體居中并向兩邊分散排列的。一個信息提示框的文字正常情況下應該是居中顯示的。

③原型設計開發(fā)要注意細節(jié)。文字描述、控件展現(xiàn)、表格的高度及表頭背景色是否一致等都要注意。此外，在原型開發(fā)時，要給每一個頁面、每一個母版、每一個動態(tài)面板、每一個部件進行適當?shù)拿?，同時也有利于多人協(xié)作開發(fā)。

④原型設計開發(fā)要保持更新。這里有兩層含義：一是項目開發(fā)過程中會存在需求變更的情形，此時涉及變更的原型也應隨之更新；二是開發(fā)出來的原型應與對應的文檔保持一致，特別是在數(shù)據(jù)項方面。

3.3 分類設計原型母版

為使原型開發(fā)真正達到快速構建的目的，在原型開發(fā)過程中盡可能地將公共部分提取并轉換為母版，之后在設計開發(fā)每一個原型頁面時就可以采用組裝的方式，這樣會大大提高開發(fā)效率，同時有利于后續(xù)一些基礎數(shù)據(jù)的修改。

4 結論

快速開發(fā)原型易于客戶理解，可以降低項目失敗的風險，減少溝通時間。不用等到網(wǎng)頁程序都開發(fā)好，Axure RP 產(chǎn)出的原型頁面就可以讓用戶進行測試了。頁面可直接連結，動線容易理解，直接體驗原型，以清楚地網(wǎng)站原型來確認所有需求，不擔心執(zhí)行團隊沒搞懂等問題。對于決策層，能更加直觀的理解系統(tǒng)行為，幫助決策；對于項目負責人，提高了各崗位間的溝通效率，降低溝通成本，保證項目進程；對于需求人員，更加有效的與用戶溝通，減少誤解，保證需求質量；對于設計開發(fā)人員，更加有效地協(xié)作溝通，降低了溝通成本，減少誤解，避免返工；對于用戶，能更加直觀地感受系統(tǒng)，盡早反饋用戶的需求與系統(tǒng)的不足。Axure RP 的使用將改變程序員的工作方式，提高工作效率。