隨著移動互聯(lián)網(wǎng)滲透到人們的生活和工作中，諸如“ APP應用程序”，“移動網(wǎng)站”和“ Web網(wǎng)站”等熱門詞匯已成為人們餐后的話題。不知不覺中，移動互聯(lián)網(wǎng)已迅速進入我們的世界。 在網(wǎng)站建設行業(yè)中，移動網(wǎng)站建設也已成為熱門話題，許多客戶表示希望盡快建立自己的移動網(wǎng)站。
那么，設計一個Web網(wǎng)站，需要考慮五個層次，并按順序依次實現(xiàn)。五個層次分別為：
戰(zhàn)略層：明確公司與用戶對于網(wǎng)站的期望和目標；
范圍層：將戰(zhàn)略層確定的目標轉(zhuǎn)化為網(wǎng)站提供的功能和內(nèi)容；
結(jié)構(gòu)層：設計網(wǎng)站架構(gòu)圖，將分散的功能和內(nèi)容組成一個整體；
框架層：將抽象的架構(gòu)圖轉(zhuǎn)化為詳細的線框圖，確定界面外觀、導航信息及信息要素的布局；
表現(xiàn)層：按照“低保真”的線框圖設計出最終的Web網(wǎng)站。
以下我將逐一講解每層的工作目標、工作內(nèi)容及輸出物：
一、Web網(wǎng)站設計戰(zhàn)略層：
1.工作目標：
確定網(wǎng)站目標：我們要從這個網(wǎng)站得到什么？
確定用戶需求：我們的用戶要從這個網(wǎng)站得到什么？
2、 工作內(nèi)容：
確定網(wǎng)站目標
商業(yè)目標：替公司賺錢還是替公司省錢？要賺多少錢？
品牌識別：將品牌形象具體而明確地寫進目標，將會提高呈現(xiàn)出積極的品牌形象的機會；
成功標準：將戰(zhàn)略或商業(yè)目標進行量化。如通過衡量每一個注冊用戶單月的訪問次數(shù)表明了該網(wǎng)站對核心用戶的價值。
確定用戶需求
用戶細分：可以按照人口統(tǒng)計學標準，價值觀標準和用戶對技術(shù)及網(wǎng)站本身觀點劃分用戶；
用戶研究：使用問卷調(diào)查、用戶訪談、焦點小組等方法收集、分析用戶觀點和需求。并可通過創(chuàng)建虛擬人物角色來將分散的資料關(guān)聯(lián)起來。幫助你確保在整個設計過程期間把用戶始終放在心里。
3、 輸出物：市場需求文檔（MRD）、用戶研究報告、競爭對手分析報告等
二、Web網(wǎng)站設計范圍層：
1、 工作目標：確定網(wǎng)站的功能需求或功能規(guī)格
2、 工作內(nèi)容：
收集需求：從用戶處收集需求，各部門聚集采用頭腦風暴收集需求；從競爭對手處獲得啟發(fā)；使用用戶場景來描述需求；
確定需求優(yōu)先級：需要去評估這些需求是否能滿足我們的戰(zhàn)略目標（無論是網(wǎng)站目標還是用戶需求）。另外，還要確定實現(xiàn)這些需求的可行性有多大？
3、 輸出物：產(chǎn)品需求文檔（PRD）、產(chǎn)品功能規(guī)格文檔等
三、Web網(wǎng)站設計結(jié)構(gòu)層：
1、 工作目標：設計網(wǎng)站架構(gòu)圖，將分散的功能和內(nèi)容組成一個整體
2、 工作內(nèi)容：進行交互設計、搭建信息架構(gòu)
3、 輸出物：網(wǎng)站架構(gòu)圖。
四、Web網(wǎng)站設計框架層：
1、 工作目標：將抽象的架構(gòu)圖轉(zhuǎn)化為詳細的線框圖，確定界面外觀、導航信息及信息要素的布局。
2、 工作內(nèi)容：進行詳細的界面、導航設計及信息擺放布局?？梢允褂肰isio或者Axure RP來完成線框圖的設計。
3、 輸出物：線框圖。
郵箱產(chǎn)品寫信頁面線框圖
五、Web網(wǎng)站設計表現(xiàn)層
1、 工作目標：按照“低保真”的線框圖設計出最終的Web網(wǎng)站
2、 工作內(nèi)容：遵照突出重點、保持一致性的原則以及統(tǒng)一的配色排版方案設計出最終的Web網(wǎng)站
3、 輸出物：最終Web網(wǎng)站
Web網(wǎng)站的設計公司米么信息科技一家以互聯(lián)網(wǎng)APP開發(fā)為核心的公司，主營項目有成都APP開發(fā),成都APP制作,成都APP外包,Web網(wǎng)站設計建設、成都軟件開發(fā)，成都軟件開發(fā),微信開發(fā),Webw網(wǎng)站開發(fā)，HTML5網(wǎng)站開發(fā)，安卓開發(fā)、iOS開發(fā)、成都手機APP開發(fā)等。
米么信息科技有限公司始終秉承"為客戶創(chuàng)造價值"的核心價值觀，堅持"誠信、服務、創(chuàng)新、共贏"的經(jīng)營理念，專注APP開發(fā)技術(shù)，與您攜手共進。
