功能按钮与咨询窗规范

交互操作规范里有两条对「功能」的精细约束:页面内的功能按钮怎么放、咨询类功能怎么出现。它们是误点击与打扰问题的重灾区。

功能按钮:一页一次、固定不抖

白皮书要求:功能设置要简单易用、符合用户操作习惯,在同一页面中只能设置一次,不可重复设置。具体四条:

  1. 功能位置必须固定,不可抖动或闪烁;与页面其他内容模块(如广告)要有一定间距,不可重叠,避免用户误操作;
  2. 同一页面上功能按钮面积不可超过一屏面积的 10%;
  3. 功能必须实际可用,操作友好便捷,且实际功能与文字描述需完全一致,不可出现诱导信息或引导跳转第三方页面;
  4. 功能可设置成嵌入样式也可设置成悬浮样式,但悬浮时面积不能过大,不可遮挡用户浏览页面内容或进行其他功能操作。

典型违规:功能按钮未放置在底部(不符合用户习惯);功能按钮抖动。

核心精神:功能按钮要「少而稳」——一次、固定、不抖动、不遮挡、说到做到。

咨询类功能:一页一次、不主动弹窗

4.3.2.3 条对咨询类功能的要求更具体:

  • 咨询类功能在当前页只能出现一次;
  • 位置不允许出现在顶部;
  • 在用户未主动点击的情况下,咨询的对话窗口不可自动弹出;
  • 咨询按钮可在底部或侧面悬浮,但面积不宜过大,以免干扰用户浏览。

白皮书案例对比清晰:

  • 违规:咨询功能自动弹窗,且与底部的咨询按钮重复;
  • 合规:咨询功能悬浮在页面底部、面积小于一屏 10%;
  • 合规:咨询功能悬浮在页面右侧、面积较小。

为什么单独管「咨询」

咨询窗是「打扰用户」最容易失控的组件:自动弹窗抢焦点、多个入口重复出现、悬浮窗遮挡正文。白皮书把它单列一条,等于划死边界——可以存在,但必须安静、克制、用户主导。

自查清单

  • [ ] 功能按钮每页只出现一次、位置固定不抖动;
  • [ ] 功能按钮面积 ≤一屏 10%,不遮挡内容;
  • [ ] 咨询窗一页一次、不在顶部、未点击不弹出;
  • [ ] 悬浮咨询窗面积克制(底部或右侧小窗)。

小结

一句话:功能按钮要「少而稳」,咨询窗要「静而小」。守好这两条,误点击与被打扰两类投诉会大幅下降。