產(chǎn)品設(shè)計(jì)規(guī)范

一、設(shè)計(jì)流程

  1. 需求分析
    記錄需求,分析整理,輸入到【需求表】
  2. 場(chǎng)景分析
    用戶場(chǎng)景分析,整理流程
  3. 腦洞大開
    內(nèi)部討論,功能點(diǎn)及交互效果
  4. 設(shè)計(jì)初稿
    Axure原型制作,包括用例、流程、功能規(guī)格、交互效果
  5. 內(nèi)部評(píng)審
    內(nèi)部意見溝通,有問題進(jìn)行調(diào)整
  6. 需求方反饋,細(xì)節(jié)優(yōu)化
    BOSS或相關(guān)部門反饋,細(xì)節(jié)優(yōu)化
  7. 輸出、制作跟進(jìn)
    【Axure原型】及【更新表】輸出,跟進(jìn)UI、前端、程序員制作
  8. 項(xiàng)目經(jīng)驗(yàn)分享
    團(tuán)隊(duì)分享項(xiàng)目經(jīng)驗(yàn)及總結(jié)

注:【需求表】【Axure原型】【更新表】均為輸出文件。

二、Axure文檔規(guī)范

文件命名

【站點(diǎn)名稱】-【主模塊名稱】-【生成時(shí)間】
主模塊名稱是指該原型文件中最重要的一個(gè)模塊的名稱。

文檔包含內(nèi)容

主要包含:流程頁面、網(wǎng)站原型頁面、網(wǎng)站地圖、模板管理

流程頁面

  • 用例圖
    用例圖是指由參與者(Actor)、用例(Use Case)以及它們之間的關(guān)系構(gòu)成的用于描述系統(tǒng)功能。
  • 流程圖
    描述用戶使用流程或功能流程。
  • 頁面跳轉(zhuǎn)流程圖
    描述頁面跳轉(zhuǎn)變化,系統(tǒng)過于復(fù)雜則需要。
  • 規(guī)則說明
    有業(yè)務(wù)規(guī)則、活動(dòng)方案的設(shè)計(jì),必須說明。

網(wǎng)站原型頁面

  • 頁面原型
    描述頁面內(nèi)容。
  • 功能說明
    描述頁面某項(xiàng)功能的詳細(xì)說明。
  • 交互說明
    描述交互變化的文字說明或頁面變化。

站點(diǎn)地圖

站點(diǎn)地圖通過命名規(guī)范、層級(jí)、排序,便于有效管理、查詢頁面,更方便的掌握網(wǎng)站整體結(jié)構(gòu)層。也可以利用Axure自動(dòng)生成站點(diǎn)地圖功能,快速生成站點(diǎn)地圖。
站點(diǎn)地圖命名規(guī)范
【頁面名稱】-【模塊名稱】-【狀態(tài)描述】
站點(diǎn)地圖層級(jí)
總體原則是除去次要描述頁面,能夠通過自動(dòng)生成站點(diǎn)地圖功能,生成完整的符合站點(diǎn)層級(jí)的地圖。
層級(jí)規(guī)則:

  1. 頁面層級(jí)邏輯層級(jí)優(yōu)先
  2. 同一頁面多種模塊或多種狀態(tài)描述的屬于該頁面下一層級(jí)

站點(diǎn)地圖排序
可根據(jù)不同頁面類型按以下原則排序:

  • 頁面導(dǎo)航順序
  • 用戶使用流程順序
  • 同一頁面不同狀態(tài)順序

模板管理

建立模板原則
建立模板的用途主要是便于維護(hù),提高工作效率。
多頁面使用的模塊,建立模板便于維護(hù),以免需要修改時(shí)有遺漏的地方。
同頁面多次使用的模塊,建立模板維護(hù)時(shí)減少工作量,加快工作效率。
模板歸類
對(duì)模板進(jìn)行歸類便于管理和修改,不同原型合并時(shí)減少工作量。
【全局模板】如網(wǎng)站頭部、底部。
【模塊模板】如個(gè)人中心、批量定制等。
【零時(shí)模板】如多個(gè)頁面重復(fù)使用,需經(jīng)常修改的。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 產(chǎn)品設(shè)計(jì)這個(gè)涉及的范圍有點(diǎn)大!先來了解學(xué)習(xí)下規(guī)范吧! 一、先細(xì)分講解下移動(dòng)端App的設(shè)計(jì)規(guī)范: 標(biāo)準(zhǔn)色規(guī)范 我之前...
    windtony閱讀 4,731評(píng)論 5 68
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,301評(píng)論 25 708
  • 第三章:產(chǎn)品設(shè)計(jì) 產(chǎn)品設(shè)計(jì)是一個(gè)由抽象的概念到具體形象化的處理過程,通過文字或圖像等方式將我們規(guī)劃的產(chǎn)品需求展現(xiàn)出...
    y煙雨任平生閱讀 3,660評(píng)論 5 26
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,924評(píng)論 18 139
  • 不要溫和的走進(jìn)那個(gè)良夜 說自己一直很喜歡創(chuàng)作,但是筆總是下不去,因?yàn)楣P下有太多的陷阱了,往往因?yàn)樗季S的局限,我們無...
    柯之林在澤閱讀 204評(píng)論 0 0