設計一個Web網站(如提供郵箱服務、社區服務等)，需要考慮五個層次，並按順序依次實現。五個層次分別為：
l 戰略層：明確公司與用戶對於網站的期望和目標;
l 範圍層：將戰略層確定的目標轉化為網站提供的功能和內容;
l 結構層：設計網站架構圖，將分散的功能和內容組成一個整體;
l 框架層：將抽象的架構圖轉化為詳細的線框圖，確定界面外觀、導航信息及信息要素的佈局;
l 表現層：按照「低保真」的線框圖設計出最終的Web網站。
以下我將逐一講解每層的工作目標、工作內容及輸出物：
一、戰略層：
1、 工作目標：
l 確定網站目標：我們要從這個網站得到什麼?
l 確定用戶需求：我們的用戶要從這個網站得到什麼?
2、 工作內容：
l 確定網站目標
l 商業目標：替公司賺錢還是替公司省錢?要賺多少錢?
l 品牌識別：將品牌形象具體而明確地寫進目標，將會提高呈現出積極的品牌形象的機會;
l 成功標準：將戰略或商業目標進行量化。如通過衡量每一個註冊用戶單月的訪問次數表明了該網站對核心用戶的價值。
l 確定用戶需求
l 用戶細分：可以按照人口統計學標準，價值觀標準和用戶對技術及網站本身觀點劃分用戶;
l 用戶研究：使用問卷調查、用戶訪談、焦點小組等方法收集、分析用戶觀點和需求。並可通過創建虛擬人物角色來將分散的資料關聯起來。幫助你確保在整個設計過程期間把用戶始終放在心裡。
3、 輸出物：市場需求文檔(MRD)、用戶研究報告、競爭對手分析報告等
二、範圍層：
1、 工作目標：確定網站的功能需求或功能規格
2、 工作內容：
l 收集需求：從用戶處收集需求，各部門聚集採用頭腦風暴收集需求;從競爭對手處獲得啟發;使用用戶場景來描述需求;
l 確定需求優先級：需要去評估這些需求是否能滿足我們的戰略目標(無論是網站目標還是用戶需求)。另外，還要確定實現這些需求的可行性有多大?
3、 輸出物：產品需求文檔(PRD)、產品功能規格文檔等
三、結構層：
1、 工作目標：設計網站架構圖，將分散的功能和內容組成一個整體
2、 工作內容：進行交互設計、搭建信息架構
3、 輸出物：網站架構圖。如下圖所示：
Google AdWords-AdSense
四、框架層：
1、 工作目標：將抽象的架構圖轉化為詳細的線框圖，確定界面外觀、導航信息及信息要素的佈局。
2、 工作內容：進行詳細的界面、導航設計及信息擺放佈局。可以使用Visio或者Axure RP來完成線框圖的設計。
3、 輸出物：線框圖。如下圖所示：
郵箱產品寫信頁面線框圖
五、表現層
1、 工作目標：按照「低保真」的線框圖設計出最終的Web網站
2、 工作內容：遵照突出重點、保持一致性的原則以及統一的配色排版方案設計出最終的Web網站
3、 輸出物：最終Web網站
留言列表
視覺相關 (4)