基于視覺注意機(jī)制的B端產(chǎn)品用戶體驗(yàn)設(shè)計(jì)研究

賈軒

編者按：為了解決B端產(chǎn)品在信息結(jié)構(gòu)、頁面布局以及視覺元素設(shè)計(jì)的難點(diǎn)，提升B端產(chǎn)品在信息傳達(dá)上的效率，這篇文章將視覺注意機(jī)制與界面設(shè)計(jì)相結(jié)合，根據(jù)視覺感知、視覺搜索、視覺生理基礎(chǔ)以及視覺認(rèn)知流程，結(jié)合數(shù)字產(chǎn)品的結(jié)構(gòu)層、范圍層、表現(xiàn)層的特點(diǎn)，分析出B端產(chǎn)品界面設(shè)計(jì)在不同階段需要思考以及遵循的信息可視化策略。

概述

B 端產(chǎn)品面向企業(yè)或組織提供服務(wù)，幫助企業(yè)或組織下的各類角色協(xié)同辦公，解決企業(yè)經(jīng)營管理或業(yè)務(wù)問題。B 端產(chǎn)品具備業(yè)務(wù)復(fù)雜度高、用戶角色多的特點(diǎn)。不同的企業(yè)或組織經(jīng)營的方式各有差別，不同量級(jí)的公司所遇到的具體的業(yè)務(wù)場景也不盡相同。場景的龐雜，意味著系統(tǒng)包含龐大且種類繁多的信息，這些信息相互關(guān)聯(lián)影響，在不同的系統(tǒng)結(jié)構(gòu)中進(jìn)行信息交換[1]。薛澄岐指出，復(fù)雜信息系統(tǒng)具有開放性、復(fù)雜性、層次性與多樣性的特點(diǎn)。設(shè)計(jì)師在進(jìn)行信息設(shè)計(jì)的過程中，將系統(tǒng)抽象信息轉(zhuǎn)化為用戶易識(shí)別、易理解的信息的困難程度也大大提高。

學(xué)界站在視覺注意機(jī)制的角度上對(duì)交互設(shè)計(jì)的探討比較豐富。王寧等人將視覺注意的計(jì)算方法引入人機(jī)交互界面設(shè)計(jì)過程中，提出了一種考慮用戶視覺注意機(jī)制的人機(jī)交互界面設(shè)計(jì)方法[2]。吳曉莉等人通過眼動(dòng)追蹤技術(shù)獲取被試者在數(shù)字化監(jiān)控界面上的視覺注意分配的數(shù)據(jù)，以此指導(dǎo)界面設(shè)計(jì)的改良[3]。金昱潼等人為改善虛擬交互界面的操作效率，將人視覺注意機(jī)制融入 VR 考試系統(tǒng)的交互界面中，提出一種基于視覺注意機(jī)制的虛擬環(huán)境交互界面優(yōu)化模型[4]。盡管如此，現(xiàn)有的交互設(shè)計(jì)的方法無法完全適用于 B 端復(fù)雜、多層級(jí)結(jié)構(gòu)的產(chǎn)品系統(tǒng)，因此需要分析個(gè)體獲取、理解、認(rèn)知信息的過程與機(jī)制，從而建立新的信息可視化策略。從人機(jī)交互界面設(shè)計(jì)出發(fā)，借助認(rèn)知心理學(xué)、人機(jī)交互、設(shè)計(jì)學(xué)科的理論知識(shí)與方法，基于人的感覺、視知覺、記憶和注意力等認(rèn)知資源在數(shù)字界面中的信息處理機(jī)制和認(rèn)知特性，構(gòu)建 B 端信息系統(tǒng)等界面設(shè)計(jì)方法。通過研究視覺信息要素，從信息編碼、信息元素、信息結(jié)構(gòu)可視化、頁面布局、信息顯示方式等方面，尋求數(shù)字界面設(shè)計(jì)等優(yōu)化策略。

