Axure原型制作規范

一、 名詞定義：

1. Sitemap 導航圖
2. Widgets 組件
3. Master 庫
4. Label 控件名
5. Interactions 交互動作
6. Annotations 注釋
7. Location and size 位置和尺寸

二、 Widgets規范

1. 本站常用widgets規范：
2. 命名規范：制定命名規范從而方便搜索和升級。 a. 全站使用，則命名方式為：Y+位置。
   　　i. 全站頂部導航：統一為Yheader開頭，包括各種寬導航、窄導航；
   　　ii. 全站右側邊欄：統一以Yright開頭，包括廣告位、內容欄目等； b. 單個產品使用，則命名方式為 產品名+位置
   　　i. 空間左導航：y+產品名+left，例如yspaceleft c. 頁面子零件：命名方式為：Y+ 頁面或產品+零件名。例如：
   　　i. Tab：統一命名為Yspacetab
   　　ii. 評論：統一命名為Ycomenticscomment
3. 本站的widgets統一放在y.rplib文件中。在全局搜索中，輸入y即可查看所有yoka widgets。

4. Y.rplib升級的問題：該文件放在局域網公共區中。每次更新完后，需要配備word說明文檔。

5. 自行制作widgets制作規范：
   　　　a) 最小化切分原則：在制作widgets時，遵循最小化原則，保證新的widgets能進行上下左右擴展、變化字體、增加新的數據項等。
   　　　b) 內部交互原則：如果widgets能內部完成交互，在制作時就要加上交互的命名，減少后期的操作。
   　　　c) 遵循設計規范原則：如果產品已經有成形的設計規范，那么自行制作的widgets必須大體遵循設計規范。制作新的widgets所使用的基本元素也要從設計規范產生。
6. 必備widgets清單：
   　　　a) Yahoo提供的一套widgets；
   　　　b) 圖標庫；16,32,48三種尺寸的圖標約200個；
   　　　c) Ajax.rplib 常見的ajax功能；
   　　　d) Y.rplib 針對本站的widgets；

7. 升級方式：統一從公共區copy。每當有新的更新時，群發到郵件組的方式說明，并附上更新文件和最后更新時間。

三、 Master制作規范

　　1. 公共區域（具體指頁頭、頁腳、導航條、頁面內的公共元素）：要求采用master，以減少修改量；
　　2. 對于位置固定的master，須設置為：Place in Background
　　3. 根據視覺規范，制作本站通用master。

四、 Sitemap制作規范

1. 單個頁面的命名規范：頁面命名全部使用英文。格式為：頁面內容+動作。例如：article_add
   　　1) 頂層頁面：
   　　　　a) 前端頁面統一以user為頂層頁，表示這是用戶使用的頁面。
   　　　　b) 使用admin為管理員的管理頁；
   　　　　c) 使用statistics為數據統計功能頁；
   2) 子頁面：
   　　　　a) 匯總頁：list
   　　　　b) 瀏覽頁：view
   　　　　c) 增加數據：add
   　　　　d) 修改數據：edit
   　　　　e) 修改分類：recatalog
   　　　　f) 創建數據：create
   　　　　g) 重新命名：rename
   　3) 擴展：子頁面的命名可以擴展，格式為：頁面內容+動作+名稱。例如：article_add_draft

2. add、del、edit 原則上從屬于list頁面。但必須遵守產品設計思路。另外，如果add在頁面內完成（彈層或ajax區塊）可不遵守此原則；

3. 對于復雜業務，要求單獨提供flow。展示頁面的業務邏輯和判斷條件。

五、 交互動作規范

1. 控件命名：數據塊+空間類型。由于頁面內的組件無法在其他頁面是不可見的，所以頁面內的各個控件不需要帶頁面名字。例如：shopmap_pan代表店鋪地圖的圖層。

