網(wǎng)站建設(shè)第一步，就是對(duì)網(wǎng)站定位的分析，然后開(kāi)始進(jìn)行網(wǎng)站頁(yè)面的設(shè)計(jì)，其中涉及到最重要的一個(gè)環(huán)節(jié)就是網(wǎng)站流程的設(shè)計(jì)，也就是交互設(shè)計(jì)。如果一提到交互設(shè)計(jì)，你就想到畫(huà)線(xiàn)框圖或原型圖，那你只對(duì)了五分之一。交互設(shè)計(jì)是一個(gè)過(guò)程，從開(kāi)始到結(jié)束有一套系統(tǒng)的流程。原型圖只是其中的一個(gè)環(huán)節(jié)。下面石家莊網(wǎng)絡(luò)公司就為您說(shuō)說(shuō)交互設(shè)計(jì)的流程。

1. 任務(wù)分析

這里要做的是對(duì)于將要設(shè)計(jì)的新界面的所有任務(wù)的分析，也就是用戶(hù)在界面上能進(jìn)行的所有操作。這個(gè)分析在功能需求的基礎(chǔ)上進(jìn)行，需求方一般提供一個(gè)功能點(diǎn)的列表。任務(wù)分析最常見(jiàn)的是任務(wù)列表，另外有任務(wù)流程和任務(wù)場(chǎng)景等。

以任務(wù)列表為例，需要列出所有主要任務(wù)，以及每個(gè)主要任務(wù)的子任務(wù)，再把子任務(wù)細(xì)分到各個(gè)步驟。任務(wù)列表包括所有功能點(diǎn)，并對(duì)每一個(gè)功能點(diǎn)的邏輯關(guān)系進(jìn)行整合，必要時(shí)會(huì)對(duì)各任務(wù)的使用頻率和其它影響設(shè)計(jì)的重要因素進(jìn)行分析。

2. 頁(yè)面流程

任務(wù)分析完成后，進(jìn)入設(shè)計(jì)的第一步，即設(shè)計(jì)頁(yè)面流程。頁(yè)面流程是設(shè)計(jì)的開(kāi)始，也是重要的一環(huán)，它決定整個(gè)界面的信息架構(gòu)和操作邏輯。頁(yè)面流程是上一步任務(wù)分析的自然轉(zhuǎn)化。一般來(lái)說(shuō)，一個(gè)主要任務(wù)就是一個(gè)頁(yè)面，其它子任務(wù)也可以轉(zhuǎn)化為頁(yè)面。

頁(yè)面幾乎是把任務(wù)分析照搬過(guò)來(lái)了。所以上一步做好了，這一步很輕松，而且越往后越輕松。注意，流程圖應(yīng)該包括所有將要設(shè)計(jì)的新頁(yè)面，一個(gè)不少，一個(gè)不多。它不僅確定頁(yè)面內(nèi)容，頁(yè)面數(shù)量，還確定各頁(yè)面之間的關(guān)系。如果在后來(lái)設(shè)計(jì)具體頁(yè)面原型時(shí)，發(fā)現(xiàn)這個(gè)流程圖多了或少了頁(yè)面，或者頁(yè)面關(guān)系發(fā)生了變化，說(shuō)明你的功夫不到家。根據(jù)原型圖來(lái)創(chuàng)建或者修改頁(yè)面流程圖，不是在做設(shè)計(jì)，而是在寫(xiě)設(shè)計(jì)說(shuō)明。

3. 頁(yè)面布局

頁(yè)面布局是具體頁(yè)面設(shè)計(jì)的開(kāi)始，在上一步知道有哪些頁(yè)面需要進(jìn)行設(shè)計(jì)后，這里對(duì)頁(yè)面進(jìn)行劃分，對(duì)內(nèi)容進(jìn)行組織。最重要的一點(diǎn)是確定頁(yè)面分區(qū)：總布局，即通用布局，適合所有頁(yè)面；具體頁(yè)面布局，在不與總布局沖突的情況下，有更細(xì)節(jié)的布局。

頁(yè)面布局賦予零碎的內(nèi)容以邏輯性，以分區(qū)的形式把頁(yè)面各區(qū)域所對(duì)應(yīng)的功能區(qū)確定下來(lái)，減少具體設(shè)計(jì)時(shí)的隨意性，這是設(shè)計(jì)嚴(yán)謹(jǐn)與否的表現(xiàn)所在。把類(lèi)似的操作放在一起，對(duì)于用戶(hù)來(lái)說(shuō)是可以預(yù)見(jiàn)的，用戶(hù)能夠判斷哪個(gè)操作在哪個(gè)區(qū)域，減少盲目尋找?guī)��?lái)的困難和疑惑。

4. 原型設(shè)計(jì)

這一步是大家熟知的，即具體頁(yè)面的設(shè)計(jì)。這一步設(shè)計(jì)把所有的界面元素表現(xiàn)出來(lái)�？梢杂械捅Ｕ婧透弑Ｕ嬖�型圖，低保真即是線(xiàn)框圖，高保真多是接近最終效果圖。

5. 設(shè)計(jì)說(shuō)明

最后一步需要做的是對(duì)所有頁(yè)面進(jìn)行詳細(xì)的描述，包括對(duì)頁(yè)面上所有元素進(jìn)行說(shuō)明，比如默認(rèn)狀態(tài)，跳轉(zhuǎn)頁(yè)面，字號(hào)字體，尺寸等。這是交給開(kāi)發(fā)人員的文檔，以及測(cè)試人員進(jìn)行測(cè)試的依據(jù)。

石家莊網(wǎng)絡(luò)公司專(zhuān)業(yè)為企業(yè)提供網(wǎng)站建設(shè)服務(wù)。

實(shí)搜網(wǎng)絡(luò)為您提供網(wǎng)絡(luò)推廣，網(wǎng)絡(luò)營(yíng)銷(xiāo)，網(wǎng)站建設(shè)，SEO優(yōu)化，微信開(kāi)發(fā)，網(wǎng)站托管等服務(wù)，服務(wù)熱線(xiàn)：0311-66697360