功能按钮与咨询窗规范
交互操作规范里有两条对「功能」的精细约束:页面内的功能按钮怎么放、咨询类功能怎么出现。它们是误点击与打扰问题的重灾区。
功能按钮:一页一次、固定不抖
白皮书要求:功能设置要简单易用、符合用户操作习惯,在同一页面中只能设置一次,不可重复设置。具体四条:
- 功能位置必须固定,不可抖动或闪烁;与页面其他内容模块(如广告)要有一定间距,不可重叠,避免用户误操作;
- 同一页面上功能按钮面积不可超过一屏面积的 10%;
- 功能必须实际可用,操作友好便捷,且实际功能与文字描述需完全一致,不可出现诱导信息或引导跳转第三方页面;
- 功能可设置成嵌入样式也可设置成悬浮样式,但悬浮时面积不能过大,不可遮挡用户浏览页面内容或进行其他功能操作。
典型违规:功能按钮未放置在底部(不符合用户习惯);功能按钮抖动。
核心精神:功能按钮要「少而稳」——一次、固定、不抖动、不遮挡、说到做到。
咨询类功能:一页一次、不主动弹窗
4.3.2.3 条对咨询类功能的要求更具体:
- 咨询类功能在当前页只能出现一次;
- 位置不允许出现在顶部;
- 在用户未主动点击的情况下,咨询的对话窗口不可自动弹出;
- 咨询按钮可在底部或侧面悬浮,但面积不宜过大,以免干扰用户浏览。
白皮书案例对比清晰:
- 违规:咨询功能自动弹窗,且与底部的咨询按钮重复;
- 合规:咨询功能悬浮在页面底部、面积小于一屏 10%;
- 合规:咨询功能悬浮在页面右侧、面积较小。
为什么单独管「咨询」
咨询窗是「打扰用户」最容易失控的组件:自动弹窗抢焦点、多个入口重复出现、悬浮窗遮挡正文。白皮书把它单列一条,等于划死边界——可以存在,但必须安静、克制、用户主导。
自查清单
- [ ] 功能按钮每页只出现一次、位置固定不抖动;
- [ ] 功能按钮面积 ≤一屏 10%,不遮挡内容;
- [ ] 咨询窗一页一次、不在顶部、未点击不弹出;
- [ ] 悬浮咨询窗面积克制(底部或右侧小窗)。
小结
一句话:功能按钮要「少而稳」,咨询窗要「静而小」。守好这两条,误点击与被打扰两类投诉会大幅下降。
