1. 程式人生 > >Axure原型製作規範

Axure原型製作規範

一、 元件製作規範

1、最小化切分原則:在製作元件時,遵循最小化原則,保證新的元件能進行上下左右擴充套件、變化字型、增加新的資料項等。

2、內部互動原則:如果元件能內部完成互動,在製作時就要加上互動的命名,減少後期的操作。

3、遵循設計規範原則:如果產品已經有成形的設計規範,那麼自行製作的元件必須大體遵循設計規範。製作新的元件所使用的基本元素也要從設計規範產生。

二、庫製作規範

1、公共區域(具體指頁頭、頁尾、導航條、頁面內的公共元素):要求採用庫,以減少修改量;

2、對於位置固定的庫,須設定為:Place in Background

3、根據視覺規範,製作通用庫。

三、導航製作規範

1、單個頁面的命名規範:制定通用的命名規範

1) 頂層頁面:

 a) 前端頁面,這是使用者使用的頁面。

b)管理員的管理頁;

c)資料統計功能頁;

2) 子頁面:

a) 彙總頁: 

b) 瀏覽頁: 

c) 增加資料: 

d) 修改資料: 

e) 修改分類: 

f) 建立資料: 

g) 重新命名:

 3) 擴充套件:子頁面的命名可以擴充套件

2、增加資料、刪除資料、修改資料,原則上從屬於彙總頁。但必須遵守產品設計思路。另外,如果在頁面內完成可不遵守此原則; 

3、對於複雜業務,要求單獨提供流程。展示頁面的業務邏輯和判斷條件。

四、互動動作規範

1、對於文字型內容的連結:在文字上面增加一個熱區,在該層上面加連結。

2、Axure的互動動作總有如下幾種:

a) Onclick 

b) Onmouseenter 

c) Onmouseout 

d) Onkeyup

e) Onfocus 

f) Onlostfocus 

g) Onchange

h) Onpageload

3、對於同一個位置的條件判斷,要求在按鈕上如下提示,以方便技術和製作人員閱讀。對於高保真的原型,則應該加上資料判斷,避免這種提示。

五、註釋規範

1、註釋的內容:一個完整的註釋需要包含以下說明:

1) 功能說明:說明該物件的主要完成的功能。

2) 互動效果:說明該物件的互動動作以及產生的互動結果;此處應該包含各種判斷的說明。

3) 優先順序:也可以理解為重要性。標明該控制元件在互動中的重要性。

4) 關聯關係:包含觸發方式(預設顯示 / 被動觸發),以及其他物件/資料的關聯關係。對於同時擁有管理後臺、使用者後臺的地方,需要說明資料關係。

5) 測試用例:提供測試方法及測試應該使用的資料。

6) 注意事項:注意事項。

2、可以針對各個特殊控制元件、元件自定義其他註釋。

六、 整體制作要求

1、任何一個完整的產品,包括3部分,這3部分在原型需要獨立展示:

1) 使用者前端頁面:

a) 使用者在不登入、登入情況下進行瀏覽的頁面;

b) 使用者自行管理資料/帳戶的頁面。

2) 管理員的管理頁:主要資料的增刪改查、稽核。

3) 資料統計功能:主要包括流量統計(IP、PV、UV、登陸使用者數、活躍使用者數)。

2、Tab使用:

1) 選項卡不要超過5個,最多不能超過7個。可以考慮使用2級選項卡來減少數量。

2) 被選中的選項卡和底下的區域要保持同色或接近同色。

3、頁尾的pagenotes區域:預設使用兩個欄位,在任何文件中均需要保留著3個欄位。

1) 功能說明。說明本頁面主要的功能,以及與其他頁面的關係。

2) 測試用例。說明本頁面使用哪些資料進行常規測試和邊界測試。

3) 注意事項。說明本頁面在設計、製作、開發和測試中需要注意的事項。

4、保真度(僅針對前端頁面):

1) 創新型產品、產品改版:為了體現新產品的業務邏輯,或展示產品的改進功能,本類原型要求高保真原型。具體包含:

a) 所有頁面有完整的連結,能順利跳轉、關閉;

b) 任何互動均有完整的流程和結束;

c) 關鍵功能、創新點要上色,避免使用自帶的灰白色、黑色;

d) 按鈕的點選變化能實時體現:文字框、輸入框、文字、層的變化。

e) 使用條件判斷,並根據條件做不同的提示。

f) 對於各個控制元件有完整的說明文件;

2) 傳統產品、新增功能:可以使用一般的線框圖,使用黑白灰原型。具體包括:

a) 對於頁面大部無改進,可以直接擷取靜態圖;

b) 對於無關或者傳統功能,可以部分忽略跳轉和互動效果;

c) 提供關鍵的條件判斷。

d) 不要求完整的說明文件;

3) 具體保真度,還可以參考產品文件的使用人員的知識結構、工作經驗、配合默契度等靈活掌握。