UI 設(shè)計(jì)需懂用戶心理學(xué)，感知受過去經(jīng)驗(yàn)、當(dāng)前環(huán)境和未來目標(biāo)影響，因此設(shè)計(jì)要避免歧義、保持一致并理解用戶目標(biāo)；格式塔心理學(xué)的接近性、相似性等原則可用于優(yōu)化界面層次和用戶體驗(yàn)；同時(shí)要降低信息噪音讓用戶專注，考慮到人天生不愛閱讀的特性，需優(yōu)化信息設(shè)計(jì)，減少文字量、提升可讀性，這些都基于人類認(rèn)知和心理學(xué)，能幫助設(shè)計(jì)師做出更符合用戶需求的設(shè)計(jì)。

一、我們的感知與現(xiàn)實(shí)存在一定的偏差

1. 過去：先入為主的經(jīng)驗(yàn)影響我們的感知
   • 人常根據(jù)以往經(jīng)驗(yàn)理解判斷事物，如先入為主的角色印象、對(duì)熟悉環(huán)境建立的 “感知模式 / 感知框架”。
   • 這要求 UI 設(shè)計(jì)保持一致性，包括：
     • 與用戶預(yù)期一致：如 QQ 閱讀翻頁效果、微信紅包設(shè)計(jì)模擬現(xiàn)實(shí)，降低用戶理解成本。
     • 與平臺(tái)規(guī)則一致：產(chǎn)品設(shè)計(jì)符合 iOS、Android 等平臺(tái)規(guī)范及競(jìng)品共性，如民宿短租類 APP 首頁模塊信息大同小異。
     • 產(chǎn)品內(nèi)部規(guī)范一致：迭代版本、同一層級(jí)圖標(biāo)顏色字體、品牌調(diào)性及交互行為保持一致。
     • 遵循用戶操作習(xí)慣：相同或相似產(chǎn)品用戶習(xí)慣一致，減少學(xué)習(xí)成本，如微信 iOS 和安卓版本因終端交互習(xí)慣不同，搜索位置等設(shè)計(jì)不一致。
2. 當(dāng)前：環(huán)境影響感知
   • 周圍環(huán)境影響各感官感知，視覺感知中上下文會(huì)影響理解，如 Muller-lyer 錯(cuò)覺。
   • 設(shè)計(jì)需避免歧義，通過測(cè)試確認(rèn)用戶對(duì)信息理解一致，還可利用環(huán)境烘托情感，如電商節(jié)日活動(dòng)主場(chǎng)景營(yíng)造氛圍。
3. 將來：目標(biāo)影響感知
   • 用戶操作帶有目的性，會(huì)過濾無關(guān)信息，如找紅色圓點(diǎn)時(shí)大腦對(duì)紅色敏感。
   • 設(shè)計(jì)要理解用戶目標(biāo)，確保信息清晰對(duì)應(yīng)目標(biāo)，如淘寶注冊(cè)流程告知狀態(tài)，Behance 創(chuàng)建密碼時(shí)提示已滿足項(xiàng)。

二、格式塔心理學(xué)

三、降低信息噪音，讓用戶更專注

1. 信息結(jié)構(gòu)優(yōu)化
   • 信息結(jié)構(gòu)化更易瀏覽，如機(jī)票信息結(jié)構(gòu)化呈現(xiàn)比松散信息更易讀，電話號(hào)碼和卡號(hào)分割為多個(gè)部分。
   • 可采用用戶界面提供獨(dú)立字段或允許用戶輸入時(shí)用符號(hào)分隔等方法。
2. 數(shù)據(jù)專用控件
   • 用適合控件顯示數(shù)據(jù)，如 keep 選擇日期、iOS 鬧鐘設(shè)置，便于用戶輸入。
3. 視覺層次
   • 將信息分段，提取關(guān)鍵詞標(biāo)記，以層次結(jié)構(gòu)展現(xiàn)，如愛彼迎頁面視覺結(jié)構(gòu)優(yōu)化，讓用戶快速找到相關(guān)內(nèi)容。

四、人天生不愛閱讀

1. 糟糕的信息設(shè)計(jì)影響閱讀
   • 生僻文字、難以辨別的字體、過小字號(hào)等不友好設(shè)計(jì)會(huì)讓用戶扭頭就跑。
2. 提供良好的閱讀支持
   • 使用親切溫暖的詞匯，如很多 APP 提示語不客套官方。
   • 設(shè)計(jì)文字格式視覺層次，增強(qiáng)信息反差比，如大小、顏色、字重對(duì)比。
   • 減少文字量，精煉語言，如遵循 “去掉每個(gè)頁面上一半的文字，然后把剩下的文字再去掉一半”。
3. 測(cè)試驗(yàn)證
   • 在目標(biāo)用戶群中測(cè)試設(shè)計(jì)，確保用戶能快速輕松閱讀重要信息。

關(guān)鍵問題

1. 為什么 UI 設(shè)計(jì)中要保持一致性？
   • 因?yàn)槿说母兄苓^去經(jīng)驗(yàn)影響，先入為主的經(jīng)驗(yàn)會(huì)讓用戶對(duì)熟悉的心智模型及框架有預(yù)期。保持一致性包括與用戶預(yù)期、平臺(tái)規(guī)則、產(chǎn)品內(nèi)部規(guī)范和用戶操作習(xí)慣一致，能降低用戶學(xué)習(xí)成本和記憶負(fù)擔(dān)，讓用戶快速找到和識(shí)別信息與控件，提升使用體驗(yàn)，減少設(shè)計(jì)研發(fā)成本。如 QQ 閱讀翻頁效果模擬現(xiàn)實(shí)，降低用戶理解成本；微信 iOS 和安卓版本按終端交互習(xí)慣設(shè)計(jì)，符合用戶操作習(xí)慣。
2. 格式塔心理學(xué)的接近性和相似性原理在 UI 設(shè)計(jì)中如何應(yīng)用？
   • 接近性原理：將相關(guān)元素靠近擺放，使界面層次有序，減少視覺噪音。如 APP 設(shè)計(jì)中，把相關(guān)的控件和內(nèi)容放在一起，用戶更易感知它們的相關(guān)性，像 iOS 通用設(shè)置頁面，相關(guān)功能分組靠近排列。
   • 相似性原理：讓有共同視覺元素的物體保持樣式統(tǒng)一，使用戶快速理解組件操作方式，同時(shí)利用特異點(diǎn)吸引關(guān)注。例如 APP 內(nèi)部相同功能的組件保持樣式一致，而 tab 選中狀態(tài)通過顏色、形狀等差異突出，成為視覺焦點(diǎn)。
3. 如何優(yōu)化信息設(shè)計(jì)以適應(yīng)人天生不愛閱讀的特性？
   • 首先，使用有限且高度一致的親切詞匯，避免生僻文字和官方客套語言，讓用戶感覺溫暖易讀。其次，設(shè)計(jì)文字格式的視覺層次，通過大小、顏色、字重對(duì)比增強(qiáng)有效信息或弱化次要信息，提升可讀性。再者，盡量減少文字量，精煉語言，去掉冗余內(nèi)容，降低頁面噪聲，讓有用內(nèi)容更突出。最后，在目標(biāo)用戶群中進(jìn)行測(cè)試，確保設(shè)計(jì)的信息能讓用戶快速輕松閱讀，如 Behance 在用戶創(chuàng)建密碼時(shí)，通過提示已滿足項(xiàng)，減少用戶閱讀障礙，提升體驗(yàn)。