E1.05.2FAB single action设计研究

只适合承载单一主导作

别名: FAB主操作 · 速度拨号FAB · extended FAB

概念解释

FAB 在空间和注意上都按「这一屏最该做的那一件事」定价:新建、拍照、开始聊天。它只适合承载单一主导作(single primary action)。把加号展开成一簇速度拨号(speed dial),或让同一枚 FAB 在不同页变成完全不同的动词,都会把它从主触发器变成一个位置固定的菜单。菜单可以存在,但不该穿 FAB 的外壳——外壳承诺的是立刻执行,不是再选一次。

机制

FAB 的圆形、高对比、贴在拇指热区,是在说「按下去就做那件事」。展开簇把一次按拆成「先按加号、再在若干同等图标里选」,希克选择被塞回这个本该结束选择的控件。用户还要记住簇里有什么;记错就点到错误的子动作,而子动作往往没有文字。跨页复用同一位置、更换图标,看起来节省了一个控件,实际是在训练「右下角什么都能做」,主动作的可预测性被掏空。FAB 的价值来自稳定映射:这个位置 = 这个产品里的那个创造动作。映射一变成菜单或多义,它就不再比普通主按钮更值得挡住内容。

怎么研究

对比三种实现完成「新建」:单动作 FAB、速度拨号簇、普通底栏按钮。测从意图到完成的时间、走错子项的次数、以及事后能否说出「右下角那个会做什么」。

自变量:子动作数量、子动作有无文字、FAB 图标是否随页面变化。 因变量:决策时间、错误子动作、跨页预期一致率。

速度拨号在演示里显得强大,是因为演示者已经知道簇里有什么。对新手做首次使用,才能看到它相对单动作 FAB 的真实成本。

边界

少数产品的「创建」本身有两三个同族对象(笔记 / 清单 / 录音),用户每次都要选类型,速度拨号是在把选择提前。即便如此,子项需要文字,且数量应极少。扩展型 FAB(extended FAB)带文字,仍应是一个动词,不是两个。桌面端的中心新建按钮可以打开完整选择面板,因为没有 FAB 那种「立刻执行」的圆形承诺。

怎么落地

  • 给 FAB 指定一个全产品稳定的动词(新建、拍照),不要随当前页改成搜索、分享或删除。
  • 需要多个创建类型时,优先进入一个带文字的选择面,而不是展开一圈无标签小圆。
  • 若坚持速度拨号,子项不超过三个,且每个都有文字;打开簇不算完成动作。
  • 验证:在三个不同页面分别问「右下角按下去会发生什么」。三个答案不一致,或答案是「会再弹出一堆」,FAB 就已经不是单一主导作。

延伸

  • 同组E1.05.1 浮动按钮遮挡下方内容 · E1.05.3 滚动时的显隐规则需一致
  • 相邻E1.01 按钮的层级 · E1.14 按钮组与分裂按钮 · E1.04 图标按钮的歧义
  • 站内检索floating action button · speed dial · single primary action

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/E1.05.2