B 端產(chǎn)品交互設(shè)計(jì)的難點(diǎn)

B 端產(chǎn)品的信息交互設(shè)計(jì)，可劃分為信息結(jié)構(gòu)層的導(dǎo)航設(shè)計(jì)，框架層的控件、布局設(shè)計(jì)以及對(duì)色彩、圖標(biāo)等視覺元素的設(shè)計(jì)。

信息結(jié)構(gòu)的難點(diǎn)

常見導(dǎo)航包括主導(dǎo)航、局部導(dǎo)航、菜單導(dǎo)航、分步導(dǎo)航、樹狀導(dǎo)航、Tab 導(dǎo)航、選項(xiàng)卡導(dǎo)航等，以此構(gòu)建高效易用的導(dǎo)航系統(tǒng)。導(dǎo)航始終貫穿界面始終，告訴用戶“現(xiàn)在的位置、從哪里來、可以去到哪里、如何去往”，引導(dǎo)用戶完成任務(wù)及目標(biāo)。導(dǎo)航需要在用戶操作后，給予反饋，讓用戶清晰地知道界面的位置，對(duì)界面的方向路徑有所預(yù)知，操作后的行為可撤銷。同時(shí)，B 端系統(tǒng)的信息層級(jí)較多，用戶容易在信息中迷失，因此在設(shè)計(jì)時(shí)需要考慮增強(qiáng)用戶的位置感知，時(shí)刻提示用戶當(dāng)前頁面在系統(tǒng)中的位置，同時(shí)提供快速返回的操作，提高用戶的操作效率，減少認(rèn)知負(fù)荷。但導(dǎo)航設(shè)計(jì)也存在難度。一方面，導(dǎo)航的廣度和深度難于平衡，增加導(dǎo)航廣度，能夠提升用戶的瀏覽效率，但過于廣的導(dǎo)航會(huì)讓用戶難以選擇，反之，導(dǎo)航深度越深，層級(jí)越多，用戶的操作效率也就越低，故廣度和深度的層級(jí)都不宜過多，另一方面，導(dǎo)航對(duì)用戶心智的契合度難以琢磨。導(dǎo)航為用戶指引方向，需要符合用戶對(duì)任務(wù)的理解，幫助用戶完成目標(biāo)，以用戶理解的信息結(jié)構(gòu)呈現(xiàn)。

數(shù)字界面布局難點(diǎn)

框架層的難點(diǎn)主要在控件的設(shè)計(jì)與布局設(shè)計(jì)兩個(gè)方面。用戶通過控件輸入數(shù)據(jù)或指令，與軟件交互?？丶念悇e很多，包括窗口、菜單、滾動(dòng)條、標(biāo)簽、文本框、列表框、單選按鈕、復(fù)選框等。由于信息龐大且交叉節(jié)點(diǎn)多， B 端產(chǎn)品的控件也有種類繁雜且綜合性強(qiáng)的特點(diǎn)，可能會(huì)出現(xiàn)一個(gè)對(duì)話框包含多個(gè)其他類型的組件的情況。這也就需要在設(shè)計(jì)過程中對(duì)信息結(jié)構(gòu)進(jìn)行分析梳理，控制組件的邏輯層級(jí)，來凸顯信息邏輯，使其在界面上合理呈現(xiàn)。對(duì)于頁面布局而言，也存在以下兩個(gè)難點(diǎn)：（1）信息元素較多時(shí)，容易出現(xiàn)信息呈現(xiàn)不均衡的情況。按照用戶目標(biāo)、緊急程度以及操作頻率平衡好三者的關(guān)系，在界面上有序排布，疏密有度地呈現(xiàn)。（2）布局需要注重可讀性和可操作性。需要貼合視覺感知，符合視覺流程和用戶的關(guān)注點(diǎn)。

視覺元素設(shè)計(jì)難點(diǎn)

