起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識項目執行要點（3）：Web界面設計階段
界面設計階段，是描述從頁面需求調研、創意、設計、確認的過程。該階段由項目經理（產品經理），配合UI完成。
1. 項目經理（產品經理）、美工、用戶三方的交流
（1）在調研階段要弄清楚客戶的真實需求，或對客戶進行引導。
（2）Web界面設計應由美工主導，項目經理也應配合，并提出想法和建議。
（3）項目經理要在項目全局和功能界面上要給美工指導或建議。
（4）項目經理要在美工和用戶之間起到橋梁作用。
（5）對于要求高的用戶，美工要給出幾套方案，并能表達自己的創意和想法。
（6）項目經理負責或協調美工繪制首頁框架圖，提交用戶確認后開始首頁設計。
2. 政府門戶網站評測標準
項目經理和美工要對“政府門戶網站評測標準”熟悉。如：做浙江某政府網站，就需要熟悉“浙江省政府門戶網站評測標準”。委辦局等職能部門網站還需要知道其上級單位對網站評測的要求。
3.?組件標準化開發
項目研究部負責進行組件標準化開發，開發完成的組件，交由QA部測試通過以后才可以發布，QA發現的問題提交到QC系統。
4. 設計標準化
項目經理組織《項目-組件清單》溝通會，確認項目中采用的標準組件與個性化組件；項目研究部根據需求對現有標準、組件進行優化安排。
美工根據項目經理填寫的《項目-組件清單》要求，在公司案例分享庫中采用合適的公司設計標準和組件進行頁面設計，在模板套系中有任何改動（Banner/導航/版權信息除外）都視為個性化，在《項目-設計清單》中備注。用戶確認頁面后，美工把《項目-設計清單》提交到OA，項目研究部對《項目-設計清單》進行抽查。
產出文檔：《項目-設計清單》。
考核點：項目研究部抽查《項目-設計清單》，發現問題作為美工考核。
5. 設計創意說明
首頁設計完成，美工應撰寫“設計創意說明”，對首頁通過能起到一定的促進作用。并根據“頁面設計說明”模板撰寫，從以下幾個方面采用截圖配文字說明的方式進行描述：
- 前言：介紹頁面設計的主題、切入點、大體思路、設計風格等進行概述。
- 頁面介紹部分：分幾點進行介紹，比如，關鍵詞、頁面結構布局、用色等。
- 設計亮點：為重點描述內容，包括設計特色、重點模塊展現位置、特色功能介紹、交互設計、便捷性設計、人性化設計、新技術應用等。
- 總結：結合之上進行總結描述。
產出文檔：《頁面設計說明》。
6. 第三方設計
第三方的設計都屬于個性化組件，第三方的設計要符合公司的字體、頁面寬度的要求，如果項目有自適應也要符合自適應要求，第三方公司要做成靜態頁面以滿足兼容性的要求。
7. 首頁設計評審
首頁設計完成，首先應提交給設計部主管審核，通過后提交給項目經理確認，美工不得直接提交給用戶。
由項目總監指定的重點項目，首頁設計完成并經過設計主管審核后，由設計主管于當天提交公司內部評審小組審核，通過后，方能提交客戶確認。
內部評審會可以通過會議、RTX、微信等方式進行。
內部評審小組成員：總經理、銷售副總、項目總監、銷售經理、售前技術支持、項目經理、設計主管。
8. 功能模塊界面的設計
功能模塊原則上由開發人員事先做好原型或寫好表現文檔（文檔應體現模塊主要表現框架）。美工根據原型或文檔來設計功能模塊界面。
模塊界面設計過程中，項目經理應把握界面設計風格和是否適用于模塊，即風格的統一性和模塊界面的通用性。
公司已明確規范的部分產品只提供Banner設計做替換，不提供整體個性化界面設計。如：在線訪談、互動平臺、視頻管理、全文檢索、訪問統計、統一用戶、圖片庫、JCMS外掛模塊（個性化定制等）、訂閱系統等。如用戶有特殊要求，需同部門主管申請。
9. 模板制作
模板制作一般由實施工程師完成。如特殊情況，可由美工根據“模板制作規范”完成模板制作，并交給項目經理或項目工程師進行確認。
10. 美工駐場
部分項目有美工駐場的要求，項目經理可協調合適人選進行駐場，在滿足客戶需要的同時保證駐場工作的效率。原則上美工駐場時間不超過兩個星期。
美工駐場之前，應先設計1-2稿首頁給用戶，駐場后主要為修改調整。
首頁設計簽字確認后，可由設計部將剩余工作分解，安排其他美工遠程配合快速完成，縮減整體設計工作周期。
11. 子站頁面設計
子站頁面設計，直接從模板庫中挑選后做局部調整。
多個子站界面，設計部應安排其他美工分解工作，快速完成。
12. Web界面設計階段結束產生的結果和標志
美工設計方案（設計稿）通過客戶簽字確認。
“網站（項目）界面設計確認函”為里程碑文檔。
產出文檔：《網站（項目）界面設計確認函》。
本文由 @空杯前行 原創發布于人人都是產品經理。未經許可，禁止轉載
題圖來自Unsplash，基于CC0協議
- 目前還沒評論，等你發揮！
