AXURE原型制作規(guī)范方案V1

..AXURE8.0原型制作規(guī)范文檔修訂記錄序號版本號修訂日期修訂概述修訂人審批人備注1V1.0目錄1概述41.1簡述41.2目標群體41.3范圍41.4名詞定義41.5標準原則52制作規(guī)范52.1文件命名規(guī)范52.2Widgets規(guī)范52.3Master制作規(guī)范62.4Sitemap〔pages制作規(guī)范62.5交互動作規(guī)范72.6Annotations〔notes注釋規(guī)范82.7Tab使用規(guī)范92.8低保真度規(guī)范92.9高保真度規(guī)范102.10文檔規(guī)范10概述簡述此文檔主要從原型設計制作的管理角度出發(fā),根據(jù)AXURE8的特點,描述系統(tǒng)原型設計制作時應該遵守的規(guī)范和標準。目標群體此文檔目標群體為神東需求、設計、開發(fā)、以及測試的技術人員。范圍此文檔適用于所有神東自主研發(fā)的軟件項目。名詞定義1.Sitemap〔pages導航圖2.Widgets組件3.Master庫4.Label控件名5.Interactions交互動作6.Annotations〔notes注釋7.Locationandsize位置和尺寸標準原則原型制作要遵循《中國神華神東信息系統(tǒng)建設規(guī)范_04_界面規(guī)范》,同時還要具備以下原則：流程：可完整的模擬用戶體驗流程,有可逆流程邏輯：清晰明確,判斷有提示界面：規(guī)范,整潔說明：明確,易理解制作規(guī)范文件命名規(guī)范序號規(guī)范備注2.1.1RP文件統(tǒng)一新建文件夾,命名為[name.RP]文件,存放各階段版本的RP文件,各版本RP文件必須后綴日期和序列號,系統(tǒng)名+子項目+日期+序號,如****_web_2017102201.rp2.1.2所有導出的HTML文件存放文件夾命名為：[name.file],所導出的文件夾按照日期命名,如：如****_web_2017102201Widgets規(guī)范命名規(guī)范：序號規(guī)范備注2.2.1全站使用,則命名方式為：分類+位置。全站頂部導航：統(tǒng)一為Allheader開頭,包括各種寬導航、窄導航；全站右側邊欄：統(tǒng)一以Allright開頭,包括宣傳位、內容欄目等；2.2.2單個模塊使用,則命名方式為模塊名+位置i.空間左導航：產品名+left,例如yspaceleft2.2.3頁面子零件：命名方式為：頁面或模塊+零件名。例如：Tab：統(tǒng)一命名為spacetabMaster制作規(guī)范序號規(guī)范備注2.3.1公共區(qū)域〔具體指頁頭、頁腳、導航條、頁面內的公共元素：要求采用master,以減少修改量；2.3.2對于位置固定的master,須設置為：PlaceinBackground2.3.3根據(jù)神東的視覺規(guī)范,制作系統(tǒng)通用master。Sitemap〔pages制作規(guī)范序號規(guī)范備注2.4.1單個頁面的命名規(guī)范：頁面命名全部使用英文。格式為：頁面內容+動作。例如：article_add1>頂層頁面：a>前端頁面統(tǒng)一以user為頂層頁,表示這是用戶使用的頁面。b>使用admin為管理員的管理頁；c>使用statistics為數(shù)據(jù)統(tǒng)計功能頁；2>子頁面：a>匯總頁：listb>瀏覽頁：viewc>增加數(shù)據(jù)：addd>修改數(shù)據(jù)：edite>修改分類：recatalogf>創(chuàng)建數(shù)據(jù)：createg>重新命名：rename3>擴展：子頁面的命名可以擴展,格式為：頁面內容+動作+名稱。例如：article_add_drafadd、del、edit原則上從屬于list頁面。但必須遵守產品設計思路。另外,如果add在頁面內完成〔彈層或ajax區(qū)塊可不遵守此原則對于復雜業(yè)務,要求單獨提供flow。展示頁面的業(yè)務邏輯和判斷條件2.4.5一個業(yè)務流程的所有頁面,都必須在sitemap創(chuàng)建頁面文件夾,便于管理頁面。2.4.6業(yè)務流程中所涉及的二級或三級頁面,可以用子頁面表示,以顯示頁面級別。交互動作規(guī)范Axure的交互動作總有如下幾種：Onclick單擊Onmouseenter鼠標的指針移動到對象上Onmouseout鼠標的指針移動出對象外OnkeyupOnfocus鼠標的指針進入文字輸入狀態(tài)〔獲得焦點Onlostfocus鼠標的指針離開文字輸入狀態(tài)〔失去焦點OnchangeOnpageloadOnLoad在加載時〔可以應用于全部部件OnRotate在旋轉時<可以應用于形狀、圖像、線條、熱區(qū)>OnSelectedChange在選擇狀態(tài)改變時<應用于形狀、圖像、線條、熱區(qū)、復選框、單選框、樹>OnSelected在被選擇時<應用于形狀、圖像、線條、熱區(qū)、復選框、單選框、樹>OnUnselected在被取消選擇時<應用于形狀、圖像、線條、熱區(qū)、復選框、單選框、樹>OnResize在重新設置大小時〔可以應用于動態(tài)面板OnItemResize在行項目重新設置大小時〔可以應用于中繼器序號規(guī)范備注2.5.1控件命名：數(shù)據(jù)塊+空間類型。由于頁面內的組件無法在其他頁面是不可見的,所以頁面內的各個控件不需要帶頁面名字。例如：shopmap_pan代表店鋪地圖的圖層。條件判斷：對于同一個位置的條件判斷,要求在按鈕上提示,以方便相關人員閱讀。對于高保真的原型,則應該加上數(shù)據(jù)判斷,避免這種提示。Annotations〔notes注釋規(guī)范序號規(guī)范備注2.6.1控件對象的注釋的內容：一個完整的注釋需要包含以下說明：1>功能說明：說明該對象的主要完成的功能。2>交互效果：說明該對象的交互動作以及產生的交互結果；此處應該包含各種判斷的說明。3>優(yōu)先級：也可以理解為重要性。標明該控件在交互中的重要性。4>關聯(lián)關系：包含觸發(fā)方式〔默認顯示/被動觸發(fā),以及其他對象/數(shù)據(jù)的關聯(lián)關系。對于同時擁有管理后臺、用戶后臺的地方,需要說明數(shù)據(jù)關系。5>測試用例：提供測試方法及測試應該使用的數(shù)據(jù)。6>注意事項：注意事項。可以針對各個特殊控件、組件自定義其他注釋。2.6.3頁面注釋的內容,需要一下著3個字段。1>功能說明。說明本頁面主要的功能,以及與其他頁面的關系。2>測試用例。說明本頁面使用哪些數(shù)據(jù)進行常規(guī)測試和邊界測試。3>注意事項。說明本頁面在設計、制作、開發(fā)和測試中需要注意的事項。Tab使用規(guī)范序號規(guī)范備注2.7.1選項卡不要超過5個,最多不能超過7個?？梢钥紤]使用2級選項卡來減少數(shù)量。被選中的選項卡和底下的區(qū)域要保持同色或接近同色。2.7.3禁止在選項卡里面還使用滾動條；低保真度規(guī)范傳統(tǒng)系統(tǒng)、新增功能：可以使用一般的線框圖,使用黑白灰原型。序號規(guī)范備注2.8.1對于頁面大部無改進,可以直接截取靜態(tài)圖；對于無關或者傳統(tǒng)功能,可以部分忽略跳轉和交互效果；2.8.3提供關鍵的條件判斷。2.8.4不要求完整的說明文檔高保真度規(guī)范前端頁面要求高保真原型,面向用戶使用的管理頁面,用戶、領導關心的重點頁面要求高保真原型。序號規(guī)范備注2.9.1所有頁面有完整的鏈接,