色彩在數(shù)字界面中常用于劃分信息區(qū)域，面對(duì)龐大的信息時(shí)，通過色彩編碼可以快速將信息進(jìn)行區(qū)分，用戶只需要花費(fèi)少量的認(rèn)知成本就能夠快速得到信息。其次，色彩用來突出重要信息。通過協(xié)調(diào)和對(duì)比的手法，在視覺感知上對(duì)用戶進(jìn)行信息刺激，提高信息的接收效率。例如，在大多數(shù) B 端產(chǎn)品中，紅色表示錯(cuò)誤，橙色表示警示。并且，色彩有助于樹立品牌形象，產(chǎn)品通過色彩的信息傳達(dá)，可以讓用戶對(duì)產(chǎn)品乃至企業(yè)、組織樹立起某種印象。設(shè)計(jì)師在進(jìn)行色彩設(shè)計(jì)時(shí)，需要考慮到選擇的色彩是否會(huì)造成用戶視覺疲勞，對(duì)用戶的操作造成干擾。此外，產(chǎn)品的使用環(huán)境，在明暗環(huán)境下是否能夠有效進(jìn)行信息傳達(dá)也是需要考慮的內(nèi)容之一。

圖標(biāo)設(shè)計(jì)也是表現(xiàn)層的一大難點(diǎn)。而 B 端產(chǎn)品由于業(yè)務(wù)場景復(fù)雜，會(huì)出現(xiàn)大量罕見、具有業(yè)務(wù)領(lǐng)域相關(guān)語義的圖標(biāo)。一般用戶不具有特有行業(yè)屬性和知識(shí)，這也就要求設(shè)計(jì)師需要深入了解行業(yè)知識(shí)以及行業(yè)角色的用戶認(rèn)知習(xí)慣，在業(yè)務(wù)的場景語義下理解任務(wù)，對(duì)語義進(jìn)行拆分。B 端場景的語義信息復(fù)雜，一個(gè)圖標(biāo)可能包含多個(gè)語義信息，因此將語義進(jìn)行拆分融合時(shí)，拆分的語義需要清晰明確，又能夠統(tǒng)一到一個(gè)圖標(biāo)中，這也為設(shè)計(jì)師提出了挑戰(zhàn)。最后，圖標(biāo)設(shè)計(jì)也需要考慮到產(chǎn)品的使用場景，減緩用戶的使用疲勞。

基于視覺注意機(jī)制對(duì)用戶體驗(yàn)設(shè)計(jì)的指導(dǎo)

視覺注意機(jī)制的研究

1.視覺的生理機(jī)制

人眼中也分布著 600 萬個(gè)視錐細(xì)胞和 1.2 億個(gè)視桿細(xì)胞，視錐細(xì)胞集中分布在中央凹區(qū)，對(duì)色彩變化敏感度高。每一個(gè)視錐細(xì)胞連接著一個(gè)雙極細(xì)胞和一個(gè)神經(jīng)節(jié)細(xì)胞，因此對(duì)于信息的捕捉和獲取會(huì)更加精準(zhǔn)清晰。中央凹周圍分布著視桿細(xì)胞，三個(gè)視桿細(xì)胞對(duì)應(yīng)一個(gè)雙極細(xì)胞和一個(gè)神經(jīng)節(jié)細(xì)胞，視桿細(xì)胞對(duì)光線的變化比較敏感，信息在進(jìn)入視網(wǎng)膜的那一刻就開始了自動(dòng)篩選。大腦處理信息的資源有限，這也使人眼的感光細(xì)胞在演化過程中并非平均分布，在視網(wǎng)膜上呈現(xiàn)出中央集中，周邊稀疏的分布規(guī)律。而這樣的分布結(jié)果，也導(dǎo)致人眼獲取信息時(shí)，呈現(xiàn)出中央清晰，周邊模糊的效果。由此，大腦可以優(yōu)先分配注意資源對(duì)捕獲到的信息進(jìn)行加工，減少資源消耗。中央凹的感光細(xì)胞足夠豐富，能夠清晰準(zhǔn)確地獲取信息，但周圍視野的感知能力則非常糟糕。這樣的結(jié)構(gòu)，可以保證周圍的物體被看到，但是并非意味著個(gè)體對(duì)其分配注意資源。當(dāng)視野中出現(xiàn)運(yùn)動(dòng)的物體時(shí)，視覺信息在傳遞給神經(jīng)節(jié)細(xì)胞時(shí)，會(huì)有一部分進(jìn)入大腦的上丘，上丘對(duì)運(yùn)動(dòng)的信息會(huì)產(chǎn)生相應(yīng)的反應(yīng)，進(jìn)而引起眼動(dòng)。上丘激活眼部肌肉，使眼球運(yùn)動(dòng)，眼球的視錐細(xì)胞則代替視桿細(xì)胞，視桿細(xì)胞形成的邊緣視覺退居其后，以此形成注意轉(zhuǎn)移。

