News Center

wap網(wǎng)站設(shè)計(jì)的五個(gè)層次

隨著移動(dòng)互聯(lián)網(wǎng)滲透到人們的生活和工作中，諸如“ APP應(yīng)用程序”，“移動(dòng)網(wǎng)站”和“ Web網(wǎng)站”等熱門詞匯已成為人們餐后的話題。不知不覺中，移動(dòng)互聯(lián)網(wǎng)已迅速進(jìn)入我們的世界。 在網(wǎng)站建設(shè)行業(yè)中，移動(dòng)網(wǎng)站建設(shè)也已成為熱門話題，許多客戶表示希望盡快建立自己的移動(dòng)網(wǎng)站。

那么，設(shè)計(jì)一個(gè)Web網(wǎng)站，需要考慮五個(gè)層次，并按順序依次實(shí)現(xiàn)。五個(gè)層次分別為： 

1、戰(zhàn)略層：明確公司與用戶對(duì)于網(wǎng)站的期望和目標(biāo)；

2、范圍層：將戰(zhàn)略層確定的目標(biāo)轉(zhuǎn)化為網(wǎng)站提供的功能和內(nèi)容；

3、結(jié)構(gòu)層：網(wǎng)站設(shè)計(jì)架構(gòu)圖，將分散的功能和內(nèi)容組成一個(gè)整體；

4、框架層：將抽象的架構(gòu)圖轉(zhuǎn)化為詳細(xì)的線框圖，確定界面外觀、導(dǎo)航信息及信息要素的布局；

5、表現(xiàn)層：按照“低保真”的線框圖設(shè)計(jì)出最終的Web網(wǎng)站。

以下我將逐一講解每層的工作目標(biāo)、工作內(nèi)容及輸出物：

一、Web網(wǎng)站設(shè)計(jì)戰(zhàn)略層：

1.工作目標(biāo)：

確定網(wǎng)站目標(biāo)：我們要從這個(gè)網(wǎng)站得到什么？

確定用戶需求：我們的用戶要從這個(gè)網(wǎng)站得到什么？

2、 工作內(nèi)容：

確定網(wǎng)站目標(biāo)

商業(yè)目標(biāo)：替公司賺錢還是替公司省錢？要賺多少錢？

品牌識(shí)別：將品牌形象具體而明確地寫進(jìn)目標(biāo)，將會(huì)提高呈現(xiàn)出積極的品牌形象的機(jī)會(huì)；

成功標(biāo)準(zhǔn)：將戰(zhàn)略或商業(yè)目標(biāo)進(jìn)行量化。如通過衡量每一個(gè)注冊(cè)用戶單月的訪問次數(shù)表明了該網(wǎng)站對(duì)核心用戶的價(jià)值。

確定用戶需求

用戶細(xì)分：可以按照人口統(tǒng)計(jì)學(xué)標(biāo)準(zhǔn)，價(jià)值觀標(biāo)準(zhǔn)和用戶對(duì)技術(shù)及網(wǎng)站本身觀點(diǎn)劃分用戶；

用戶研究：使用問卷調(diào)查、用戶訪談、焦點(diǎn)小組等方法收集、分析用戶觀點(diǎn)和需求。并可通過創(chuàng)建虛擬人物角色來將分散的資料關(guān)聯(lián)起來。幫助你確保在整個(gè)設(shè)計(jì)過程期間把用戶始終放在心里。

3、 輸出物：市場(chǎng)需求文檔（MRD）、用戶研究報(bào)告、競(jìng)爭(zhēng)對(duì)手分析報(bào)告等

二、Web網(wǎng)站設(shè)計(jì)范圍層：

1、 工作目標(biāo)：確定網(wǎng)站建設(shè)的功能需求或功能規(guī)格

2、 工作內(nèi)容：

收集需求：從用戶處收集需求，各部門聚集采用頭腦風(fēng)暴收集需求；從競(jìng)爭(zhēng)對(duì)手處獲得啟發(fā)；使用用戶場(chǎng)景來描述需求；

確定需求優(yōu)先級(jí)：需要去評(píng)估這些需求是否能滿足我們的戰(zhàn)略目標(biāo)（無論是網(wǎng)站目標(biāo)還是用戶需求）。另外，還要確定實(shí)現(xiàn)這些需求的可行性有多大？ 

3、 輸出物：產(chǎn)品需求文檔（PRD）、產(chǎn)品功能規(guī)格文檔等 

三、Web網(wǎng)站設(shè)計(jì)結(jié)構(gòu)層：

1、 工作目標(biāo)：網(wǎng)站設(shè)計(jì)架構(gòu)圖，將分散的功能和內(nèi)容組成一個(gè)整體 

2、 工作內(nèi)容：進(jìn)行交互設(shè)計(jì)、搭建信息架構(gòu) 

3、 輸出物：網(wǎng)站架構(gòu)圖。

四、Web網(wǎng)站設(shè)計(jì)框架層：

1、 工作目標(biāo)：將抽象的架構(gòu)圖轉(zhuǎn)化為詳細(xì)的線框圖，確定界面外觀、導(dǎo)航信息及信息要素的布局。

2、 工作內(nèi)容：進(jìn)行詳細(xì)的界面、導(dǎo)航設(shè)計(jì)及信息擺放布局。可以使用Visio或者Axure RP來完成線框圖的設(shè)計(jì)。

3、 輸出物：線框圖。

郵箱產(chǎn)品寫信頁面線框圖

五、Web網(wǎng)站設(shè)計(jì)表現(xiàn)層 

1、 工作目標(biāo)：按照“低保真”的線框圖設(shè)計(jì)出最終的Web網(wǎng)站

2、 工作內(nèi)容：遵照突出重點(diǎn)、保持一致性的原則以及統(tǒng)一的配色排版方案設(shè)計(jì)出最終的Web網(wǎng)站

3、 輸出物：最終Web網(wǎng)站

內(nèi)容收集整理自互聯(lián)網(wǎng)，由山西更新科技公司編輯，版權(quán)歸原作者，如有侵權(quán)請(qǐng)聯(lián)系我們，即刻處理。

APP、小程序、網(wǎng)站定制開發(fā)-山西更新科技