隨著移動互聯網滲透到人們的生活和工作中,諸如“ APP應用程序”,“移動網站”和“ Web網站”等熱門詞匯已成為人們餐后的話題。不知不覺中,移動互聯網已迅速進入我們的世界。 在網站建設行業中,移動網站建設也已成為熱門話題,許多客戶表示希望盡快建立自己的移動網站。
那么,設計一個Web網站,需要考慮五個層次,并按順序依次實現。五個層次分別為:
1、戰略層:明確公司與用戶對于網站的期望和目標;
2、范圍層:將戰略層確定的目標轉化為網站提供的功能和內容;
3、結構層:網站設計架構圖,將分散的功能和內容組成一個整體;
4、框架層:將抽象的架構圖轉化為詳細的線框圖,確定界面外觀、導航信息及信息要素的布局;
5、表現層:按照“低保真”的線框圖設計出最終的Web網站。
以下我將逐一講解每層的工作目標、工作內容及輸出物:
一、Web網站設計戰略層:
1.工作目標:
確定網站目標:我們要從這個網站得到什么?
確定用戶需求:我們的用戶要從這個網站得到什么?
2、 工作內容:
確定網站目標
商業目標:替公司賺錢還是替公司省錢?要賺多少錢?
品牌識別:將品牌形象具體而明確地寫進目標,將會提高呈現出積極的品牌形象的機會;
成功標準:將戰略或商業目標進行量化。如通過衡量每一個注冊用戶單月的訪問次數表明了該網站對核心用戶的價值。
確定用戶需求
用戶細分:可以按照人口統計學標準,價值觀標準和用戶對技術及網站本身觀點劃分用戶;
用戶研究:使用問卷調查、用戶訪談、焦點小組等方法收集、分析用戶觀點和需求。并可通過創建虛擬人物角色來將分散的資料關聯起來。幫助你確保在整個設計過程期間把用戶始終放在心里。
3、 輸出物:市場需求文檔(MRD)、用戶研究報告、競爭對手分析報告等
二、Web網站設計范圍層:
1、 工作目標:確定網站建設的功能需求或功能規格
2、 工作內容:
收集需求:從用戶處收集需求,各部門聚集采用頭腦風暴收集需求;從競爭對手處獲得啟發;使用用戶場景來描述需求;
確定需求優先級:需要去評估這些需求是否能滿足我們的戰略目標(無論是網站目標還是用戶需求)。另外,還要確定實現這些需求的可行性有多大?
3、 輸出物:產品需求文檔(PRD)、產品功能規格文檔等
三、Web網站設計結構層:
1、 工作目標:網站設計架構圖,將分散的功能和內容組成一個整體
2、 工作內容:進行交互設計、搭建信息架構
3、 輸出物:網站架構圖。
四、Web網站設計框架層:
1、 工作目標:將抽象的架構圖轉化為詳細的線框圖,確定界面外觀、導航信息及信息要素的布局。
2、 工作內容:進行詳細的界面、導航設計及信息擺放布局。可以使用Visio或者Axure RP來完成線框圖的設計。
3、 輸出物:線框圖。
郵箱產品寫信頁面線框圖
五、Web網站設計表現層
1、 工作目標:按照“低保真”的線框圖設計出最終的Web網站
2、 工作內容:遵照突出重點、保持一致性的原則以及統一的配色排版方案設計出最終的Web網站
3、 輸出物:最終Web網站
內容收集整理自互聯網,由山西更新科技公司編輯,版權歸原作者,如有侵權請聯系我們,即刻處理。
APP、小程序、網站定制開發-山西更新科技