2.數(shù)字界面的視覺感知

視覺感知是人獲取并解釋處理周圍環(huán)境信息的能力。視知覺分成兩個(gè)階段，早期階段視知覺主要是對(duì)關(guān)注的信息進(jìn)行獲取。在眼睛視網(wǎng)膜上獲取周圍環(huán)境的光學(xué)成像，并由視桿細(xì)胞和視錐細(xì)胞進(jìn)行接收，這些細(xì)胞對(duì)光線以及色彩信息極其敏感。光線通過玻璃體產(chǎn)生輕微散射，落在視網(wǎng)膜背面。視知覺的晚期階段則是對(duì)物體和圖像進(jìn)行識(shí)別，并將識(shí)別圖像的特征進(jìn)行抓取分析，和已有的認(rèn)知圖式進(jìn)行匹配，來描述和解釋視覺刺激對(duì)象。在整個(gè)視覺信息加工的過程中，人眼接收到的視覺刺激可以分離出空間、色彩、形狀、動(dòng)態(tài)四種信息。視覺感知是一個(gè)復(fù)雜的過程，人眼尋找、分辨、識(shí)別、確定與記憶搜索，以此作出判斷。

數(shù)字界面上有豐富復(fù)雜的視覺信息，例如明度信息、色彩信息、文本信息、圖形圖像信息、布局信息等。從設(shè)計(jì)的角度看，結(jié)合人眼視覺感知習(xí)慣，當(dāng)需要突出某一信息時(shí)，通過空間上前置、明度上對(duì)比、色彩對(duì)比等方式輔助界面設(shè)計(jì)。人眼對(duì)空間的感知來源于物體的深度信息，從靜態(tài)圖像、運(yùn)動(dòng)、生理以及雙目立體視覺四個(gè)方面獲取深度信息。在界面設(shè)計(jì)中，通過蒙層、遮擋、動(dòng)態(tài)效果、三維立體圖標(biāo)等手段，突出界面縱深信息。亮度在界面設(shè)計(jì)中占據(jù)著重要地位，用戶從界面的明暗關(guān)系中識(shí)別有關(guān)目標(biāo)的信息。臺(tái)灣學(xué)者 Yun-Ying Yeh 等人研究表明在數(shù)字化界面上，可感知的亮度范圍最少控制在 1：3，最好是 1：7（Yun-Ying Yeh ，2011）。色彩對(duì)比也是設(shè)計(jì)中常用的手段，色彩冷暖、通用色彩使用規(guī)則都是幫助 B 端產(chǎn)品進(jìn)行界面色彩設(shè)計(jì)的維度。人眼對(duì)色彩的感知中，暖色調(diào)向前突出，冷色調(diào)向后退，通過色彩冷暖對(duì)比拉開頁面縱向空間，突出信息層級(jí)。并且，色彩使用也需要符合人的色彩認(rèn)知，例如，紅色表示錯(cuò)誤;黃色表示警告、注意;綠色表示成功、完成，B 端產(chǎn)品有關(guān)狀態(tài)的場景出現(xiàn)較多，對(duì)色彩的運(yùn)用需要貼合狀態(tài)的語義表達(dá)。

