基于人因的用户体验设计课
刘石
前华为用户体验设计系统部部长,新中国成立 70 周年用户体验设计 70 人之一
7027 人已学习
新⼈⾸单¥59
登录后,你可以任选4讲全文学习
课程目录
已完结/共 34 讲
开篇词 (1讲)
基于人因的用户体验设计课
15
15
1.0x
00:00/00:00
登录|注册

03 | 重新认识感觉:眼见不一定为实

你好,我是 Rocky。今天和你来聊聊人的感觉对设计的影响。
很多设计师在设计时容易靠感觉来设计,但我这节课不是教你怎么去找感觉,而是要教你如何在设计中正确理解人的感觉。

感觉的定义

你可以把人想象成一个机器人。人身体上有很多的传感器,也就是我们说的感觉器官。传统的五感的眼、耳、鼻、舌、皮肤分别是视觉传感器、听觉传感器、嗅觉传感器、味觉传感器和触觉传感器。
人也有肌体神经和半规管之类的器官去承担重力传感器、平衡传感器的角色,这些传感器能让我们能感觉到重力感、平衡感等不一样的感觉。这些传感器事先会对外部的真实世界的各种刺激做一个采样,然后传到大脑皮层进行加工处理,产生初步的认知。
不同的感觉器官会识别不同的外界特征,具体情况你可以参考下面这张表。

感知觉基本特性及在设计中的运用

我们大都说感知世界,不会简单地说感觉世界。这是因为光有数据采集是不够的,最核心的还是要有一个超级厉害的大脑能处理得了这些信息。人会把这些信息会根据人的知识、经验,逻辑思维、情感等等一切复杂的心理进行信息整合处理,产生对世界的认知,再延展出对世界的理解。别看皮皮虾能看到那么多色彩(它有 16 种视锥细胞),但是它可理解不了这么多色彩带来复杂的情绪情感。
确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
  • 深入了解
  • 翻译
    • 英语
    • 中文简体
    • 中文繁体
    • 法语
    • 德语
    • 日语
    • 韩语
    • 俄语
    • 西班牙语
    • 阿拉伯语
  • 解释
  • 总结

本文深入探讨了感知觉对设计的重要性,重新定义了感觉的概念,并强调了人的感知对设计的影响。文章详细介绍了感知觉的整体性和选择性在设计中的应用,以及对比性、理解性、恒常性、联觉性和错觉在设计中的重要性。通过生动的例子和图示,阐述了感知觉的重要性和设计中的应用。总结了感知觉的基本特征,包括整体性、选择性、对比性、理解性、恒常性、联觉性和错觉,并强调了在设计中需要根据业务需求灵活运用这些特征。文章内容丰富,涵盖了感知觉的多个方面,为读者提供了深入的技术知识和设计思路。

仅可试看部分内容,如需阅读全部内容,请付费购买文章所属专栏
《基于人因的用户体验设计课》
新⼈⾸单¥59
立即购买
登录 后留言

