- UI交互設(shè)計(jì)與開(kāi)發(fā)實(shí)戰(zhàn)
- 呂云翔 楊婧玥等編著
- 2181字
- 2020-09-18 18:15:23
3.2 認(rèn)知過(guò)程
用戶使用用戶界面的過(guò)程,實(shí)際上是一個(gè)對(duì)界面所提供的信息進(jìn)行加工處理的過(guò)程。圖3-1為用戶接收到界面顏色、光、聲音的刺激,通過(guò)視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)等感知系統(tǒng)產(chǎn)生感覺(jué),形成對(duì)信息的第一印象和最初理解,這是對(duì)界面的感覺(jué),是了解信息存在的階段;感覺(jué)到的信息經(jīng)過(guò)人腦的處理,主要是用戶判斷這些信息是否存在記憶中,與記憶中的信息進(jìn)行比對(duì),產(chǎn)生知覺(jué),這是對(duì)界面了解信息種類的階段;最后通過(guò)感覺(jué)和知覺(jué)獲取到的信息在大腦里建立信息的概念,就是用戶認(rèn)識(shí)信息的階段。用戶對(duì)于用戶界面的認(rèn)知經(jīng)過(guò)感覺(jué)、知覺(jué)和認(rèn)識(shí)三個(gè)階段,其中感覺(jué)階段涉及的是用戶的認(rèn)知生理,知覺(jué)和認(rèn)識(shí)階段涉及的是用戶認(rèn)知心理。

圖3-1 人的信息處理過(guò)程
人們對(duì)任何事物的了解都是從感覺(jué)開(kāi)始的,感覺(jué)是一切復(fù)雜心理活動(dòng)的前提和基礎(chǔ),在人的各種活動(dòng)過(guò)程中起著極其重要的作用。人的感覺(jué)包括視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)、嗅覺(jué)、味覺(jué)和運(yùn)動(dòng)覺(jué)等。
3.2.1 從視覺(jué)看用戶認(rèn)知
視覺(jué)是人類最重要的感覺(jué),外界80%的信息都是通過(guò)視覺(jué)獲得的。視覺(jué)的感覺(jué)器官眼球是直徑為21~25mm的球體,是人類認(rèn)識(shí)活動(dòng)中最有效的器官。光線通過(guò)瞳孔進(jìn)入眼中,經(jīng)過(guò)晶狀體聚焦到視網(wǎng)膜上,眼睛的焦距是依靠眼部周圍肌肉調(diào)整晶狀體的曲率實(shí)現(xiàn)的。人眼的成像原理如圖3-2所示。

圖3-2 眼睛成像原理
由于外界80%的信息都是通過(guò)視覺(jué)獲得,所以視覺(jué)顯示界面是人機(jī)交互中最常見(jiàn)的用戶界面,基于用戶視覺(jué)心理的界面設(shè)計(jì)成為用戶界面設(shè)計(jì)的一項(xiàng)重要研究課題。在用戶界面設(shè)計(jì)中,設(shè)計(jì)人員要充分了解并掌握視覺(jué)心理對(duì)用戶的影響,遵循接近性原則、閉合性原則、聯(lián)想性原則和連續(xù)性原則進(jìn)行視覺(jué)上的界面設(shè)計(jì)。
接近性原則是考慮到用戶在視覺(jué)信息認(rèn)知時(shí),習(xí)慣找尋不同視覺(jué)元素之間的關(guān)系,往往會(huì)根據(jù)視覺(jué)元素的顏色、位置等將其進(jìn)行分類,因此設(shè)計(jì)人員要根據(jù)設(shè)計(jì)的要求將同種類型的視覺(jué)信息聚集到一起,便于用戶更快地熟悉界面。
閉合性原則是指把某個(gè)局部元素認(rèn)定成一個(gè)整體且閉合的圖形趨勢(shì)。在界面設(shè)計(jì)中,不完整的視覺(jué)元素傳遞是無(wú)法獲得用戶認(rèn)可的,因此視覺(jué)元素要構(gòu)成一個(gè)有機(jī)聯(lián)合的整體,每個(gè)部分不能單獨(dú)存在,單獨(dú)的視覺(jué)元素除了占據(jù)有限的空間外,還影響了界面設(shè)計(jì)的整體性。如早期的計(jì)算器操作界面就不具備閉合性原則,這樣的計(jì)算器無(wú)法進(jìn)行復(fù)雜的運(yùn)算,也無(wú)法保存數(shù)據(jù),如圖3-3所示。