3.數(shù)字界面注意搜索

數(shù)字界面的信息紛繁復(fù)雜，而人的大腦處理信息的資源是有限的，因此對(duì)信息的選擇顯得至關(guān)重要。人們在尋找自己關(guān)注的信息時(shí)，需要對(duì)其他非相關(guān)信息進(jìn)行抑制，保證個(gè)體專注到當(dāng)前任務(wù)。注意篩選受到兩個(gè)方面的影響，一是當(dāng)前任務(wù)，二是外界信息的性質(zhì)。第一種是當(dāng)個(gè)體認(rèn)為所搜尋的刺激信息對(duì)完成任務(wù)目標(biāo)非常重要時(shí)，就會(huì)以主觀意圖控制注意選擇，這種以目標(biāo)導(dǎo)向的注意選擇機(jī)制被稱為內(nèi)源性注意，也叫自上而下的注意。第二種是視線中的某個(gè)刺激區(qū)別于其他刺激而突出出來，注意會(huì)被顯著刺激捕獲，而不管當(dāng)前任務(wù)目標(biāo)或者主觀動(dòng)機(jī)是什么，這種自下而上的注意被稱為刺激驅(qū)動(dòng)的注意或外源性注意。在實(shí)際情況中，兩種注意是相互作用、共同影響視覺加工過程的。但外界的刺激因素會(huì)制約個(gè)體的目標(biāo)導(dǎo)向注意，個(gè)體很難忽略掉視域中的信息刺激，尤其是特征顯著的刺激信息，這也導(dǎo)致以目標(biāo)導(dǎo)向的注意會(huì)因?yàn)轱@著的外源性信息而發(fā)生注意轉(zhuǎn)移到外界刺激信息上的情況，這一現(xiàn)象說明了信息的主動(dòng)性以及視覺的被動(dòng)性。

在視覺搜索行為中，注意捕獲是人在信息加工過程中非常重要的一個(gè)環(huán)節(jié)。根據(jù)注意捕獲的規(guī)律，突出的信息會(huì)被優(yōu)先注意到，而注意捕獲程度低的信息會(huì)被弱化。在對(duì) B 端產(chǎn)品的界面進(jìn)行信息編碼的過程中，設(shè)計(jì)者在構(gòu)建復(fù)雜信息之間的層次結(jié)構(gòu)時(shí)，要分析和判斷出哪一些信息是需要被用戶立即注意和理解的，哪些次之，以此在信息傳遞中構(gòu)建信息的主次關(guān)系。從設(shè)計(jì)手段上講，常用的「對(duì)比」，通過區(qū)分位置、形狀、尺寸、顏色等手段與周圍環(huán)境信息形成顯著差別，來優(yōu)先吸引用戶的注意。

用戶體驗(yàn)設(shè)計(jì)策略

1.一般性設(shè)計(jì)原則

（1）信息顯示可見、可辨、可知。信息通過感官通道被用戶獲取時(shí)，用戶能夠直接感知到數(shù)字界面所表達(dá)的信息，進(jìn)行一定時(shí)長的注意分配。當(dāng)目標(biāo)信息需要和其他信息相互區(qū)分時(shí)，信息編碼手段也需要相互區(qū)分，增加編碼之間的差別，確保足夠可分辨。最后，編碼手段需要被用戶理解，保持產(chǎn)品內(nèi)部和行業(yè)的一致性，減少學(xué)習(xí)成本，并且契合人的經(jīng)驗(yàn)和理解范圍，符合用戶心理模型。

（2）遵循信息歸類原則，了解目標(biāo)用戶的知識(shí)體系和理解邏輯，按照特征、任務(wù)、功能、順序?qū)π畔⑦M(jìn)行分類歸納。考慮用戶操作頻率，將高頻信息放在視野最優(yōu)區(qū)域，減少操作時(shí)間與成本。根據(jù)任務(wù)的重要性，對(duì)信息進(jìn)行優(yōu)先級(jí)排序。

