交互設(shè)計(jì)的方法

時(shí)間：2025-11-12 15:55:15 賽賽計(jì)算機(jī)輔助設(shè)計(jì) 我要投稿

相關(guān)推薦

交互設(shè)計(jì)的方法

　　交互設(shè)計(jì)是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域，它定義了兩個(gè)或多個(gè)互動(dòng)的個(gè)體之間交流的內(nèi)容和結(jié)構(gòu)，使之互相配合，共同達(dá)成某種目的。以下是小編整理的交互設(shè)計(jì)的方法，歡迎閱讀。

　　交互設(shè)計(jì)的流程

　　如果一提到交互設(shè)計(jì)，你就想到畫(huà)線框圖或原型圖，那你只對(duì)了五分之一。交互設(shè)計(jì)是一個(gè)過(guò)程，從開(kāi)始到結(jié)束有一套系統(tǒng)的流程。原型圖只是其中的一個(gè)環(huán)節(jié)。

　　當(dāng)接到一個(gè)設(shè)計(jì)項(xiàng)目，怎么開(kāi)始?都應(yīng)該做哪些工作?怎樣盡可能的保證交付物滿足既定的功能以及用戶體驗(yàn)層面的易用性?

　　第一步，是任務(wù)分析，列出界面所要完成的所有任務(wù)。第二步按各任務(wù)確定頁(yè)面流程，建立信息架構(gòu)。接下來(lái)是創(chuàng)建統(tǒng)一的頁(yè)面布局包括分區(qū)等。然后在頁(yè)面布局的基礎(chǔ)上進(jìn)行原型設(shè)計(jì)，可以是低保真和高保真的原型圖。最后編寫(xiě)設(shè)計(jì)說(shuō)明。

　　下面以設(shè)計(jì)一款動(dòng)感相冊(cè)界面為例，逐步講解各個(gè)環(huán)節(jié)。

　　1. 任務(wù)分析

　　第一步任務(wù)分析。這里要做的是對(duì)于將要設(shè)計(jì)的這個(gè)新界面的所有任務(wù)的分析，也就是用戶在界面上能進(jìn)行的所有操作。這個(gè)分析在功能需求的基礎(chǔ)上進(jìn)行，需求方一般提供一個(gè)功能點(diǎn)的列表。

　　任務(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è)面。

　　以動(dòng)感相冊(cè)為例，頁(yè)面流程如下：

　　頁(yè)面幾乎是把任務(wù)分析照搬過(guò)來(lái)了。所以上一步做好了，這一步很輕松，而且越往后越輕松。

　　注意這個(gè)流程圖應(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ō)明你的功夫不到家(這個(gè)比較難，我一般不苛求我們的設(shè)計(jì)師)。根據(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ū)。

　　以動(dòng)感相冊(cè)為例，頁(yè)面布局如下：

　　總布局，即通用布局，適合所有頁(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ì)于用戶來(lái)說(shuō)是可以預(yù)見(jiàn)的，用戶能夠判斷哪個(gè)操作在哪個(gè)區(qū)域，減少盲目尋找?guī)?lái)的困難和疑惑。

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

　　這一步是大家熟知的，即具體頁(yè)面的設(shè)計(jì)。這一步設(shè)計(jì)把所有的界面元素表現(xiàn)出來(lái)。可以有低保真和高保真原型圖。低保真即是線框圖，高保真多是接近最終效果圖。

　　下面是動(dòng)感相冊(cè)的低保真原型圖。

　　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ù)。

　　相關(guān)信息

　　交互設(shè)計(jì)的相關(guān)信息包含交互，使用，交互設(shè)計(jì)和可用性（usability）四個(gè)方面。

　　提到“交互”，感覺(jué)是參與交互的雙方更加對(duì)等，實(shí)際上，引入“交互”這個(gè)詞的意義，就在于交互對(duì)象地位的提升。來(lái)自《超越人機(jī)交互》一書(shū)Terry Winograd先生所說(shuō)：“就是把計(jì)算機(jī)的長(zhǎng)處和人的長(zhǎng)處相結(jié)合，而不是讓計(jì)算機(jī)模擬人，正是這個(gè)想法把我引入了HCI領(lǐng)域”；AlanCooper先生在UI Design的訪談中也同樣提到：“關(guān)鍵在于，讓人去做他勝任的事情是一件非常好的事。讓人做人擅長(zhǎng)做的事情，而讓計(jì)算機(jī)做計(jì)算機(jī)真正擅長(zhǎng)的事情�！睂�(duì)交互對(duì)象的重視有利于讓人和交互對(duì)象的關(guān)系更合理，從而得到人和交互對(duì)象相得益彰的相處方式。

　　可用性是交互設(shè)計(jì)的基本而且重要的指標(biāo)，它是對(duì)可用程度的總體評(píng)價(jià)。也是從用戶角度衡量產(chǎn)品是否有效、易學(xué)、安全、高效、好記、少錯(cuò)的質(zhì)量指標(biāo)。

　　同時(shí)，交互設(shè)計(jì)的目標(biāo)不止于此，它還要考慮用戶的期望（Donald Norman先生說(shuō)到期望設(shè)計(jì)是交互設(shè)計(jì)的下一站）和體驗(yàn)，可用性保證產(chǎn)品可用，基本功能完備且方便；而體驗(yàn)在于給用戶一些與眾不同的或者意想之外的感覺(jué)。也就是說(shuō)，“可用”是產(chǎn)品應(yīng)該做到的，理所應(yīng)當(dāng)?shù)�，“體驗(yàn)”則是額外的驚喜和收獲。

　　ISO9241/11中的定義是：可用性是一個(gè)多因素概念，涉及到容易學(xué)習(xí)、容易使用、系統(tǒng)的有效性、用戶滿意，以及把這些因素與實(shí)際使用環(huán)境聯(lián)系在一起針對(duì)特定目標(biāo)的評(píng)價(jià)。

　　主要內(nèi)容

　　交互設(shè)計(jì)是一門(mén)特別關(guān)注以下內(nèi)容的學(xué)科：

　　1、定義產(chǎn)品的行為和使用密切相關(guān)的產(chǎn)品形式。

　　2、預(yù)測(cè)產(chǎn)品的使用如何影響產(chǎn)品與用戶的關(guān)系，以及用戶對(duì)產(chǎn)品的理解。

　　3、探索產(chǎn)品、人和物質(zhì)、文化、歷史之間的對(duì)話。

　　交互設(shè)計(jì)從“目標(biāo)導(dǎo)向”的角度解決產(chǎn)品設(shè)計(jì)：

　　1、要形成對(duì)人們希望的產(chǎn)品使用方式，以及人們?yōu)槭裁聪胗眠@種產(chǎn)品等問(wèn)題的見(jiàn)解。

　　2、尊重用戶及其目標(biāo)。

　　3、對(duì)于產(chǎn)品特征與使用屬性，要有一個(gè)完全的形態(tài)，而不能太簡(jiǎn)單。

　　4、展望未來(lái)，要看到產(chǎn)品可能的樣子，它們并不必然就像當(dāng)前這樣。

【交互設(shè)計(jì)的方法】相關(guān)文章：