圖3-3 計(jì)算器
聯(lián)想性原則考慮到的是用戶在進(jìn)行視覺(jué)信息收集時(shí),會(huì)自動(dòng)把某個(gè)區(qū)域的元素聯(lián)想為一個(gè)相近的圖形。在界面設(shè)計(jì)時(shí),我們可以采用相近的視覺(jué)元素來(lái)進(jìn)行圖標(biāo)的設(shè)計(jì),運(yùn)用人類視覺(jué)信息收集的聯(lián)想,在界面圖標(biāo)的運(yùn)用時(shí),不用擔(dān)心用戶是否知道圖標(biāo)的含義。如看到齒輪的圖標(biāo),用戶會(huì)聯(lián)想到“設(shè)置”功能,這種聯(lián)想的結(jié)果除了齒輪在實(shí)際生活中扮演設(shè)置的工具外,也是因?yàn)槟壳昂芏嘟缑娑际褂眠@樣的圖標(biāo)表示“設(shè)置”,易于理解和聯(lián)想,圖3-4為生活中的齒輪,圖3-5為界面中使用到的齒輪圖標(biāo)。

圖3-4 生活中的齒輪

圖3-5 界面中的齒輪圖標(biāo)
連續(xù)性原則是考慮到在用戶的視覺(jué)認(rèn)知觀念里傾向于把元素組成連續(xù)輪廓或者重復(fù)的圖形,人們認(rèn)為視覺(jué)元素不是單獨(dú)存在的,每個(gè)視覺(jué)元素之間都有一定的聯(lián)系。所以在界面設(shè)計(jì)中,會(huì)有布局的概念。如在圖3-6的蘋(píng)果手機(jī)界面中,每一個(gè)應(yīng)用程序的圖標(biāo)都不是散列擺放的,基本上都是處于對(duì)齊放置,這樣的擺放方式會(huì)讓用戶看起來(lái)非常舒適自然。很少會(huì)有操作系統(tǒng)或者網(wǎng)頁(yè)的界面將視覺(jué)元素隨機(jī)擺放,圖3-7為支付寶用戶界面,也是考慮到了連續(xù)性原則。

圖3-6 蘋(píng)果手機(jī)界面

圖3-7 支付寶用戶界面
3.2.2 從聽(tīng)覺(jué)看用戶認(rèn)知
聽(tīng)覺(jué)也是人類重要的感覺(jué),耳朵是聽(tīng)覺(jué)的信息接收器,如圖3-8所示。耳朵把外部聲波翻譯成大腦內(nèi)部的語(yǔ)言,完成信息的聽(tīng)覺(jué)傳遞。外界的聲音通過(guò)外耳道傳遞到鼓膜,當(dāng)聲波撞擊鼓膜時(shí),引起鼓膜的振動(dòng),之后經(jīng)由鼓室中錘骨、砧骨、鐙骨三塊聽(tīng)小骨以及與其相連的聽(tīng)小肌構(gòu)成的杠桿系統(tǒng)傳遞,引起耳蝸中淋巴液及其底膜的振動(dòng),使底膜的毛細(xì)胞產(chǎn)生興奮,聲波在此處轉(zhuǎn)變?yōu)槁?tīng)神經(jīng)纖維上的神經(jīng)沖動(dòng),并對(duì)聲音進(jìn)行編碼,最后傳遞到大腦皮層,產(chǎn)生聽(tīng)覺(jué)。