（3）交互上保證用戶在感知能力、理解能力、操作能力、工作環(huán)境、任務(wù)需求、操作能力、工作環(huán)境、任務(wù)需求上能力水平。交互上需要及時(shí)反饋，對(duì)用戶的每一次操作告知結(jié)果，明確告知用戶當(dāng)前所在產(chǎn)品的位置。用戶操作上，要迎合用戶的喜好，符合用戶的操作習(xí)慣，為用戶提供充分的選擇和操作的自由度。保障用戶的私密信息，提供密碼等保護(hù)機(jī)制;幫助用戶減少記憶與操作負(fù)擔(dān);防止用戶出錯(cuò)，減少用戶多次操作的時(shí)間和生理成本。

2.結(jié)構(gòu)層設(shè)計(jì)策略

信息框架在設(shè)計(jì)過程中，應(yīng)按照邏輯框架對(duì)整體進(jìn)行劃分，以此減少信息完全鋪開所帶來的信息密度過高的問題。將產(chǎn)品所涉及的不同模塊進(jìn)行整合，把關(guān)聯(lián)度較高的內(nèi)容歸納到一起，這部分內(nèi)容體現(xiàn)在產(chǎn)品的主導(dǎo)航中。同時(shí)需要考慮到用戶的操作頻率和重要程度，常見產(chǎn)品主導(dǎo)航的信息結(jié)構(gòu)有樹狀結(jié)構(gòu)等，對(duì)復(fù)雜信息進(jìn)行分類分層，體現(xiàn)出信息的父子級(jí)關(guān)系。其他導(dǎo)航結(jié)構(gòu)還有分步層級(jí)結(jié)構(gòu)、地圖層級(jí)結(jié)構(gòu)、字母索引結(jié)構(gòu)等。其次是針對(duì)界面中的信息層級(jí)的劃分。設(shè)計(jì)師需要了解清楚用戶在具體頁面中的場景，構(gòu)建清晰的結(jié)構(gòu)化的版式。研究表明，人在瀏覽網(wǎng)頁時(shí)的注意分布熱區(qū)是按照從左至右依次遞減，從上至下依次遞減的規(guī)律，呈現(xiàn)出「F」的視覺瀏覽路徑。因此，在設(shè)計(jì)過程中，可以將重要的信息按照用戶的注意熱區(qū)進(jìn)行布局來提升瀏覽效率。

3.框架層設(shè)計(jì)策略

對(duì)于 B 端產(chǎn)品而言，產(chǎn)品的易用性大于產(chǎn)品的美觀程度。用戶在執(zhí)行任務(wù)時(shí)，是否能夠高效及時(shí)地完成相關(guān)任務(wù)流程和操作，是判斷 B 端產(chǎn)品數(shù)字界面的重要指標(biāo)。數(shù)字界面的信息布局影響著用戶瀏覽路徑以及瀏覽效率。因此需要將信息按照重要性進(jìn)行分層，呈現(xiàn)與用戶任務(wù)相關(guān)的信息，避免與任務(wù)無關(guān)的元素干擾用戶完成任務(wù)。將重要信息突出，以顯著的刺激特征來吸引用戶注意力，并且按照信息層級(jí)排布元素。注重元素之間的平衡、大小、比例、間距、留白等，取得視覺均衡，提高用戶完成任務(wù)的滿意度。

4.視覺表現(xiàn)層設(shè)計(jì)策略

B 端產(chǎn)品的視覺表現(xiàn)層可拆分成圖形、色彩、文字三個(gè)方面。

