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