UI 必懂的 5 個(gè)設(shè)計(jì)心理學(xué)知識，蘭亭妙微ui設(shè)計(jì)公司從理論到落地全拆解（下）
三、五架帽理論（LATCH 原則）：高效組織信息的 5 個(gè)核心方法
核心定義
由 Richard Saul Wurman 提出，又稱LATCH 原則，是基礎(chǔ)的信息組織原則，通過 5 種方式讓信息呈現(xiàn)更高效，提升用戶獲取信息的效率，分別是：Location（位置）、Alphabet（字母）、Time（時(shí)間）、Category（類別）、Hierarchy（視覺層級）。
核心原理
用戶在產(chǎn)品中獲取信息時(shí)，有固定的認(rèn)知習(xí)慣，違背這個(gè)習(xí)慣會(huì)增加用戶的思考成本。五架帽理論的本質(zhì)，是順應(yīng)用戶的認(rèn)知習(xí)慣，讓信息 “好找、好懂、好記”，這五個(gè)方法可單獨(dú)使用，也可組合使用。
產(chǎn)品落地技巧
1. Location（位置）：圍繞用戶位置組織信息
以用戶的當(dāng)前位置為核心，展示周邊相關(guān)信息，適用于地圖、本地生活、出行類產(chǎn)品，比如：
- 地圖 APP 優(yōu)先加載用戶當(dāng)前位置的道路、地標(biāo)、周邊商戶，位置變化時(shí)實(shí)時(shí)更新信息；
- 外賣 / 生鮮 APP 按 “距離由近到遠(yuǎn)” 展示商戶，讓用戶快速找到周邊可配送的商家；
- 游戲（如絕地求生）隨用戶位置變化，加載周邊的建筑、道具、敵人信息。
2. Alphabet（字母）：按字母順序組織信息
適用于數(shù)據(jù)量大、需要精準(zhǔn)查找的場景，是最經(jīng)典的信息組織方式，比如：
- 通訊錄按姓氏拼音首字母排序，支持字母索引，快速定位聯(lián)系人；
- 詞典、題庫 APP 按字母 / 拼音排序，方便用戶查找內(nèi)容；
- 電商 APP 的品牌分類，按字母順序排列，提升篩選效率。
3. Time（時(shí)間）：按時(shí)間維度組織信息
按時(shí)間先后 / 熱度排序，適用于內(nèi)容、社交、資訊類產(chǎn)品，比如：
- 朋友圈、微博按 “發(fā)布時(shí)間從新到舊” 展示內(nèi)容；
- 資訊 APP 分 “最新、今日、本周” 板塊，讓用戶按時(shí)間獲取信息；
- 電商 APP 的訂單頁面，按 “下單時(shí)間從新到舊” 排序，方便用戶查找近期訂單。
4. Category（類別）：按屬性分類組織信息
將信息按相同屬性 / 功能劃分，是產(chǎn)品設(shè)計(jì)中最常用的方式，適用于幾乎所有產(chǎn)品，比如：
- 音樂 APP 按 “曲風(fēng)（流行、搖滾、民謠）、歌手、專輯” 分類；
- 電商 APP 按 “商品品類（服飾、食品、數(shù)碼）、功能（熱銷、新品、優(yōu)惠）” 分類；
- 手機(jī)桌面的 APP 文件夾，按 “社交、辦公、娛樂” 分類。
5. Hierarchy（視覺層級）：按重要性劃分視覺層級
在信息組織的基礎(chǔ)上，用顏色、大小、間距、字體等視覺手段，突出核心信息，弱化次要信息，比如：
- 電商 APP 的商品頁面，核心信息（商品名稱、價(jià)格）用大號粗體，次要信息（產(chǎn)地、規(guī)格）用小號常規(guī)字體；
- 首頁金剛區(qū)，將高頻功能（首頁、消息、我的）用更醒目的圖標(biāo) / 顏色突出，低頻功能弱化展示；
- 詳情頁的標(biāo)題用大字號 + 強(qiáng)對比色，正文用常規(guī)字號 + 淺色系，讓用戶快速抓住重點(diǎn)。
關(guān)鍵總結(jié)
五架帽理論的 5 個(gè)方法不是孤立的，組合使用效果更佳：比如通訊錄 = 字母 + 視覺層級，外賣 APP = 位置 + 類別 + 時(shí)間，首頁金剛區(qū) = 類別 + 視覺層級。核心是讓信息組織符合用戶的認(rèn)知習(xí)慣，降低查找成本。
四、稟賦效應(yīng)：讓用戶 “珍惜” 你的產(chǎn)品，提升留存與轉(zhuǎn)化
核心定義
由心理學(xué)家 Daniel Kahneman 等提出，指人們對已經(jīng)擁有的物品 / 服務(wù)，會(huì)高估其價(jià)值，比未擁有時(shí)更珍惜。這一現(xiàn)象源于 “損失厭惡”：失去一件東西的痛苦，遠(yuǎn)大于得到它的快樂。
核心原理
當(dāng)用戶從 “旁觀者” 變成 “擁有者” 時(shí)，對產(chǎn)品的心理價(jià)值會(huì)大幅提升，會(huì)因?yàn)?“害怕失去” 而更愿意繼續(xù)使用、付費(fèi)甚至分享。比如生日收到的禮物，哪怕原本不喜歡，也會(huì)舍不得賣掉；免費(fèi)試用的會(huì)員，到期后會(huì)因?yàn)?“失去權(quán)益” 而選擇付費(fèi)。
產(chǎn)品落地技巧
1. 賦予用戶 “專屬價(jià)值”，強(qiáng)化擁有感
讓用戶感受到產(chǎn)品 / 服務(wù)是 “為自己量身定制的”，提升心理歸屬感，比如：
- 學(xué)習(xí) APP 將學(xué)習(xí)數(shù)據(jù)生成個(gè)性化報(bào)告，支持一鍵分享，讓用戶覺得 “這份成果是獨(dú)屬于我的”；
- 旅游 APP 記錄用戶的旅游足跡，生成 “我的旅行地圖”，激發(fā)用戶的珍惜感和分享欲；
- 電商 APP 為用戶生成 “專屬會(huì)員標(biāo)識”“定制化推薦頁面”，強(qiáng)化專屬感。
2. 提供免費(fèi)試用 / 體驗(yàn)，誘導(dǎo)稟賦效應(yīng)
讓用戶先 “擁有” 產(chǎn)品的權(quán)益 / 服務(wù)，再讓他們面對 “失去” 的選擇，比如：
- 視頻 / 音樂 APP 為新用戶提供 7 天免費(fèi) VIP，到期后用戶會(huì)因?yàn)?“失去高清畫質(zhì) / 無損音樂” 而選擇付費(fèi)；
- 辦公 APP 提供 30 天免費(fèi)高級功能，讓用戶習(xí)慣后，不愿回到基礎(chǔ)版；
- 電商 APP 為新用戶發(fā)放 “專屬優(yōu)惠券”，讓用戶覺得 “擁有了優(yōu)惠，不用就虧了”。
3. 增加個(gè)性化設(shè)置，讓用戶 “參與產(chǎn)品打造”
讓用戶通過個(gè)性化設(shè)置，將產(chǎn)品變成 “自己的樣子”，提升主人翁意識，比如：
- 瀏覽器 / APP 支持換膚、換背景、調(diào)整布局，讓用戶按自己的喜好定制產(chǎn)品；
- 筆記 APP 支持自定義筆記本封面、字體、顏色，讓用戶覺得 “這是我的專屬筆記”；
- 社交 APP 支持自定義頭像、昵稱、個(gè)性簽名，強(qiáng)化用戶的擁有感。
4. 利用 “損失厭惡”，提升用戶粘性
明確告知用戶 “不繼續(xù)使用會(huì)失去什么”，比告知 “繼續(xù)使用會(huì)得到什么” 更有效，比如：
- 簽到 APP 提示 “已連續(xù)簽到 5 天，中斷將重置進(jìn)度，失去 100 積分”；
- 會(huì)員 APP 提示 “您的 VIP 還有 3 天到期，到期后將失去免費(fèi)包郵、專屬折扣等權(quán)益”；
- 打卡 APP 提示 “今日未打卡，將失去本月打卡勛章的領(lǐng)取資格”。
關(guān)鍵總結(jié)
利用稟賦效應(yīng)的核心，是讓用戶從 “使用產(chǎn)品” 變成 “擁有產(chǎn)品”，通過專屬價(jià)值、免費(fèi)試用、個(gè)性化設(shè)置，讓用戶產(chǎn)生擁有感，再利用損失厭惡，讓用戶因?yàn)?“害怕失去” 而提升留存和轉(zhuǎn)化。
五、干擾效應(yīng)：減少信息干擾，讓用戶專注核心操作
核心定義
指用戶同時(shí)思考 / 處理兩件及以上事情時(shí)，思考效率和操作準(zhǔn)確性會(huì)大幅下降，難以專注核心目標(biāo)。簡單來說：信息越雜亂，用戶越容易分心，操作效率越低。
核心原理
人的大腦像電腦一樣，同一時(shí)間處理的信息有限，當(dāng)多個(gè)無關(guān)信息同時(shí)出現(xiàn)時(shí)，大腦需要花費(fèi)精力篩選信息，從而分散對核心操作的注意力，甚至導(dǎo)致操作失誤。比如設(shè)計(jì)時(shí)被緊急需求打斷，再回來時(shí)會(huì)忘記原本的思路；產(chǎn)品頁面圖標(biāo)雜亂，用戶會(huì)找不到核心功能。
產(chǎn)品落地技巧
1. 簡化視覺設(shè)計(jì)，避免 “過度裝飾”
視覺設(shè)計(jì)的核心是 “服務(wù)于功能”，而非單純的美觀，避免用復(fù)雜的設(shè)計(jì)增加用戶的認(rèn)知負(fù)擔(dān)，比如：
- 金剛區(qū)圖標(biāo)避免使用過于復(fù)雜的實(shí)物圖 / 彩色漸變，優(yōu)先用簡約的線性圖標(biāo) + 清晰的文字，讓用戶一眼識別；
- 頁面避免過多的色彩、動(dòng)效，核心操作按鈕（如確認(rèn)、支付、提交）用強(qiáng)對比色突出，次要元素用低飽和度色彩；
- 生鮮 APP 的分類圖標(biāo)，避免用復(fù)雜的商品實(shí)物圖，用簡約的圖標(biāo)（如蘋果代表水果、青菜代表蔬菜）即可。
2. 劃分信息層級，避免 “信息堆積”
將頁面信息按核心功能、次要功能、輔助功能劃分層級，突出核心，弱化次要，隱藏輔助，比如：
- 美團(tuán)首頁金剛區(qū)，將高頻功能（美食、外賣、超市便利）用大圖標(biāo)突出，低頻功能（旅游、美甲、洗車）用小圖標(biāo)弱化，避免信息雜亂；
- 個(gè)人中心頁面，將核心功能（我的訂單、我的資產(chǎn)、我的收藏）放在頂部，次要功能（設(shè)置、幫助、關(guān)于）放在底部，按使用頻率排序；
- 詳情頁將核心操作（購買、加入購物車）放在固定位置，次要信息（商品參數(shù)、評價(jià)）放在下方，避免干擾核心操作。
3. 按用戶目標(biāo)，組織頁面功能
圍繞用戶的核心操作目標(biāo)設(shè)計(jì)頁面，移除無關(guān)的功能和信息，比如：
- 刷題 APP 的答題頁面，僅保留 “題目、選項(xiàng)、上一題、下一題”，移除廣告、推薦、消息等無關(guān)信息，讓用戶專注答題；
- 支付頁面，僅保留 “支付金額、支付方式、確認(rèn)支付”，避免添加其他功能（如充值、領(lǐng)券），防止用戶分心；
- 閱讀 APP 的閱讀頁面，支持 “沉浸式模式”，隱藏導(dǎo)航、廣告、消息，讓用戶專注閱讀。
4. 功能分類聚合，避免 “分散擺放”
將同類功能聚合在一起，避免分散擺放導(dǎo)致用戶查找困難，比如：
- 個(gè)人中心將 “設(shè)置、幫助、反饋、關(guān)于” 聚合在 “更多功能” 里，避免零散擺放；
- 電商 APP 將 “收藏、足跡、購物車” 聚合在 “我的資產(chǎn)” 板塊，按 “用戶資產(chǎn)” 的邏輯組織；
- 辦公 APP 將 “新建、保存、分享、打印” 聚合在操作欄，按 “文檔操作” 的邏輯組織。
實(shí)戰(zhàn)案例
技術(shù)類求職 APP 個(gè)人中心改版：舊版功能雜亂，將 “已購、錢包、收藏、錯(cuò)題、投遞記錄” 等功能分散擺放，且把無關(guān)的 “頭像、昵稱” 放在視覺核心位置，用戶查找 “投遞記錄” 的平均時(shí)間為 15 秒。
新版圍繞用戶
核心目標(biāo)（查看投遞進(jìn)度、管理學(xué)習(xí)內(nèi)容） 優(yōu)化：
① 強(qiáng)化個(gè)人屬性（等級、粉絲），放在頭部吸引用戶；
② 將核心功能（我的簡歷、投遞記錄）放在頂部，按產(chǎn)品價(jià)值排序；
③ 將次要功能（收藏、錯(cuò)題、下載）按 “學(xué)習(xí)管理” 聚合，模塊劃分清晰；
④ 視覺上采用簡約風(fēng)格，弱化無關(guān)元素，核心按鈕用強(qiáng)對比色突出。
優(yōu)化后，用戶查找核心功能的平均時(shí)間縮短至 3 秒，操作效率提升 80%+。
關(guān)鍵總結(jié)
避免干擾效應(yīng)的核心，是“少即是多”：圍繞用戶的核心操作目標(biāo)，簡化視覺設(shè)計(jì)、劃分信息層級、聚合同類功能，移除無關(guān)的信息和功能，讓用戶不用思考，就能快速找到并完成核心操作。
全文核心總結(jié)
設(shè)計(jì)心理學(xué)的本質(zhì)，是“站在用戶的角度做設(shè)計(jì)”，讀懂用戶的心理，才能讓設(shè)計(jì)觸達(dá)用戶的需求。這 5 個(gè)心理學(xué)法則，各有側(cè)重但可組合使用：
- 用五架帽理論組織信息，讓用戶 “好找信息”；
- 用干擾效應(yīng)簡化設(shè)計(jì)，讓用戶 “專注操作”；
- 用蔡加尼克效應(yīng)引導(dǎo)參與，讓用戶 “愿意完成”；
- 用峰終定律打磨體驗(yàn)，讓用戶 “記住產(chǎn)品”；
- 用稟賦效應(yīng)強(qiáng)化擁有，讓用戶 “珍惜產(chǎn)品”。
不用精通所有心理學(xué)理論，把這 5 個(gè)法則融入日常設(shè)計(jì)的每一個(gè)環(huán)節(jié)，從信息組織、頁面設(shè)計(jì)到流程體驗(yàn)，讓每一個(gè)設(shè)計(jì)決策都有心理邏輯支撐，就能做出既好看又好用的產(chǎn)品設(shè)計(jì)。
轉(zhuǎn)載：防脫發(fā)藥水
蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）www.bjlzjm.com.cn 是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。