3.2.1.2 选择性注意、扭曲与保留

文档摘要

3.2.1.2 选择性注意、扭曲与保留 3.2.1.2 选择性注意、扭曲与保留：当用户“看见却没看见”——一个前端渲染层注意力漏斗的实战解剖你有没有遇到过这样的场景？用户反馈：“按钮明明就在那儿，我就是找不到。” 产品同学截图标注：“红框里这个带图标的一键下单按钮，位置居中、字号最大、颜色最饱和，还加了微动效——怎么就‘看不见’？” 而你打开 DevTools，检查 DOM 结构、CSS 计算样式、无障碍属性（、）、焦点流顺序……一切合规。Lighthouse 无障碍评分 98。可真实用户测试视频里，三位受试者连续五秒目光在按钮上方 42px 处反复横跳，像被无形磁铁偏转的电子束——他们的眼睛在看，瞳孔在聚焦，视网膜在成像，但大脑说：“此处无按钮。” 这不是 UI Bug。