F1.13.2in-flow action noise设计
操作按钮混入正文阅读流会造成误触与视觉噪音
别名: 正文内按钮 · inline CTA · 阅读流误触
概念解释
新闻段落中间插一颗「关注作者」,或正文柱里塞一个「打开 App」的大按钮。它不浮动,就钉在那一段之后,但阅读手指滚过时会点上,眼睛扫过时会把它当成下一行。混入阅读流同时制造两件事:误触,以及扫视路径上多出来的视觉噪音。
失败不靠它移动。钉子就够了——它占据了本该属于下一句的槽。
机制
滚动阅读时,拇指在正文柱里找一个可滑的空白,并不是精确瞄准。柱内的大按钮把这块空白变成命中区,滑变成点。误触率跟按钮在柱内的宽度几乎成正比:全宽 CTA 等于把整条滑轨改成提交。
视觉上,按钮的对比、圆角、阴影是一组强于正文字的特征,扫视会被它吸走。吸走之后要再找下一句的开头,阅读节奏被切成「读一段、处理一个控件、再读」。中间插入的关注、下载、相关阅读,每一颗都收一次这样的税。税可以偶尔付,不能按段收。
边界
教程和帮助文档里,步骤之后的「下一步」就是阅读流的一部分,混入是任务。商品详情里规格表后的购买,读者已经从阅读切到决策,按钮是这段的终点而不是打断。链接是行内的、低对比的、不占整行命中区的,误触和噪音都远小于一颗实心按钮。引用块、代码块不是操作控件,不算混入。
怎么落地
- 关注、下载、相关推荐退出正文柱,放到文末、侧栏或一次阅读结束之后,不要按段插入全宽按钮。
- 正文里只保留真正的链接,命中区不要撑满一行。
- 必须在文中出现的转化,用一段结束后的单独区块,并与正文用间距分开,避免滑过时擦到。
- 验证:用拇指在正文柱里连续滚动,不刻意瞄准。中途触发了关注、下载或跳转,这颗按钮就还混在滑轨上。再数一屏里有几颗非链接的实心控件——超过一颗,噪音已经按段在收税。