UI設計原則背後的認知心理學

2021-10-11 19:14:30 字數 3819 閱讀 9860

了解人的感官和大腦是如何工作的,去衡量及判斷那些設計原則更靠譜;ui設計師需要確定哪個設計原則更適用於給定的環境,從而優選應用,ui設計師必須深思熟慮,而不是盲目的應用設計原則,應該理解其基本原則並有過應用經驗的人來使用和詮釋;

所有設計原則其實都是基於人類心理學,從認知和心理學角度剖析互動設計本質,去解讀人們如何感知、學習、推理、記憶,以及把想法轉換為行動。將實際的設計原則聯絡起來會讓心理學變得更具體、更容易理解。

此篇是給自己解惑的文章,也是一篇學習筆記總結;也讓自己知道就算背熟了著名的互動原則後仍做不好設計,究竟是因為什麼?現實中,很多設計原則,有一致的場景卻又有互相衝突的場景,到底該怎麼推斷那些設計準則更靠譜?

我們的感知與現實存在一定的偏差

不要懷疑,就是我們所看到的並不是真相,我們的大腦在影響我們的感知;很大程度上是我們「期望」感知到的。感知至少受到以下3個因素影響,與現實存在偏差

1、過去:先入為主的經驗影響我們的感知

人常根據以往的經驗來對事物進行理解和判斷;先入為主的經驗會給使用者不一樣的感知和理解;你看到什麼取決於經驗/別人告訴你什麼?

r.c.james的素描:給人的第一印象是隨手潑出的黑點,如果有人和你說這是乙隻在樹附近嗅著地面的斑點狗後,你就很難再把這張素描看成是隨手潑出的黑點了;看過劉亦菲演的神鵰俠侶小龍女後,後面再有(陳妍希、毛曉慧)翻拍都覺得沒有比劉亦菲更適合小龍女這個角色,而且還被黑的很慘;這都是因為人會被先入為主的經驗影響感知

我們認知會受熟悉的感知框架影響;

我們生活中大部分時間都是在自己熟悉的環境中度過(比如:家、公司、去公司的路上、附近的商場),久而久之這些熟悉的環境會在我們心智中建立框架;比如,你並不需要經常檢查你家裡的東西,但你對家裡夠熟悉,也就知道某些東西大概放在**,因為你已經建立了你對自己家的認知,有點刻板印象那麼回事,專家們都管這個叫「感知模式/感知框架」

感知框架能幫助我們應付所處的世界,但是呢也會讓我們看到並不存在的東西;比如,有時候你覺得你身份證明明放在家裡某個地方,你就是找半天沒找到;還有你去飯店吃飯,去飯店吃飯的心智框架裡有部分是付款,可能你沒有付款走出來飯店,但你的潛意識以為自己已經付款過了,檢視賬單才發現真沒付!!!!

所以這頁就是為什麼ui設計原則中需要保持一致性,一致性也包括3個方面:

1.和使用者預期保持一致性。

還有在支付寶好友對話頁面轉賬的場景中,使用者有著不同的使用習慣,他們認為來這裡就是轉賬的,所以有的使用者進入對話方塊後,輸入完數字,就認為自己已經轉賬成功了,其實並沒有,於是有了現在改版後的方案;bilili在輸入密碼的時候2個小人會捂住眼睛,像極了現實中別人輸入密碼自己會走開不偷看。

2. 和平台規則保持一致性

3. 產品內部規範一致性。

其中包括迭代版本保持一致性,同一層級圖示顏色字型保持一致性,品牌一致性,互動行為一致性;不同的品牌有自己的調性,可以直接通過設計語言傳達給使用者,而且能夠達到乙個良好的品牌辨識度,成熟的產品有自己的設計標準。

4. 遵循使用者的操作習慣;

有時候在找某件東西的時候,如果它不在老地方或者看起來和以前不一樣,就算在我們眼前,我們也找半天,這也是因為我們受以往的經驗影響感知;因此相同或相似產品的使用者習慣保持一致,即意味著使用者需要更少的時間去學習甚至不需要學習;

2、當前:環境影響感知

周圍環境對感知的影響也同樣存在於不同感官之間。五個感官任何之一的感知都可能同時影響其他感官的感知。例如:我們聽到的能影響我們看到的,反之亦然;我們聽到、看到或者聞到的能影響我們的觸覺。

總之,對於識別乙個字母、乙個單詞、一張臉或者任何物體的神經活動,都包含了環境刺激產生的神經訊號的輸入。這個環境包括感知到的其他臨近物件和事件,甚至由環境啟用的對以往感知到的物件和事件的記憶。

人們經常根據周圍的情景去理解事物,視覺感知也是一樣的,上下文會影響我們對某乙個詞的理解;環境有時候會產生歧義。同樣的一段話放在不同的語句當中,會有不同的理解。視覺上也是如此:

