視覺設(shè)計流程與規(guī)范

1、視覺設(shè)計流程 所屬域 研發(fā)營銷運營支持 戰(zhàn)略人力資源財務(wù) IT管理 采購 行政 外部關(guān)系 流程類型 公司級流程跨系統(tǒng)流程 系統(tǒng)內(nèi)流程 部門內(nèi)流程 適用范圍 適用于在設(shè)計中心進(jìn)行的設(shè)計項目及其他 BU與設(shè)計中心共同開展的聯(lián)合項目。 流程 用戶研究與體驗設(shè)計中心 參與流程的崗位 產(chǎn)品經(jīng)理、設(shè)計項目經(jīng)理、用戶研究工程師、 交互設(shè)計師、視覺設(shè)計師 注：請在所屬的選項上，用黃色突岀標(biāo)識。示例：公司級流程 1. 目的 本流程規(guī)定了在用戶研究與設(shè)計中心進(jìn)行各種視覺設(shè)計項目的過程，包括：項目 啟動到項目結(jié)束的過程描述、圖形界面設(shè)計師的職責(zé)、輸入輸出等相關(guān)規(guī)范。 本流程要預(yù)防或解決的問題： 規(guī)范項目的視覺設(shè)計流

2、程 明確圖形界面設(shè)計師的職責(zé) 明確項目每個階段的任務(wù)及輸入輸出 k 預(yù)防項目在視覺設(shè)計過程中的遺漏； 2. 適用范圍 適用于在設(shè)計中心進(jìn)行的設(shè)計項目及其他業(yè)務(wù)部門與設(shè)計中心共同開展的聯(lián)合項 目。 3. 定義與縮略語 3.1. 定義 圖形界面設(shè)計：通過可視性元素的設(shè)計，來組織信息的傳播，并讓用戶在 信息獲取的過程中變得愉悅的活動。 視覺概念設(shè)計：建立在視覺風(fēng)格推導(dǎo)基礎(chǔ)上的嘗試和探索性設(shè)計，用以描 繪出產(chǎn)品視覺風(fēng)格的基本方向。 流行趨勢分析：為歸納出未來可能流行的視覺元素，把握視覺潮流和發(fā)展 方向，而對行業(yè)熱門的視覺表現(xiàn)方式、方法、新鮮事物等進(jìn)行的分析和整 理。 用戶研究：是一種獲得和分析用戶的目

3、標(biāo)、需求的方法，它通過對用戶的 知覺特性、認(rèn)知心理特性、操作特性的研究，使用戶的實際需求成為產(chǎn)品 設(shè)計的導(dǎo)向，從而使經(jīng)過設(shè)計的產(chǎn)品更符合用戶的習(xí)慣、經(jīng)驗和期待。 交互設(shè)計：是一種讓產(chǎn)品易用、有效，讓用戶使用產(chǎn)品的過程變得愉悅的 活動。 3.2. 縮略語 產(chǎn)品經(jīng)理(Product Marketing Management): PMM 設(shè)計項目經(jīng)理(Design Project Management) : DPM 用戶研究工程師(User Research Engineer): UE 許 交互設(shè)計師(Human Computer Interaction Designer): HCI 許 圖形界面設(shè)

4、計師(Graphics User In terface Desig ner): GUI 4. 職責(zé) 以下各部門或崗位的職責(zé)僅指與本流程有關(guān)的職責(zé)，不包括該部門或崗位的其 它職責(zé)。 角色 職責(zé) 產(chǎn)品經(jīng)理 ?負(fù)責(zé)提出需求并撰寫XX產(chǎn)品概要需求說明書 及XX產(chǎn) 品需求規(guī)格說明書； ?負(fù)責(zé)將可用性需求納入XX產(chǎn)品需求規(guī)格說明書； ?參與二方評審； ?負(fù)責(zé)準(zhǔn)備評估用產(chǎn)品原型； ?參與可用性評估； ?反饋與溝通。 視覺設(shè)計經(jīng)理 ?組織召開需求討論會，接收產(chǎn)品方需求； ?負(fù)責(zé)在本部門中分配人員工作： ?負(fù)責(zé)把控項目進(jìn)度及完成質(zhì)量； ?負(fù)責(zé)組織項目例會及項目匯報工作； ?負(fù)責(zé)管理項目區(qū)中項目稿件及跟蹤缺陷的解

5、決； ?負(fù)責(zé)監(jiān)督XX產(chǎn)品視覺設(shè)計規(guī)范說明書的執(zhí)行情況； ?參與整個設(shè)計過程中的所有評審； 交互設(shè)計師 ?負(fù)責(zé)和產(chǎn)品方明確和梳理需求中交互設(shè)計內(nèi)容； ?協(xié)助視覺設(shè)計經(jīng)理收集整理相關(guān)產(chǎn)品改進(jìn)前基礎(chǔ)數(shù)據(jù)； ?負(fù)責(zé)交互設(shè)計分析； ?負(fù)責(zé)進(jìn)行任務(wù)和場景分析； ?負(fù)責(zé)交互概念設(shè)計； ?負(fù)責(zé)輸出交互設(shè)計稿，并形成文檔XX產(chǎn)品交互設(shè)計說明 書； ?參與可用性評估； ?負(fù)責(zé)交互實現(xiàn)檢查； ?協(xié)助視覺設(shè)計經(jīng)理收集整理相關(guān)產(chǎn)品改進(jìn)后的基礎(chǔ)數(shù)據(jù)； ?反饋與溝通。 視覺設(shè)計師 ?參與需求分析和產(chǎn)品方明確和梳理需求中視覺設(shè)計內(nèi)容； ?協(xié)助產(chǎn)品填寫XX產(chǎn)品視覺設(shè)計需求列表； ?負(fù)責(zé)視覺設(shè)計分析并輸出XX產(chǎn)品視覺風(fēng)格推導(dǎo)；

