基于認(rèn)知規(guī)律的用戶界面信息布局設(shè)計(jì)方法

姬文淵，呂 健，劉 翔，徐小萍，趙子健

(貴州大學(xué) 現(xiàn)代制造技術(shù)教育部重點(diǎn)實(shí)驗(yàn)室，貴州 貴陽 550025)

0 引 言

用戶界面使用過程中雜亂無章的信息會(huì)給用戶帶來搜索時(shí)間長、延遲決策、無法專注于主要任務(wù)以及認(rèn)知負(fù)荷過大等問題[1]。在用戶界面設(shè)計(jì)過程中對(duì)信息進(jìn)行合理組織與呈現(xiàn)，可以把用戶從繁重的交互負(fù)擔(dān)中解脫出來，讓用戶只需專注于任務(wù)本身，從而減輕用戶的認(rèn)知負(fù)荷、縮短認(rèn)知時(shí)間，提高交互效率。

用戶界面中信息元素的布局方式是影響交互效率的重要因素。目前，國內(nèi)外學(xué)者對(duì)用戶界面布局設(shè)計(jì)已有一些研究。S Raeisi等[2]使用鏈值分析方法計(jì)算面板元素間鏈路的重要性和頻率綜合權(quán)重，進(jìn)行界面的布局設(shè)計(jì)。Storrle等[3]指出布局時(shí)需考慮符合用戶的使用習(xí)慣。在國內(nèi)，李晶等[4]通過研究結(jié)果表明，用戶界面中符合認(rèn)知特征的布局設(shè)計(jì)可以提高操作人員的工作效率。鄧麗等[5]的研究結(jié)果表明，將遺傳-蟻群算法引入司鉆控制室操縱器，進(jìn)行多目標(biāo)求解布局問題，有效提高了布局的效率。葉坤武等[6]提出了一種基于注意力分配問題的用戶界面布局優(yōu)化設(shè)計(jì)的方法。

上述文獻(xiàn)對(duì)界面研究做出了參考價(jià)值的研究，但并未涉及到新系統(tǒng)用戶界面布局設(shè)計(jì)的方法以及如何定量化構(gòu)建認(rèn)知規(guī)律與用戶界面布局之間的關(guān)系等方面，本文將通過以下3個(gè)方面進(jìn)行進(jìn)一步的研究：

(1)本文通過建立任務(wù)模型，為新系統(tǒng)的界面布局設(shè)計(jì)提供合理的待布局任務(wù)信息元素，并通過任務(wù)模型確定任務(wù)間的操作順序和優(yōu)先級(jí)關(guān)系；

(2)以目標(biāo)任務(wù)為驅(qū)動(dòng)結(jié)合人的認(rèn)知規(guī)律總結(jié)出布局原則，以定量化的形式構(gòu)建數(shù)學(xué)模型，以求解出符合人認(rèn)知規(guī)律的布局方案；

(3)在傳統(tǒng)用戶界面布局設(shè)計(jì)時(shí)，存在一定的經(jīng)驗(yàn)性和不確定性的問題，通常無法以全局最優(yōu)的思想進(jìn)行界面的布局設(shè)計(jì)。因此，本文通過粒子群算法將人工尋優(yōu)的過程算法化，極大提高了界面布局設(shè)計(jì)的效率。

1 界面布局的相關(guān)研究

1.1 任務(wù)建模

任務(wù)建模是通過對(duì)用戶歷史行為的研究獲取用戶完成目標(biāo)任務(wù)的操作行為信息，為更好的描述用戶與系統(tǒng)的交互過程提供支持[1]。為更好分析用戶的行為以適應(yīng)界面布局可用性的需求，需構(gòu)建合理的任務(wù)模型。

構(gòu)建任務(wù)模型的流程如下[7]，如圖1所示。

步驟1 確定目標(biāo)任務(wù)：通過現(xiàn)場觀察、視頻、訪談等方式獲取以往用戶完成該目標(biāo)所需的行為序列，以此進(jìn)行數(shù)據(jù)收集；

步驟2 任務(wù)分析：對(duì)收集到的數(shù)據(jù)進(jìn)行分析，提取關(guān)鍵交互行為；

步驟3 任務(wù)建模：根據(jù)交互行為執(zhí)行時(shí)間序列的關(guān)系進(jìn)行任務(wù)建模。通過CTT中對(duì)任務(wù)間暫態(tài)關(guān)系的定義構(gòu)建任務(wù)模型[8]。