2. 交互動作規范：
   　　1) 對于文本型內容的鏈接：在文字上面增加一個image map region，在該層上面加鏈接。
   　　2) Axure的交互動作總有如下幾種：
   　　a) Onclick
   　　b) Onmouseenter鼠標的指針移動到對象上
   　　c) Onmouseout 鼠標的指針移動出對象外
   　　d) Onkeyup
   　　e) Onfocus 鼠標的指針進入文字輸入狀態（獲得焦點）
   　　f) Onlostfocus 鼠標的指針離開文字輸入狀態 （失去焦點）
   　　g) Onchange
   　　h) Onpageload
   　　3) 對于同一個位置的條件判斷，要求在按鈕上如下提示，以方便技術和制作人員閱讀。對于高保真的原型，則應該加上數據判斷，避免這種提示。
   　　　

   六、 Annotations注釋規范

3. 注釋的內容：一個完整的注釋需要包含以下說明：
   　　1) 功能說明：說明該對象的主要完成的功能。
   　　2) 交互效果：說明該對象的交互動作以及產生的交互結果；此處應該包含各種判斷的說明。
   　　3) 優先級：也可以理解為重要性。標明該控件在交互中的重要性。
   　　4) 關聯關系：包含觸發方式（默認顯示 / 被動觸發），以及其他對象/數據的關聯關系。對于同時擁有管理后臺、用戶后臺的地方，需要說明數據關系。
   　　5) 測試用例：提供測試方法及測試應該使用的數據。
   　　6) 注意事項：注意事項。

4. 可以針對各個特殊控件、組件自定義其他注釋。

七、 整體制作要求

1. 任何一個完整的產品，包括3部分，這3部分在原型需要獨立展示：
   　　1) 用戶前端頁面：
   　　　　a) 用戶在不登陸、登陸情況下進行瀏覽的頁面；
   　　　　b) 用戶自行管理數據/帳戶的頁面。
   　　2) 管理員的管理頁：主要數據的增刪改查、審核。
   　　3) 數據統計功能：主要包括流量統計（IP、PV、UV、登陸用戶數、活躍用戶數）。
2. 頁面命名遵守上文提到的sitemap規范(add child page->rename)
3. RP文件命名規范：y+產品名+特性+子項目+日期。例如：
   　　1) 化妝品庫新版首頁：y_cosmentics_newindex_20100322.rp
   　　2) 空間新版首頁：y_space_newversion_20100210.rp
4. Tab使用：
   　　1) 選項卡不要超過5個，最多不能超過7個。可以考慮使用2級選項卡來減少數量。
   　　2) 被選中的選項卡和底下的區域要保持同色或接近同色。
   　　3) 禁止在選項卡里面還使用滾動條；

5. 頁腳的pagenotes區域：默認使用兩個字段，在任何文檔中均需要保留著3個字段。
   　　1) 功能說明。說明本頁面主要的功能，以及與其他頁面的關系。
   　　2) 測試用例。說明本頁面使用哪些數據進行常規測試和邊界測試。
   　　3) 注意事項。說明本頁面在設計、制作、開發和測試中需要注意的事項。

6. 保真度（僅針對前端頁面）：
   　　1) 創新型產品、產品改版：為了體現新產品的業務邏輯，或展示產品的改進功能，本類原型要求高保真原型。具體包含：
   　　　　a) 所有頁面有完整的鏈接，能順利跳轉、關閉；
   　　　　b) 任何交互均有完整的流程和結束；
   　　 　c) 關鍵功能、創新點要上色，不得使用自帶的灰白色、黑色；
   　　　　d) 按鈕的點擊變化能實時體現：文本框、輸入框、文字、層的變化。
   　　　　e) 使用條件判斷，并根據條件做不同的提示。
   　　　　f) 對于各個控件有完整的說明文檔；
   　　2) 傳統產品、新增功能：可以使用一般的線框圖，使用黑白灰原型。具體包括：
   　　　　a) 對于頁面大部無改進，可以直接截取靜態圖；
   　　　　b) 對于無關或者傳統功能，可以部分忽略跳轉和交互效果；
   　　　　c) 提供關鍵的條件判斷。
   　　　　d) 不要求完整的說明文檔；
   　　3) 具體保真度，還可以參考產品文檔的使用人員的知識結構、工作經驗、配合默契度等靈活掌握。
7. 全部產品原型文檔均需通過snv上傳到共享中。

8. 由axure生成頁面原型說明文檔：按照標準模板生成即可。