日本十八禁免费看污网站_久久久综合九色合综_新无码h肉动漫在线观看_国产极品粉嫩在线播放 久久久久久人妻无码_又嫩又硬又黄又爽的视频_亚洲AV无码久久_糖心VLOG精品一区二区

UI 設(shè)計需懂用戶心理學(xué)

2025-7-4    濤濤 交互設(shè)計及用戶體驗(yàn)

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

image.png

 

image.png

 

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

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

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

image.png

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

  1. 信息結(jié)構(gòu)優(yōu)化
    • 信息結(jié)構(gòu)化更易瀏覽,如機(jī)票信息結(jié)構(gòu)化呈現(xiàn)比松散信息更易讀,電話號碼和卡號分割為多個部分。
    • 可采用用戶界面提供獨(dú)立字段或允許用戶輸入時用符號分隔等方法。
  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è)計影響閱讀
    • 生僻文字、難以辨別的字體、過小字號等不友好設(shè)計會讓用戶扭頭就跑。
  2. 提供良好的閱讀支持
    • 使用親切溫暖的詞匯,如很多 APP 提示語不客套官方。
    • 設(shè)計文字格式視覺層次,增強(qiáng)信息反差比,如大小、顏色、字重對比。
    • 減少文字量,精煉語言,如遵循 “去掉每個頁面上一半的文字,然后把剩下的文字再去掉一半”。
  3. 測試驗(yàn)證
    • 在目標(biāo)用戶群中測試設(shè)計,確保用戶能快速輕松閱讀重要信息。

關(guān)鍵問題

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

 

 

 

 

蘭亭妙微(藍(lán)藍(lán)設(shè)計)www.soiayq.cn 是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗(yàn)設(shè)計交互設(shè)計、UI咨詢高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

 

image.png

 

日歷

鏈接

個人資料

存檔