視覺設計可以通過應用的背景、介面元素的擺放等來烘托情感、主題和氣質。比如天貓、京東及拼多多618這種節日活動主場景,也是利用了這種心理將買買買的活動氛圍營造出來。

3、將來:目標影響感知

除了視覺,我們的目標還過濾其他感官的感知。

例如:在嘈雜的環境中與人交談,你能把大部分注意力放在他說的話上,即使身邊還有許多人在對話。你對談話的興趣越大就越能過濾掉周圍的聲音。

當使用者登入**執行操作時通常都是帶有目的性的去操作,這個過程中會過濾與其達成目標操作無關的東西,當使用者在軟體或**上尋找資訊或某個功能時,他們並不會認真的閱讀,只是快速而粗略的掃瞄螢幕上與目標相關的東西。他們不是不僅僅忽略掉與目標無關的東西,而是經常不注意它們。

目標影響我們注意什麼--感知是主動的,我們動用五官去找到和目標相關的東西。目標使我們的感知系統對某些特性敏感--例如在下圖找紅色的圓點,大腦對紅色就會特別敏感,而其它顏色就幾乎不會被注意到,即使我們的確「看到」了它們

目標對感知的過濾在成年人身上特別可靠,他們比兒童對目標更專注。兒童更容易被刺激驅使,目標較少地過濾他們的感知。這種特點使得他們比成年人更容易分心,但也使得他們觀察時更不容易被影響。

當使用者充分的調動感知來尋找目標的時候,由於使用者的注意力處於一種高度的緊張狀態,這是一種不好的使用者體驗,我們要做的是讓使用者能夠輕鬆的完成目標任務,而不需要有高度的緊張和尋找。

比如**在註冊賬號的時候,清晰告知使用者註冊整體流程狀態

由於使用者在完成某項操作的時候,非常容易忽略和目標任務無關的資訊,所以如果需要在使用者處理任務的過程中,使使用者注意到一些額外的重要資訊的話,應該將這些資訊做的醒目或者將它們擺放到適當的位置,比如:behace在使用者建立密碼時,會貼心在下面把已滿足密碼項☑️,避免不滿足密碼要求又被打回

總結:最後對設計有什麼影響?

避免歧義

避免顯示有歧義的資訊,並通過測試確認所有使用者對資訊的理解是一致的。當無法消除歧義時,要麼依靠設計標準或使用者習慣,要麼告知使用者用你期望的方式去理解歧義之處。

保持一致

在一致的位置擺放資訊和控制項。不同頁面上提供的相同功能的控制項和資料顯示應該擺放在每一頁上相同的位置,而且它們還應該有相同的顏色、字型和陰影等。這樣的一致效能讓使用者很快找到和識別它們。一致性的互動設計原則對使用者而言可以讓資訊傳達和使用者使用體驗更好;對產品研發團隊來說,也會減少設計的研發成本

理解目標

理解使用者目標,知道它們強烈的要感知什麼,從而確保提供必要的資訊清晰的對應使用者的感知,使用者去用乙個系統是有目標的。設計者應該了解這些目標,要認識到不同使用者的目標可能不同,而且他們的目標強烈左右他們能感知到什麼。在一次互動的每個點,確保提供了使用者需要的資訊,並非常清晰地對應到乙個可能的使用者目標,使使用者能夠注意到並使用這些資訊。

摘自:

認知心理學軟體測試

認知心理學軟體測試 認知心理學是測試基礎 人的感覺和記憶可靠性。信念從 來。信念如何影響人的行為。做出決策所使用的偏見和捷徑。如何了解並分享所知道的資訊。如何考慮複雜情況。在壓力下如何思考。如何識別模式。如何把想法和事物分類。如何注意事物之間的差別。記憶事件中的失真。如何重新構建部分記憶的事件。例如...

認知心理學學習筆記

帶著問題去思考 什麼是認知心理學?認知心理學主要研究哪些內容?哪些因素促使認知心理學產生?認知心理學的主要理論假設有哪些?認知心理學有哪些研究方法?學習認知心理學的意義?什麼是認知心理學?認知心理學,就是一扇通往我們心靈世界 探索人類認知秘密的大門。泰戈爾說 你看錯了世界,卻反說世界欺騙了你。1 什...

從設計心理學理解互動設計的原則

1 可視性 正確的操作部位必須顯而易見,而且還要向使用者傳達出正確的資訊。例 加關注 概念模式 乙個好的概念模式使我們能夠 操作行為的效果。例 發部落格 反饋原則 向使用者提供資訊,使使用者知道某一操作是否已經完成以及操作所產生的結果。例 載入資訊 5.如何限制使用者的行為?增加行為實現的難度。例 ...