發(fā)布時間:2022-4-20 分類: 行業(yè)資訊
首先,交互設(shè)計中的視覺感知
1.視覺感知過程
愿景是人類理解自然,理解客觀世界的重要手段。它也是理解人類認知功能的突破。當(dāng)人們開始觀察外部物體時,視覺系統(tǒng)將刺激圖像傳輸?shù)酱竽X,并且大腦的視覺皮層控制人眼的運動以表達對圖像的興趣。這個過程稱為視覺感知過程。用戶將體驗到6個心理過程:
視覺搜索是指搜索視距范圍內(nèi)的目標(biāo)。搜索是指當(dāng)發(fā)現(xiàn)視覺檢測到的對象與預(yù)期目標(biāo)匹配時,排除來自其他對象的干擾,并且跟蹤對象是固定的。分辨率是指深入檢測來自多個相似對象的信息。識別是指基于視覺特征信息和詳細信息之間的差異來識別目標(biāo)的含義。確定意味著鎖定的對象與存儲器中存儲的信息匹配并確認目標(biāo)。內(nèi)存搜索是上述可視化過程的基礎(chǔ)。應(yīng)將上述視覺獲得的信息與記憶信息進行比較,以作出判斷。 2.人機交互界面的視覺感知
用戶在人機交互界面中的視覺感知過程遵循視覺感知過程的規(guī)律,即,眼睛運動獲取界面信息的粗略特征圖并將其傳輸?shù)酱竽X。根據(jù)注意力的需要,大腦加強與目標(biāo)相關(guān)的信息并對其進行抑制。不太相關(guān)的信息,引導(dǎo)人們關(guān)注目標(biāo)的潛在區(qū)域,并進一步構(gòu)建詳細的特征圖。通過連續(xù)選擇和過濾接口信息,用戶最終鎖定目標(biāo)以獲得所需信息。
如何通過界面元素之間的位置關(guān)系引起用戶的注意,從而快速有效地感知和獲取目標(biāo)信息是界面設(shè)計的一個重要方面。
從設(shè)計角度來看,設(shè)計內(nèi)容應(yīng)易于找到并易于識別。人機交互界面的空間表示雖然有限,但也包含復(fù)雜的視覺信息:亮度元素,圖形元素,色彩元素,布局因子,信息擁擠等,側(cè)重于亮度感知,色彩感知和空間感知。人機交互界面的影響:
(1)亮度感知
人機交互界面中各種信息的呈現(xiàn)首先取決于顯示屏的亮度,因此亮度是界面元素的重要屬性之一。
用戶從界面中的明暗變化識別關(guān)于目標(biāo)的信息,即,可以從整個目標(biāo)的亮度感知中識別出有意義的實體。
研究表明,顏色組合與亮度對比具有顯著的相互作用。
在較高亮度對比度條件下,用戶更傾向于選擇不同的顏色組合,并且在較低亮度對比度條件下,亮度對比度比用于顏色感知的視覺組合更重要。
網(wǎng)易新聞的夜間模式充分利用了亮度感知
(2)色彩感知
在視覺感知的眾多影響因素中,顏色的作用非常突出。顏色有三個基本屬性:色調(diào),亮度和飽和度。
應(yīng)注意在用戶界面的設(shè)計中使用顏色。設(shè)計應(yīng)首先考慮白色背景上的單色,黑色圖案或黑色背景上的白色圖案通常適合大多數(shù)用戶。
合理的色彩匹配不僅可以提高界面信息的認知效果,還可以豐富界面層次。
設(shè)計通過使用合理的調(diào)色板來提高知識
(3)空間感知
空間感知也稱為深度感知。在人機交互界面中,我們希望盡可能多地生成深度信息,因為在人機交互界面中,圖像是眼睛和大腦關(guān)注的焦點。如果深度信息被破壞,它就會失去現(xiàn)實感。
在界面的設(shè)計過程中,亮度是決定視覺感知效果的因素,因此物體的明暗變化成為判斷物體的基礎(chǔ)。
此外,利用光影的變化,內(nèi)容的重疊和干涉,以及細節(jié)和空中透視產(chǎn)生的立體效果。例如,通過向圖案添加陰影,透視等,圖標(biāo)具有視覺上立體的三維2.5D圖標(biāo),并逐漸形成真實的三維圖標(biāo)。
圖片中材質(zhì)設(shè)計的圓形圖標(biāo),逼真的背包圖標(biāo)非常適合應(yīng)用空間感知
二,交互設(shè)計中的認知摩擦1.認知摩擦理論
認知摩擦的概念最初由美國交互設(shè)計師Alan Cooper提出,其定義為:
當(dāng)人類智能遇到復(fù)雜的信息系統(tǒng)規(guī)則時遇到的阻力隨著問題的變化而變化。
認知摩擦描述了由于認知的差異,基于產(chǎn)品開發(fā)的界面變得復(fù)雜。用戶很難通過接口表示來理解程序員的意圖。很難執(zhí)行任務(wù)過程如標(biāo)簽或?qū)Ш秸J知不清楚,操作反饋不清楚或不及時,并沒有預(yù)期結(jié)果等問題。
與物理世界中的摩擦現(xiàn)象相比,認知摩擦是由于信息化程度的加深,以及信息擴展引起的人機界面設(shè)計不良的現(xiàn)象。
在《交互設(shè)計精髓》中,設(shè)計者最重要的目標(biāo)之一是盡可能地使性能模型和用戶的心智模型:
除了產(chǎn)品易用性的直接下降外,情緒損失也是認知摩擦的一個重要方面。
人機交互系統(tǒng)中的大量信息需要集中在有限的界面中。當(dāng)不可能確保用戶可以從大量信息中識別對他自己有用的內(nèi)容時,用戶很難從界面中找到情緒共鳴。
界面應(yīng)該有自己的內(nèi)部和諧,這是最基本的要求。
由粗俗的顏色,不精確的線條和不顯眼的字體組成的丑陋界面可能具有與漂亮界面相同的精度,但不太可能引起與用戶的信心和情感交互。
與1.0版本的界面相比,滴滴的當(dāng)前界面可以刺激用戶的情緒,降低用戶的認知負擔(dān)。
2.認知摩擦的特征
(1)不可移動:人機交互界面的開發(fā)者和決賽者都是人,不同人的不同生活經(jīng)歷,教育和文化影響將培養(yǎng)不同的思維方式和認知方式。因此,只要有些人參加活動,認知摩擦就不可避免。
(2)雙面性:認知摩擦通常起著有害作用,但有時它是不可或缺的。在網(wǎng)絡(luò)游戲,虛擬學(xué)習(xí),用戶興趣和學(xué)習(xí)斗爭中,有必要依靠認知摩擦來引導(dǎo)人們積極探索界面,但當(dāng)超過某個閾值時,認知摩擦就會變成認知沖突,這將抑制和增加負面情緒。
在線游戲需要依靠認知摩擦來刺激用戶探索游戲
3.減少認知摩擦的設(shè)計方法
(1)有效組織信息以控制認知差異。
右邊的設(shè)計有效地組織了信息
(2)界面設(shè)計過程與用戶反饋緊密結(jié)合,反饋結(jié)果用于改善設(shè)計元素,為用戶帶來認知抵抗,提高認知流暢性。
例如,及時的產(chǎn)品可用性測試;設(shè)計產(chǎn)品第一版的用戶反饋機制。
交互設(shè)計中的認知負荷1.認知負荷的概念
認知負荷理論是由澳大利亞心理學(xué)家Swell Sweller先生在20世紀70年代提出的。他認為,感覺輸入和短期記憶的能力是有限的,如果個體直接或間接地接收大量信息,在容量值的情況下,它必然會對個人的認知系統(tǒng)產(chǎn)生負擔(dān),是,形成認知負荷。
在人機交互界面中,可以認為認知負荷是用戶實際輸入注意力和工作記憶以便成功完成某項任務(wù)的認知資源總量的比例。
人類認知資源(主要表示為工作記憶容量)是有限的,任何學(xué)習(xí)和任務(wù)完成的活動都需要認知資源,導(dǎo)致認知負荷。
認知負荷分為外部認知負荷和內(nèi)部認知負荷:
(1)外部認知負荷:主要與人機交互界面信息的組織呈現(xiàn)方式有關(guān)。用于外部認知負荷的認知資源可能超過用戶的工作記憶容量,從而阻礙用戶使用該產(chǎn)品。
例如,當(dāng)用戶從界面上的大量信息中搜索目標(biāo)時,無關(guān)信息經(jīng)常變成干擾項,增加了外部認知負荷。
復(fù)雜的交互式界面增加了用戶的外部認知負擔(dān)
(2)內(nèi)在認知負荷:內(nèi)部認知負荷主要由信息閱讀過程中需要同時識別的元素數(shù)量決定,元素數(shù)量與內(nèi)部認知負荷成正比。
內(nèi)在認知負荷水平主要取決于產(chǎn)品復(fù)雜性與用戶知識之間的關(guān)系。因此,內(nèi)部認知負荷不僅受信息內(nèi)容的影響,還受用戶特征的影響。
任何年齡段的用戶都可以順利使用微信。微信是一種內(nèi)部認知負荷低的產(chǎn)品
2.控制認知負荷的設(shè)計策略
(1)控制外部認知負荷
一個。在界面元素的組織中,我們必須遵循一定的視覺搜索原則,符合人類視覺搜索規(guī)則,使用戶能夠用最短的視覺搜索線找到所需信息,并建立信息之間的聯(lián)系,然后整合信息。減少用戶分心并減少用戶認知負擔(dān)。
這是我設(shè)計用于開設(shè)帳戶的互動流程。頂部的分步指南可以建立過程的連接,減少用戶的注意力。
灣在界面元素的呈現(xiàn)模式中,根據(jù)信息的特征和用戶的任務(wù),選擇合適的方式,例如,顏色塊用于表示區(qū)域和級別信息,以及幫助提示添加復(fù)雜內(nèi)容的信息。
這是我設(shè)計的上傳作品的表單內(nèi)容。在隱藏屬性值中添加一些解釋性提示可以有效地減少用戶的認知負擔(dān)
(2)控制內(nèi)部認知負荷
一個。使用產(chǎn)品規(guī)則的圖形化和模塊化構(gòu)建可以提高用戶自身的認知能力并控制內(nèi)部認知負荷。
灣減少各種元素之間的相互作用可以降低圖形結(jié)構(gòu)之間的復(fù)雜性,從而有效地減少內(nèi)部認知負荷。
C。使用簡單的信息組織結(jié)構(gòu)來減少各種信息架構(gòu)之間的交叉和分支也可以減少內(nèi)部認知負荷。
4.交互設(shè)計中的情境認知1.情境認知概述
情境認知是對周圍發(fā)生的事物的感知和理解的意識,以及對事件和行為的影響的目標(biāo)。
擁有完整,準確和及時的態(tài)勢感知對于用戶界面系統(tǒng)的每一分鐘都是必不可少的。
情境意識主要包括四個階段:
情境認知的第一階段(感知階段)影響用戶感知的直接因素:視覺感知,物體識別,知識認知和環(huán)境感知。情境認知的第二階段(理解階段)影響用戶理解的直接因素:記憶,表征和認知偏差。情境認知的第三階段(預(yù)測階段)影響用戶預(yù)測的直接因素:推理,記憶和認知偏差。第四階段情境認知(用戶內(nèi)部因素)的間接因素包括:決策,內(nèi)在能力,經(jīng)驗和情緒。 2.設(shè)計策略以提高用戶上下文意識
顯示交互界面組件的合理性和科學(xué)性是使用外部手段提高態(tài)勢感知的關(guān)鍵因素。
為了提高用戶的情境認知,我們首先需要分解顯示界面的構(gòu)成,并通過各種設(shè)計手段將其與情境認知元素相匹配,使界面能夠提供最優(yōu)的視覺信息,提高用戶對信息的識別。 ,認知和處理效率。
每個階段的推薦設(shè)計策略如下:
(1)感知階段:從人機交互界面的組件開始,該設(shè)計適合于閱讀和簡單的記憶。
減少無效信息顯示,確保信息清晰易讀,并提供有關(guān)重要信息的某些信息,以提供與情境任務(wù)相關(guān)的重要信息。
例如,京東的企業(yè)注冊,信息清晰易讀,獲得焦點時有規(guī)則提示,以及與最高任務(wù)進度相關(guān)的提示
(2)理解階段:人機交互界面需要提供與任務(wù)上下文一致的認知模式,幫助用戶正確理解當(dāng)前情況。
在正確的認知設(shè)計界面應(yīng)急機制的背景下提供與情境相關(guān)的信息,支持和引導(dǎo)用戶,可以提醒并提示錯誤界面邏輯層次簡單,提供快捷方便的操作模式
(3)預(yù)測階段:人機交互界面需要提供可以預(yù)測任務(wù)上下文的認知信息,幫助用戶正確預(yù)測將要發(fā)生的事情。
盡可能向用戶解釋用戶解決方案會出現(xiàn)的不確定性
例如,在項目中,故障情景的設(shè)計會告知用戶可能的故障原因,并提供兩種解決方案。解決方案也在原因中解釋。
總結(jié)
以上是交互設(shè)計中視覺感知,認知摩擦,認知負荷和態(tài)勢感知四種設(shè)計理論的總結(jié)。我希望它能給每個人帶來一些幫助。
專欄
每個人都是產(chǎn)品經(jīng)理專欄作家?;ヂ?lián)網(wǎng)產(chǎn)品設(shè)計師,4年互聯(lián)網(wǎng)產(chǎn)品設(shè)計經(jīng)驗。擅長用戶體驗設(shè)計,喜歡研究需求函數(shù)背后的技術(shù)實現(xiàn);繼續(xù)努力的道路,成為一個綜合性的產(chǎn)品設(shè)計師!
這篇文章最初發(fā)表。未經(jīng)許可,禁止復(fù)制
該地圖由作者提供
周一周五 8:30 - 18:00