全部留言(17)

  • 最新
  • 精选
  • Liao Pei
    不负责任地猜测一下,饮料瓶子多数是圆的,其实是因为契合手握的形状,体验更好?

    作者回复: 如果从握持角度分析,有棱角的瓶子握持可能比圆形的更不容易滑落。但舒适度可能下降。饮料瓶子的形状有很多的思考点。如果展开来谈:1. 什么形状能让你的饮料品牌脱颖而出?2. 哪个更容易包装?3. 哪种更适合握持?4. 尺寸多大合适?5. 你销售的目标群体有什么特点和偏好?6. 它需要放在冰箱里吗?是侧柜还是内柜?6. 你希望用户如何处置这个瓶子?等等一系列的问题综合衡量才有可能有合适的答案。

    2021-04-30
    3
    9
  • NULL
    老师好,我有四个问题想请教下: 1.【恒常性】文中提到: 只有保持一致性才能让用户快速上手。 如果控件的功能不同,不要模仿已有的控件位置进行摆放,不然可能会导致错误的认知。 我的疑问: 感觉是不是有一些矛盾,又要一致性,又不要模仿。而且控件(按钮)其实是有文字的,是否”产生认知错误”应该是使用习惯导致的吧? 2.【对比性】文中提到: 如果一个画面没有对比,会让人觉得单调乏味。画面要突出重点。对比可以帮助我们增加画面的层次感,清晰展示逻辑和内容要点。有了对比,画面才会更加生动活泼,主次分明。 我的疑问: 对比可以增加层次感,但是又如何清晰展示逻辑和内容要点呢?尤其是一个页面想要展示的内容要点很多时,又如何快速让用户感知这些信息呢?特别是,如果都想突出一些,色彩鲜明一些,就会有种扎眼的感觉了叭。 3.【理解性】文中提到: 人理解性不同的体现。理解性和人的过去的知识经验、文化背景有非常强的关系。知识经验越丰富、文化内蕴越深,理解就越深刻。 我的疑问: 但是当受众很多时,每个人其实又是不一样的。又要怎么理解自己的用户呢?难道通过其他设计,找共同点嘛?但是这个又真的是用户所需要的吗?毕竟每个人理解其实有又是不一样的。“共性”这个点,又怎么去确认这个就是共性呢。是否“大家都这么觉得”“大家都这么用”就是共性呢? 4.【联觉性】 我的疑问: 这个老师分享的是针对实物上的联觉性设计。但是对于一个web/app这种页面上使用的,需要用户动手操作的产品,联觉性是否适用?如果适用,麻烦老师分享一下案例或者指导一下思路。

    作者回复: 1. 这个并不矛盾。控件确实是有文字的,但如果确认按钮在某些场景放右边,某些场景放左边,势必增加用户犯错的概率,或者交互的迟疑。2. 对比性,不一定是通过色彩,也可以通过形状、大小的变化。比如典型的大标题,就是一种大小对比。z轴的景深对比也是一种运用,把交互界面拉到前景,其他界面后退模糊处理,这都是对比性运用。3. 理解性,确实是需要用户画像的。比如某种高端手机的桌面图标,我们在电子钱包的icon设计上钱包里的卡就应该是黑卡,而不能是蓝色或者白色,那就不高端了。4. 秀色可餐的图片本是也是联觉设计。

    2021-02-26
    4
    6
  • 李天Letty
    苹果手机【照片】,在删除照片时,删除按钮在右,但是在清理最近删除的照片时,删除按钮在左、恢复按钮在右,这是为了打破用户认知操作,让用户停顿一下,留意自己将要彻底删除的图片,才做成这样的吗?

    作者回复: 很有可能。

    2021-11-23
    2
    1
  • 凡凡
    刪除按鈕設計為紅色,紅色在中國人的認知中有危險的含義。可以讓用戶在選擇刪除時更為謹慎一些。打卡設計中,指紋圖案的設計讓人有把手指按上去的心理暗示。

    作者回复: 非常好的思路。红色告警涵义是全球通用的。

    2021-03-12
    2
    1
  • 猪崽儿
    所以VIP的设计也是对比性的一种吗?通过普通用户和vip用户所享受权限的差距,提升VIP用户的优越感和自我满足感。就好像我之前听过这样一个说法,王者荣耀这款游戏的用户只是氪金玩家,作为不充钱纯娱乐的玩家来说,他们并不是这款游戏的用户,只是被利用的对象。

    作者回复: 这种VIP是社会心理学的运用,并不属于感官心理学,所以严格上说不是。

    2021-05-13
  • 咚咚咚
    1,整体性:卡片式布局就是将原本较为分散的信息聚合在一起,所以我们一眼看过去很明显的感知到那些信息是一个整体,尤其是在数据可视化的页面中,大量信息的聚合需要整体性的布局思考来表达; 2,选择性:金融理财类产品,或者dashboard产品,需要非常突出数据,所以经常将收益、用户数、其他重要数字信息,以动效翻牌的方式展示,吸引用户注意力; 3,对比性,短视频平台,主播的内容是核心,所以在整个页面,以抖音为例,主播内容核心展示,其他交互性元素在靠右下竖侧、左下横侧,减少视觉干扰; 4,恒常性,最开始苹果设计的时候,为了引导户用认知,图标用的是拟物性图标,与真实实物非常接近,慢慢随着用户认知理解手机软件产品已经足够,才开始流行扁平化设计。
    2022-01-23
    3
  • 罗小黑
    1.整体性:比如要画一棵超大的树,树下有几个小孩在玩。不需要画出树的全貌,仅画出树干和少数枝叶就可,读者能通过完整性感受到树的巨大,会比画完整棵树更好一点。 2.选择性:比如要在花丛中给其中一朵花一个特写,摄影师通常会模糊掉这朵花周围的景色,让读者的视线更容易聚焦在这多花上。 3.对比性:手机查看照片的时候,屏幕底色通常是黑色而不是白色,这是因为黑色“更低调”,视觉上会让照片更好看。 4.理解性:有个故事是说,一个盲人在街上乞讨,他在牌子上写着“我什么都看不见”,但是并未得到有效帮助。一个过路的人悄悄给牌子改为,“春天到了,我什么也看不见”,然后盲人得到了更多人的帮助。我觉得修改后的这句话,让人更容易理解到盲人的不幸。 5.恒常性:由于人们长久以来相信 “山泉水无污染,更健康”,所以农夫山泉的广告词,很得人心。 6.连觉性:保暖衣服的商品图旁边,一般都会画一个小火苗;豆浆的杯子,不是透明白的,是透明黄的,让人视觉上觉得豆浆更浓~ 7.错觉:这个好难,3D眼镜算不算?
    2021-07-02
    2
  • ANYA
    那个颜色的错觉是什么原理我拿ps吸了,确实是一样的颜色🧐🧐🧐
    2023-10-20归属地:广东
  • Geek_b01c81
    我看不出斑点狗啊
    2023-03-03归属地:广东
  • Annie
    这些感知觉的原理跟格式塔有什么区别呢?
    2023-02-25归属地:湖南
收起评论
显示
设置
留言
17
收藏
沉浸
阅读
分享
手机端
快捷键
回顶部