圖1 任務(wù)建模流程

暫態(tài)關(guān)系是指任務(wù)之間存在的時(shí)間關(guān)系[9]。本文所用到的暫態(tài)關(guān)系如下：

t1|||t2并發(fā)關(guān)系、t1[]?t2帶有信息交換的使能關(guān)系、 t1[]t2選擇關(guān)系和t1[>t2鈍化關(guān)系。暫態(tài)關(guān)系的詳細(xì)定義請(qǐng)參見文獻(xiàn)[8]。

根據(jù)暫態(tài)關(guān)系的定義，對(duì)任務(wù)信息間的操作順序和優(yōu)先級(jí)的關(guān)系做如下定義：

定義1 當(dāng)任務(wù)間有鈍化關(guān)系時(shí) (t1[>t2)，若禁用關(guān)系后的任務(wù)沒有執(zhí)行，則前面的任務(wù)按暫態(tài)關(guān)系中的時(shí)間順序依次執(zhí)行；

定義2 當(dāng)任務(wù)間有鈍化關(guān)系時(shí) (t1[>t2)，若執(zhí)行禁用關(guān)系后中的任一子任務(wù)，則前面的所有任務(wù)被禁用，此時(shí)后一任務(wù)較之于前一任務(wù)有優(yōu)先級(jí)。若將后一任務(wù)的優(yōu)先級(jí)設(shè)定為1，前面的任務(wù)的優(yōu)先級(jí)則為0。

1.2 根據(jù)人的認(rèn)知規(guī)律確定布局原則

為提高用戶界面的可用性，設(shè)計(jì)師在布局設(shè)計(jì)時(shí)，需了解用戶的認(rèn)知規(guī)律，以人對(duì)信息的處理、加工特性為基礎(chǔ)，運(yùn)用人的認(rèn)知規(guī)律，使用戶界面布局符合操作者對(duì)界面信息的認(rèn)知加工過程，以縮短操作者在界面使用過程中認(rèn)知時(shí)間，同時(shí)減輕認(rèn)知負(fù)荷。下面總結(jié)一些界面布局設(shè)計(jì)中涉及到的人的認(rèn)知規(guī)律，并將其轉(zhuǎn)化為布局的指導(dǎo)原則。

(1)視野可達(dá)性原則

視覺可達(dá)性是結(jié)合人視覺系統(tǒng)的特點(diǎn)，確定操作者能夠獲得的清晰的視野區(qū)域。從生理學(xué)的角度分析，結(jié)合GJB2873-1997軍事裝備設(shè)施的人機(jī)工程準(zhǔn)則，根據(jù)人眼對(duì)信息察覺效果的優(yōu)劣，可將視野區(qū)域分為3個(gè)區(qū)域：最佳視野區(qū)域(A)、可達(dá)視野區(qū)域(B)和條件視野區(qū)域(C)。

根據(jù)視野形成視錐的特點(diǎn)[10]，視錐橫截面可以表示為圖2。其中視野A區(qū)域是以水平和垂直視野范圍30°左右的視錐；B區(qū)域是水平視野范圍70°左右，垂直視野范圍為60°左右的視錐；C區(qū)域是除了A、B區(qū)域以外的條件區(qū)域，是在轉(zhuǎn)動(dòng)頭部或移動(dòng)身體的條件下才能看到的視野范圍。當(dāng)界面中有多個(gè)待布局元素時(shí)，在滿足界面空間可容性的需求下，盡可能將待布局元素布置于A和B區(qū)域，使操作者可以快速搜索到目標(biāo)任務(wù)，減少搜索時(shí)間。

(2)視覺搜索原則

圖2 視野可達(dá)區(qū)域等級(jí)劃分

視覺搜索是要求用戶在眾多視覺刺激中快速、準(zhǔn)確搜索出目標(biāo)刺激。視覺搜索率的高低取決于目標(biāo)刺激所處的位置。根據(jù)古登堡圖表[11,12]顯示人在審閱信息時(shí)視覺搜索運(yùn)動(dòng)的基本模式是遵循Z字規(guī)律的，即從左上到右下的搜索軌跡，如圖3所示。當(dāng)一個(gè)界面上有多個(gè)待布局任務(wù)信息元素時(shí)，可以根據(jù)視覺搜索軌跡按照任務(wù)間的操作順序依次排布，即在操作順序上后操作的待布局元素放置于先操作的待布局元素的右面或者是下面，使布局與用戶的歷史使用經(jīng)驗(yàn)以及和視覺的搜索軌跡相一致，盡可能減少用戶對(duì)界面的學(xué)習(xí)和記憶時(shí)間，以避免和減少誤操作。

圖3 古登堡圖表(視覺搜索軌跡)

(3)信息的組織原則

信息組織原則是指在視野中離散的刺激可以由于它們之間的某種關(guān)系組織到一起而形成的一個(gè)整體感[13]。當(dāng)大量待布局元素需要布局時(shí)，可根據(jù)人類認(rèn)知規(guī)律中的視覺組織原則將相關(guān)信息進(jìn)行布置，按待布局元素之間的相關(guān)程度確定其之間的距離，如相關(guān)程度高的待布局元素之間的距離小，使相關(guān)程度高的待布局元素間形成整體感，便于操作者對(duì)界面信息的搜索與組織。

2 構(gòu)建及求解目標(biāo)函數(shù)

2.1 構(gòu)建目標(biāo)函數(shù)

該目標(biāo)函數(shù)是以布局原則為目標(biāo)函數(shù)的評(píng)價(jià)函數(shù)，評(píng)價(jià)函數(shù)由待布局元素的x、y軸坐標(biāo)為變量構(gòu)成，用以評(píng)價(jià)布局方案的優(yōu)劣。當(dāng)目標(biāo)函數(shù)取最大值時(shí)，布局方案為最優(yōu)。

為了構(gòu)建目標(biāo)函數(shù)，將上述3個(gè)布局原則定量化建立數(shù)學(xué)模型。

(1)視野可達(dá)性原則

視野可達(dá)性原則是在分析待布局元素在界面中所處位置與視野區(qū)域等級(jí)的關(guān)系，從理論上講，待布局元素的優(yōu)先級(jí)越高其所處的視野區(qū)域更好，即待布局元素如有優(yōu)先級(jí)，其所處位置一定在最佳視野區(qū)域內(nèi)，如沒有優(yōu)先級(jí)其所處位置可能在3個(gè)區(qū)域內(nèi)的任意一個(gè)。

對(duì)用戶視野可達(dá)性的評(píng)價(jià)，主要是依據(jù)待布局元素所處區(qū)域的視野等級(jí)。對(duì)處于不同等級(jí)區(qū)域內(nèi)的待布局元素的視野可達(dá)性進(jìn)行賦值表示，見式(1)

(1)

式中：待布局元素i的形心的坐標(biāo)為 (xi,yj)，區(qū)域A的圓心的坐標(biāo)為 (xA,yA)，r為區(qū)域A的半徑；區(qū)域B的橢圓心坐標(biāo)為 (xB,yB)，a為區(qū)域B的長軸，b為區(qū)域B的短軸。其中待布局元素i的形心的坐標(biāo)處于最佳視野區(qū)域A內(nèi)，Vi賦值為1，待布局元素i的形心處于可達(dá)視野區(qū)域B內(nèi)，Vi賦值為0，待布局元素i的形心處于條件視野區(qū)域C內(nèi)時(shí)，Vi賦值為-1。L為界面的總長度，W為界面的總寬度，如圖4所示。

(2)視覺搜索原則

視覺搜索原則是在探討根據(jù)人對(duì)信息視覺搜索軌跡和任務(wù)元素間操作順序之間的關(guān)系進(jìn)行布局設(shè)計(jì)的原則，即后操作的待布局元素應(yīng)放置于先操作的元素的右方或下方。

圖4 界面元素布局

根據(jù)任務(wù)模型可以得出完成目標(biāo)任務(wù)所需執(zhí)行的任務(wù)序列。在布局設(shè)計(jì)時(shí)，根據(jù)任務(wù)序列間的操作順序?qū)Υ季衷氐奈恢眠M(jìn)行組織。操作順序用矩陣可以表示為

(2)

式中：oi為待布局元素i在目標(biāo)任務(wù)下任務(wù)信息元素間的操作順序，n為待布局元素的個(gè)數(shù)。

在獲得任務(wù)間的操作順序后對(duì)任務(wù)進(jìn)行位置關(guān)系的表述，如圖5所示。位置關(guān)系可以表示為Sij，Sij表示待布局信息元素i的形心和待布局信息元素j的形心相互位置關(guān)系。

圖5 待布局元素間的位置關(guān)系

根據(jù)視覺搜索原則和待布局元素操作順序的分析，任務(wù)間共有3種位置關(guān)系，分別為：Sij={2,3,4} 時(shí)，表示待布局元素j可以放在待布局元素i的右面和下面，即j的操作順序上是在i的后面；Sij={4,1,2} 時(shí)，表示j可以放在i的左面和上面，即j的操作順序上是在i的前面；Sij={1,2,3,4} 時(shí)，表示j可以放在i的任何位置，即j與i之間沒有操作順序的要求。

操作順序與位置之間的關(guān)系用μsk表示，用以衡量各待布局元素之間在不同操作順序下相對(duì)位置變化的取值關(guān)系。當(dāng)Sij={2,3,4} 時(shí)，μs1的取值見式(3)

(3)

式中：α為布局設(shè)計(jì)中兩個(gè)待布局元素之間的夾角，α=arctanyi-yj/xi-xj；根據(jù)式(3)，類似可構(gòu)建μs2、μs3。

(3)信息的組織原則

信息的組織原則是在討論待布局元素之間相關(guān)性程度與其距離之間的關(guān)系，相關(guān)性程度越高待布局元素之間距離越近。

待布局元素之間的相關(guān)性程度可以用矩陣表示為

(4)

式中：cij待布局任務(wù)信息元素i和j的功能相關(guān)程度;n為待布局任務(wù)信息元素個(gè)數(shù)。

待布局元素i和其余待布局元素相關(guān)性程度與距離之間的關(guān)系可以用Ci表示

(5)

(4)目標(biāo)函數(shù)

目標(biāo)函數(shù)是在布局原則的條件約束下使所確定的布局方案解得到最優(yōu)值。綜合考慮上述4個(gè)布局原則的數(shù)學(xué)模型，將目標(biāo)函數(shù)定義為

(6)

s.t.

(7)

(8)

式中：n為待布局信息元素的個(gè)數(shù)；Vi為待布局元素i所在位置的可視區(qū)域等級(jí)；δ為布局原則的權(quán)重。待布局元素i的坐標(biāo)為 (xi，yi)，其長和寬分別為li和wi，待布局元素j的坐標(biāo)為 (xj，yj)，其長和寬分別為lj和wj，如圖4所示。其中式(7)為元素間重疊約束，式中兩個(gè)條件滿足其中之一即可，式(8)為邊界約束，式中兩個(gè)條件必須全部滿足。

2.2 求解算法

2.2.1 粒子群算法

粒子群算法(particle swarm optimization，PSO)常用于動(dòng)態(tài)目標(biāo)的尋優(yōu)。PSO算法在可行解空間中每個(gè)粒子都代表用戶界面布局方案P達(dá)到最優(yōu)的一個(gè)潛在解。在傳統(tǒng)的粒子群算法中引入慣性權(quán)重wk，使粒子群保持全局搜索尋優(yōu)的同時(shí)，又能增強(qiáng)粒子群的局部搜索尋優(yōu)能力。為更好地平衡算法的全局與局部搜索能力，本文運(yùn)用線性遞減慣性權(quán)重法[14]，表示為

w(k)=wmax-(wmax-wmin)·k/Tmax

(9)

式中：k為當(dāng)前迭代代數(shù)，Tmax為最大的迭代代數(shù)，一般來說，慣性權(quán)值取值為wmax=0.9、wmin=0.4時(shí)算法性能最好。

2.2.2 構(gòu)建適應(yīng)度函數(shù)

根據(jù)目標(biāo)函數(shù)(6)可確定適應(yīng)度函數(shù)為

(10)

式中

其中，U和V的取值根據(jù)具體情況設(shè)置。

2.2.3 算法實(shí)現(xiàn)過程

根據(jù)上述適應(yīng)度函數(shù)的設(shè)計(jì)，通過粒子位置初始化獲得初始化待布局元素的布局，通過粒子速度和位置的更新來實(shí)現(xiàn)搜索最佳布局方案，適應(yīng)度函數(shù)最終在適應(yīng)度值取到最大時(shí)開始收斂。該算法的基本實(shí)現(xiàn)流程見表1。

表1 界面任務(wù)信息元素布局的粒子群算法

3 實(shí)例分析與驗(yàn)證

3.1 實(shí)例研究

本文以隧道應(yīng)急救援培訓(xùn)(考試)系統(tǒng)的現(xiàn)場救援決策界面為研究對(duì)象，對(duì)該方法進(jìn)行驗(yàn)證。

首先，以現(xiàn)場救援決策界面為目標(biāo)任務(wù)，進(jìn)行任務(wù)建模。通過對(duì)用戶歷史行為數(shù)據(jù)的收集與分析，可獲得完成該目標(biāo)任務(wù)所需的所有任務(wù)信息元素以及其之間的暫態(tài)關(guān)系。其中，目標(biāo)任務(wù)為隧道應(yīng)急救援培訓(xùn)系統(tǒng)中救援現(xiàn)場部分所有需要決策的信息；完成該目標(biāo)任務(wù)需要對(duì)以下5個(gè)子任務(wù)進(jìn)行決策，分別為：救援現(xiàn)場信息勘測T1、次生災(zāi)害判斷T2、生命體征探測T3、救援實(shí)施決策T4以及救援狀態(tài)決策T5，此5個(gè)子任務(wù)由12個(gè)任務(wù)信息元素組成，如圖6所示。5個(gè)子任務(wù)之間的暫態(tài)關(guān)系為：(T1[]?T2[]?T3[]?T4)[>T5由于T1-T4與T5間是鈍化關(guān)系，由上述定義1和定義2可知，待布局任務(wù)元素間的操作順序?yàn)?T1-T2-T3-T4)，將待布局任務(wù)元素間的優(yōu)先級(jí)關(guān)系定義為：T1、T2、T3、T4的優(yōu)先級(jí)為0，T5的優(yōu)先級(jí)為1。

圖6 現(xiàn)場救援決策界面任務(wù)建模

其次，對(duì)界面區(qū)域和待布局元素進(jìn)行簡化處理，構(gòu)建數(shù)學(xué)模型，利于設(shè)計(jì)變量的數(shù)學(xué)描述。在該救援系統(tǒng)中，決策界面的尺寸為1920px×1080px。根據(jù)圖6中任務(wù)模型可知共有12個(gè)待布局任務(wù)信息元素，對(duì)12個(gè)待布局元素進(jìn)行編碼，見表2。為排除尺寸的變化對(duì)認(rèn)知效果的影響，將所有待布局元素的尺寸設(shè)定為280px×210px。

表2 待布局任務(wù)信息元素的編碼

然后，將決策界面看作為一個(gè)尺寸為1920px×1080px二維平面，建立以界面左下角為原點(diǎn)的坐標(biāo)系，如圖7所示。根據(jù)決策頁面的尺寸和視野可達(dá)性原則中視野A、B、C區(qū)域的范圍可計(jì)算得不同區(qū)域在界面上所處的具體位置。結(jié)果可得，區(qū)域A的圓心坐標(biāo)為(960px,360px)r=270px，區(qū)域B的為橢圓心坐標(biāo)為(960px,540px),a=630px，b=540px，區(qū)域C為L為1920，W為1080的矩形減去A和B區(qū)域。

最后，確定待布局元素間的相關(guān)性cij, 待布局元素與自身的相關(guān)性是1，待布局元素與其它待布局元素的相關(guān)性用0-1之間的數(shù)值來表示，待布局元素間的相關(guān)程度越高數(shù)值越大。對(duì)有經(jīng)驗(yàn)的專業(yè)隧道救援人員和相關(guān)專家進(jìn)行問卷調(diào)查和相關(guān)性打分，將調(diào)查結(jié)果進(jìn)行綜合計(jì)算，獲得待布局元素間的相關(guān)性程度，見表3。

圖7 決策界面的坐標(biāo)系

表3 12個(gè)待布局任務(wù)信息元素間的相關(guān)性

通過以上步驟，完成了待布局元素的編碼、界面以及待布局元素尺寸的定義以及相關(guān)數(shù)據(jù)的計(jì)算。將這些數(shù)據(jù)輸入到粒子群算法中并設(shè)置相關(guān)控制參數(shù)，運(yùn)用MATLAB軟件進(jìn)行求解。針對(duì)本布局實(shí)例，將粒子種群規(guī)模設(shè)置為：n=100，學(xué)習(xí)因子c1=c2=1.5，最大迭代次數(shù)t=100次，wmin=0.4,wmin=0.9,即w線性遞減。得到優(yōu)化后的maxP≈17，計(jì)算結(jié)果平均花費(fèi)2 s～5 s，在20代左右時(shí)獲得最優(yōu)解，此時(shí)12個(gè)待布局元素在界面中所處的位置見表4。

使用戶界面布局獲得最優(yōu)布局方案，不僅要使上述目標(biāo)函數(shù)獲得最大值還要考慮待布局元素在界面上的布局是否符合人的基本審美觀和歷史經(jīng)驗(yàn)。結(jié)合表4中的數(shù)據(jù)，得到優(yōu)化后的布局方案如圖8所示，具有優(yōu)先級(jí)的待布局元素t11和t12的形心位于最佳視野區(qū)域A內(nèi)，其余待布局元素的形心在滿足重疊約束和邊界約束基礎(chǔ)上也全部位于最佳視野區(qū)域A和可達(dá)視野區(qū)域B內(nèi)。根據(jù)任務(wù)間的操作順序和相關(guān)性程度確定了待布局元素間的位置和距離關(guān)系。通過以上驗(yàn)證可見，使用本文提出的方法以帶有慣性權(quán)重的粒子群算法求解最優(yōu)布局方案有著較高的計(jì)算效率，也可獲得較為滿意的布局結(jié)果。

表4 12個(gè)待布局元素的位置

圖8 優(yōu)化后的用戶界面布局最優(yōu)方案

3.2 布局方案實(shí)驗(yàn)結(jié)果與討論

本文實(shí)驗(yàn)挑選20位用戶，均為具有專業(yè)隧道救援知識(shí)的工作人員，年齡在20歲～45歲之間。分別使用由設(shè)計(jì)人員根據(jù)12個(gè)待布局元素進(jìn)行布局設(shè)計(jì)的界面和由本方法生成的界面進(jìn)行測試(圖9)，比較相同類型用戶于兩種界面布局中執(zhí)行不同難度任務(wù)的平均完成時(shí)間。如圖10(a)所示，用戶在救援決策界面中依次執(zhí)行結(jié)束救援、現(xiàn)場災(zāi)情勘測和判斷次生災(zāi)害等決策，任務(wù)難度分別從單擊“結(jié)束救援”按鍵結(jié)束救援任務(wù)到使用相關(guān)探測儀器判斷現(xiàn)場災(zāi)情狀況再到根據(jù)現(xiàn)場災(zāi)情狀況對(duì)是否會(huì)發(fā)生再此坍塌等次生災(zāi)害進(jìn)行判斷，使任務(wù)的難度逐漸加大；圖10(b)是分別由設(shè)計(jì)人員將12個(gè)待布局元素隨機(jī)布局與使用本文該方法布局所需的平均時(shí)間。

圖9 兩種界面布局方案

圖10 布局方案的實(shí)驗(yàn)結(jié)果

實(shí)驗(yàn)結(jié)果表明，以上兩種情況下本文提出的方法均能提高工作效率，不論是界面布局設(shè)計(jì)時(shí)的效率還是用戶的完成指定目標(biāo)任務(wù)的效率。從實(shí)驗(yàn)結(jié)果中可發(fā)現(xiàn)，當(dāng)任務(wù)難度提高時(shí)，使用本文方法布局的界面完成任務(wù)的效率顯著高于隨機(jī)布局的界面，但當(dāng)任務(wù)難度較低時(shí),兩者完成任務(wù)效率的效果相對(duì)區(qū)別不大，即在執(zhí)行認(rèn)知負(fù)荷大、較為困難的任務(wù)時(shí)，本文提出的布局方法相對(duì)有更大的優(yōu)勢(shì)，此外，從兩種不同布局方法完成界面布局的時(shí)間上來看，本文提出的界面布局方法有著較為顯著的優(yōu)勢(shì)。

4 結(jié)束語

以減少用戶界面布局設(shè)計(jì)過程中的經(jīng)驗(yàn)性和主觀性和提高效率為用戶界面布局的目的，本文提出了基于認(rèn)知規(guī)律的界面任務(wù)信息布局設(shè)計(jì)方法。該方法以目標(biāo)任務(wù)為導(dǎo)向進(jìn)行界面布局設(shè)計(jì)，通過對(duì)任務(wù)信息的合理布置，使用戶可以專注于任務(wù)本身，提高了用戶的工作效率。此外，該方法實(shí)現(xiàn)了界面布局人工尋優(yōu)過程的算法化，減少界面布局設(shè)計(jì)時(shí)對(duì)經(jīng)驗(yàn)過多依賴，極大提高了設(shè)計(jì)效率。但目前該方法只涉及用戶認(rèn)知規(guī)律中的視覺部分以及界面布局中幾何位置匹配的問題，針對(duì)界面布局中的其它因素，如：待布局元素的大小、顏色等因素并沒有加以考慮，接下來將針對(duì)上述問題和用戶注意力機(jī)制等內(nèi)容進(jìn)行進(jìn)一步的研究。