<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • UI 設計需懂用戶心理學

          2025-7-4    濤濤 交互設計及用戶體驗

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

          image.png

           

          image.png

           

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

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

          二、格式塔心理學

          image.png

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

          1. 信息結構優化
            • 信息結構化更易瀏覽,如機票信息結構化呈現比松散信息更易讀,電話號碼和卡號分割為多個部分。
            • 可采用用戶界面提供獨立字段或允許用戶輸入時用符號分隔等方法。
          2. 數據專用控件
            • 用適合控件顯示數據,如 keep 選擇日期、iOS 鬧鐘設置,便于用戶輸入。
          3. 視覺層次
            • 將信息分段,提取關鍵詞標記,以層次結構展現,如愛彼迎頁面視覺結構優化,讓用戶快速找到相關內容。

          四、人天生不愛閱讀

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

          關鍵問題

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

           

           

           

           

          蘭亭妙微(藍藍設計)m.sdgs6788.com 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計、圖標定制、用戶體驗設計交互設計UI咨詢高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

           

          image.png

           

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://m.sdgs6788.com

          存檔

          无码国产69精品久久久久网站| 久久精品国产秦先生| 色欲综合久久躁天天躁| 国产精品va久久久久久久| 久久久久九九精品影院| 久久91精品国产91| 亚洲国产精品无码久久一线| 情人伊人久久综合亚洲| 人妻少妇精品久久| 999久久久免费精品国产| 久久久99精品成人片中文字幕 | 亚洲午夜久久久久妓女影院| 色婷婷综合久久久久中文| 国产亚州精品女人久久久久久| 久久久久久久久久久| 色成年激情久久综合| 久久AV高潮AV无码AV| 精品水蜜桃久久久久久久| 久久久亚洲欧洲日产国码aⅴ| 久久精品一区二区三区中文字幕| 无码人妻久久一区二区三区 | 久久久久人妻一区二区三区| 久久精品嫩草影院| 久久久久久久97| 久久婷婷五月综合97色直播| 93精91精品国产综合久久香蕉| 婷婷久久久亚洲欧洲日产国码AV| 色婷婷噜噜久久国产精品12p| 久久精品国产99国产精品澳门| 欧美大香线蕉线伊人久久| 久久人妻少妇嫩草AV蜜桃| 日日狠狠久久偷偷色综合0| 国产99久久久国产精品~~牛| 久久国产精品一区二区| 人妻久久久一区二区三区| 色狠狠久久综合网| 一本色道久久88综合日韩精品| 色诱久久av| 亚洲午夜久久久久久噜噜噜| 无码专区久久综合久中文字幕| 久久精品久久久久观看99水蜜桃|