6、?負(fù)責(zé)視覺概念設(shè)計； ?負(fù)責(zé)輸出視覺設(shè)計稿件； ?負(fù)責(zé)輸出XX產(chǎn)品視覺規(guī)范說明書； ?協(xié)助產(chǎn)品方準(zhǔn)備評估用產(chǎn)品原型； ?參與可用性評估； ?負(fù)責(zé)視覺實現(xiàn)的檢查并輸出視覺實現(xiàn)檢查報告； ?負(fù)責(zé)輸出XX產(chǎn)品視覺設(shè)計總結(jié) ?反饋與溝通。 5. 流程 5.1. 觸發(fā)條件（進(jìn)入流程的條件） 設(shè)計中心獲得項目需求，由產(chǎn)品經(jīng)理提交XX產(chǎn)品概要需求說明書 52輸入 XX產(chǎn)品概要需求說明書 5.3. 流程說明 本流程主要包括五個階段的內(nèi)容：立項階段、需求階段、設(shè)計階段、開發(fā)階段、驗證 階段。具體說明如下： 5.3.1. 各階段活動說明 5.3.1.1. 立項階段 任務(wù) 1 接收需求 接收到需求后，視覺設(shè)計經(jīng)理通

7、過查看XX產(chǎn)品概要需求說明書以及和產(chǎn)品方溝 通來了解項目背景。 任務(wù) 2 接收任務(wù) 視覺設(shè)計經(jīng)理接收相關(guān)資料， 查看并明確部門中項目人員與時間和其他相關(guān)資源的安 排。 5.3.1.2. 需求階段 任務(wù) 3 需求分析 視覺設(shè)計經(jīng)理召開項目討論會，并協(xié)助產(chǎn)品方填寫XX產(chǎn)品視覺設(shè)計需求列表， 明確項目視覺設(shè)計需求。 任務(wù) 4 視覺分析 根據(jù)產(chǎn)品定位、目標(biāo)用戶分析、流行趨勢分析、同類產(chǎn)品或競爭產(chǎn)品分析推導(dǎo)出產(chǎn)品 視覺設(shè)計風(fēng)格， 并收集產(chǎn)品和項目成員意見。 根據(jù)反饋意見， 對文檔進(jìn)行修改和完善 任務(wù) 5 概念設(shè)計 根據(jù)視覺風(fēng)格推導(dǎo)，進(jìn)行視覺概念設(shè)計。輸出概念設(shè)計稿，組織發(fā)起項目內(nèi)部評審。 任務(wù) 6 視覺

8、設(shè)計 根據(jù)視覺風(fēng)格推導(dǎo)，結(jié)合概念設(shè)計，進(jìn)行視覺初稿設(shè)計。輸出視覺設(shè)計初稿，組織發(fā) 起項目內(nèi)部評審，根據(jù)評審反饋意見中的缺陷列表對設(shè)計稿進(jìn)行修改。 5.3.1.3. 設(shè)計階段 任務(wù) 7 設(shè)計定稿 項目內(nèi)部評審?fù)ㄟ^后，視覺設(shè)計經(jīng)理組織發(fā)起多方評審會，根據(jù)評審會反饋意見對設(shè) 計稿進(jìn)行修改。設(shè)計稿通過評審后，輸出設(shè)計定稿。 5.3.1.4. 開發(fā)階段 視覺設(shè)計部對視覺實現(xiàn)效果進(jìn)行跟進(jìn)，進(jìn)行視覺實現(xiàn)檢查。 5.3.2. 各活動處理時間約定 由設(shè)計項目經(jīng)理根據(jù)項目自身情況安排。 54流程關(guān)鍵控制點 本流程的目標(biāo)要有效實現(xiàn)，以下幾個要點非常關(guān)鍵，執(zhí)行過程中必須重點保障這些關(guān)鍵 點的執(zhí)行，以有效控制目標(biāo)失敗的風(fēng)險。 序號 關(guān)鍵控制點 主要控制者 其他控制者 01 需求討論會 （明確產(chǎn)品視覺設(shè)計需求） DPM GUI HCI GUI PMM UE 02 多方評審會 （缺陷修改） PMM DPM HCI GUI UE評審專 家 03 視覺規(guī)范設(shè)計 DPM GUI HCI 5.5.流程結(jié)束事件（退出流程的事件） 項目由于突發(fā)狀況中止；