N3.06.5transparency affordance设计研究

透明度承担的是可穿透的语义,不只是视觉风格

别名: 可穿透示能 · 半透明语义 · see-through affordance

概念解释

玻璃门看起来能穿过去,是因为它透;砖墙不透,是因为它挡住后面。界面上的半透明一旦脱离这种可穿透示能(transparency affordance),就会变成单纯的好看的灰——人仍会伸手去点被它挡住的东西,或不敢穿过一块其实没有碰撞体的幽灵面板。α 在这里是动作预期,不是配色。

机制

现实统计里,不透明 ≈ 有体积、会阻挡、可以撑住重量;透明 ≈ 可能穿过、可能只是一层膜。这套规律被带进虚拟环境。设计师用两成不透明常常是为了「不挡视野」,用户读到的却是「这东西不是实心的」。随后绕开还是穿过、点它还是点它后面的按钮,按语义走,不按深度缓冲走。半透明面板其实拦射线、拦手,语义和碰撞就不一致,人会反复试探。实心按钮做成半透明,人会以为点穿了它点到后面。边框、接触阴影、厚重材质可以把「带窗的实心板」读出来,即使中间是透的——示能是一束线索,α 只是其中一条。

怎么研究

碰撞预期任务:呈现不同 α 的物体,先问「手伸过去会挡住还是穿过」,再让人伸手,记录是否犹豫、是否改道。不要只用审美评分,审美可以和语义完全分家。

自变量:α、有无碰撞体、有无声音或高光提示「实心」。 因变量:穿透预期正确率、首次接触策略(绕 / 穿)、试探次数。

示能研究里的 action-possibility 判断,以及 XR 里 go-through versus collide 的走查,都落在这条上。

边界

游戏能量罩、幽灵、扫描体积已经把「半透明 = 可穿过或危险体积」做成类型惯例,用户会按类型而不是按 α 读。完全没有物理隐喻的屏幕空间血条不被当成体积,透明度回到风格。儿童和少暴露 XR 的人更按真实玻璃来读。一旦加了厚重边框和接触阴影,即使中间是透的,人也可能当成带窗的实心板。无障碍上,只靠 α 表达「不可点 / 可穿过」,对低视力无效,需要第二通道。

怎么落地

  • 半透明只留给真正可穿过、可看穿、不拦截输入的体积;要拦截输入的控件做成不透明。
  • 即将放置的幽灵预览用半透明,确认落下后立刻转为不透明,让语义跟着状态变。
  • 半透明面板若必须可点,用边框、光标吸附或声音把「这层是实的」说清楚,避免点穿到后面。
  • 验证:请人戴上看十秒,问手能不能从这里穿过去、点下去作用在哪一层。预期与碰撞或射线检测不一致的每一处,都是语义在说谎。

延伸

  • 同组N3.06.1 半透明界面会与背景混淆 · N3.06.2 遮挡是最强的深度线索,不应违反 · N3.06.3 透明度需随背景复杂度调整 · N3.06.4 投影与接触阴影比半透明更能声明深度 · N3.06.6 半透明面板叠加会让不透明度累乘 · N3.06.7 光学透视设备上黑色等于透明,深色界面遮不住现实
  • 相邻N3.03 深度冲突 · N2.09 直接抓取与虚拟触碰
  • 站内检索transparency affordance · see-through · collision expectation

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/N3.06.5