（1） 產(chǎn)品圖標(biāo)需要做到用戶易懂，貼合具體使用場景，體現(xiàn)出產(chǎn)品語義。由于信息的層級(jí)較多，對(duì)圖標(biāo)進(jìn)行設(shè)計(jì)需要考慮到不同場景下不同尺寸的圖標(biāo)的可識(shí)別性。并且，設(shè)計(jì)師在制作時(shí)，需要使用一致的設(shè)計(jì)語言，以保證視覺風(fēng)格一致，提高圖標(biāo)的美觀度以及符合設(shè)計(jì)趨勢。

（2） 色彩相比圖形與文字，能夠更快的被注意捕獲，是提高信息獲取效率的重要手段。在使用過程中也需要符合具體的場景語義，表意清晰，不違反用戶已有色彩的認(rèn)知。有學(xué)者做過顏色的心理感受實(shí)驗(yàn)，一組實(shí)驗(yàn)材料是紅色的「紅」字和藍(lán)色的「藍(lán)」字，與另一組實(shí)驗(yàn)材料中藍(lán)色的「紅」字和紅色的「藍(lán)」字做對(duì)比，發(fā)現(xiàn)與顏色心理感受相沖突的文字的識(shí)別的效率遠(yuǎn)遠(yuǎn)低于與語義一致的顏色材料。在顏色使用上，也需要符合用戶對(duì)顏色的心理感受，并且，色彩數(shù)量不多于 7 種，過多的色彩會(huì)導(dǎo)致用戶注意分散，增加操作者的認(rèn)知難度和認(rèn)知負(fù)荷。

（3）文字的使用需要保證易認(rèn)、易讀、易理解。不同的字形在電子屏中顯示的清晰程度有所不同，需要選擇易于辨認(rèn)的字體。同時(shí)，也需要根據(jù)信息層級(jí)、閱讀順序、視覺路徑、使用環(huán)境，選擇不同的字號(hào)字重、字距行距、文本段落、對(duì)齊方式等。國外學(xué)者Alan Cooper提出，文本設(shè)計(jì)需要精簡信息，減少用戶的閱讀量，用少量的文本傳達(dá)準(zhǔn)確的含義，減少用戶閱讀的時(shí)間和理解的認(rèn)知成本[5]。

結(jié)語

本文在視覺注意機(jī)制理論的基礎(chǔ)上，結(jié)合 B 端產(chǎn)品交互設(shè)計(jì)的特點(diǎn)與難點(diǎn)，給出對(duì)應(yīng)的設(shè)計(jì)策略。通過對(duì)視覺感知、視覺注意搜索以及視覺生理機(jī)制的分析，形成對(duì)用戶體驗(yàn)設(shè)計(jì)中的結(jié)構(gòu)層、框架層以及視覺表現(xiàn)層的設(shè)計(jì)策略，希望能為 B 端產(chǎn)品設(shè)計(jì)實(shí)踐提供新的理論依據(jù)和設(shè)計(jì)思路。

參考文獻(xiàn)：

[1]仝牧.服務(wù)設(shè)計(jì)理念在復(fù)雜信息系統(tǒng)界面設(shè)計(jì)中的應(yīng)用策略[J].設(shè)計(jì)，2018（20）：96-98.

[2]王寧，余隋懷，周憲，等.人機(jī)交互界面中形狀特征的視覺顯著度計(jì)算[J].圖學(xué)學(xué)報(bào)，2016，37（04）：514-518.

[3]吳曉莉，薛澄岐，Gedeon Tom，等.數(shù)字化監(jiān)控任務(wù)界面中信息特征的視覺搜索實(shí)驗(yàn)[J].東南大學(xué)學(xué)報(bào)（自然科學(xué)版），2018，48（05）：807-814.

[4]金昱潼，呂健，潘偉杰，等.基于視覺注意機(jī)制虛擬交互界面布局優(yōu)化[J].計(jì)算機(jī)工程與設(shè)計(jì)，2020，41（03）：763-769.

[5]Alan Cooper，Robert Reimann，Dacid Cronim.2012.About Face 4：交互設(shè)計(jì)精髓[M].劉松濤，等譯.北京：電子工業(yè)出版社，2015.