以用戶為中心的Web網站設計流程

2 評論 14406 瀏覽 172 收藏 5 分鐘

?最近看了2本產品設計書籍《就這么做產品IT產品實戰工具與全景案例》以及《用戶體驗的要素》,系統地介紹了產品設計的相關理論及方法,深受啟發。這里我將結合這2本書的精華,再加上自己以往積累的經驗,總結一下Web網站的設計流程。

???設計一個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、?工作內容:進行詳細的界面、導航設計及信息擺放布局??梢允褂肰isio或者Axure RP來完成線框圖的設計。

3、?輸出物:線框圖。如下圖所示:

?

郵箱產品寫信頁面線框圖

五、表現層

1、?工作目標:按照“低保真”的線框圖設計出最終的Web網站

2、?工作內容:遵照突出重點、保持一致性的原則以及統一的配色排版方案設計出最終的Web網站

3、?輸出物:最終Web網站

Via:支付寶產品經理酷拉皮卡

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 結構清晰,學習了,感謝分享!

    來自廣東 回復