圖3-8 耳朵
由于人類接受的信息中很大一部分是從聽(tīng)覺(jué)系統(tǒng)獲得的,所以對(duì)于用戶界面而言,利用用戶的聽(tīng)覺(jué)感知系統(tǒng)向用戶傳遞提示信息、輸出警告等是設(shè)計(jì)中不可或缺的一個(gè)部分。在界面設(shè)計(jì)中使用到的聲音可分為語(yǔ)音和非語(yǔ)音,語(yǔ)音是具體的語(yǔ)言交流,主要顯示信息的內(nèi)容;非語(yǔ)音主要是對(duì)交互信息進(jìn)行及時(shí)的反饋,如12306網(wǎng)站刷到票后會(huì)有一聲火車的鳴笛聲,Windows操作系統(tǒng)電腦的回收站清空時(shí)的倒垃圾聲音,表示正在清理回收站。語(yǔ)音的交互除了應(yīng)用在輸出方面外,現(xiàn)在隨著計(jì)算機(jī)技術(shù)的發(fā)展,語(yǔ)音識(shí)別技術(shù)日益成熟,很多軟件系統(tǒng)的輸入也采用了語(yǔ)音輸入,如搜狗輸入法、訊飛輸入法等,可以用語(yǔ)音輸入文字。
3.2.3 從觸覺(jué)看用戶認(rèn)知
觸覺(jué)也是人類的重要感知。觸覺(jué)的生理基礎(chǔ)來(lái)源于外界對(duì)皮膚和皮下組織的觸覺(jué)感受器所施加的機(jī)械刺激。在界面設(shè)計(jì)中,充分利用用戶的觸覺(jué)感知系統(tǒng)傳遞信息,如單擊界面上的控件時(shí),鼠標(biāo)左鍵會(huì)按下然后抬起,表示單擊了這個(gè)控件。如果用戶使用鼠標(biāo)左鍵沒(méi)有這樣的感受,說(shuō)明操作有可能失敗了。用戶可以通過(guò)觸覺(jué)來(lái)判斷操作是否順利進(jìn)行。
目前計(jì)算機(jī)行業(yè)飛速發(fā)展,和用戶進(jìn)行接觸,并讓用戶產(chǎn)生觸覺(jué)的交互設(shè)備除了鼠標(biāo)、鍵盤(pán)外,手機(jī)屏幕、虛擬現(xiàn)實(shí)的手柄都可以成為與系統(tǒng)交互的設(shè)備。如用戶可通過(guò)滑動(dòng)手機(jī)屏幕來(lái)進(jìn)行屏幕解鎖等操作,如圖3-9所示。用戶也可以使用手柄來(lái)模擬乒乓球拍,在虛擬現(xiàn)實(shí)中進(jìn)行乒乓球游戲。

圖3-9 通過(guò)滑動(dòng)來(lái)解鎖界面
- PLC機(jī)電控制系統(tǒng)應(yīng)用設(shè)計(jì)技術(shù)
- SolidWorks 2014 實(shí)戰(zhàn)從入門到精通
- 機(jī)械設(shè)計(jì)基礎(chǔ)
- 液壓與氣壓傳動(dòng)
- 液壓元件選型與系統(tǒng)成套技術(shù)
- 精密機(jī)械設(shè)計(jì)基礎(chǔ)
- 儀表維修工職業(yè)操作技能培訓(xùn)教材
- UG NX 12模具設(shè)計(jì)技能課訓(xùn)
- 蘋(píng)果手機(jī)(iPhone)維修秒殺129例
- 貴金屬納米材料在電催化及電傳感中的應(yīng)用
- 液壓系統(tǒng)故障智能診斷與監(jiān)測(cè)
- 高等職業(yè)教育機(jī)械專業(yè)教學(xué)法
- 機(jī)械制圖習(xí)題集
- 液壓與氣壓傳動(dòng)技術(shù)
- 機(jī)械設(shè)計(jì)手冊(cè)(第六版)