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 在用户创建密码时,通过提示已满足项,减少用户阅读障碍,提升体验。

 

 

 

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

 

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档