E1.14.2split button default versus overflow设计研究

分裂按钮把默认动作与扩展动作分离到主体与箭头两部分

别名: 分裂按钮 · split button · 默认加菜单

概念解释

分裂按钮(split button)看起来像一枚按钮,实际是两块:大的主体立刻执行默认动作(保存),小的箭头打开扩展菜单(另存为、导出)。它把「最常做的那一下」和「偶尔的亲戚」拆开,既不像菜单按钮那样每次都要先打开,也不像按钮组那样把所有亲戚铺在表面上。

机制

默认动作享受主按钮的面积和一次点击;低频变体被收进第二目标,用一次额外点击换宽度。人必须先学会「这块会直接做、那块会再问」。学习靠可见的缝和两套命中区。若缝不可见,整枚被当成菜单按钮或当成单一动作——点主体却弹出菜单,或点箭头却直接保存。默认必须真的是高频:若主体执行的是很少用的项,用户会每次都绕去箭头,分裂就变成一枚难用的菜单按钮。菜单里的项应是同一动词的变体,不是任意命令的抽屉,否则箭头成了汉堡。

怎么研究

对比三种控件完成「保存」和「导出」:分裂按钮、每次都打开的菜单按钮、三枚独立按钮。记录第一次能否发现箭头、默认动作是否被误当成菜单。

自变量:缝是否可见、默认是否为真高频、箭头是否有文字。 因变量:发现扩展的时间、误把主体当菜单、误把箭头当默认。

内部用户已经知道另存为在箭头后,发现度会被高估。要用没见过该分裂按钮的人做第一次保存。

边界

只有一个动作时不要用分裂,箭头会变成骗局。触屏上两块命中区很难做够大,常常更适合独立的「保存」加「更多」。最后一次选择若被记成新的默认,主体的含义会在用户之间漂移,协作场景里不要静默改默认。

怎么落地

  • 主体标签写默认动作本身(保存),不要写「保存…」让人以为点了还会再问。
  • 主体与箭头之间画一条可见缝,并分成两次独立激活。
  • 菜单只放该动词的变体,不要塞设置和删除。
  • 验证:请未用过的人保存一次、再导出一次。第一次点主体却弹出菜单,或找不到导出,分裂的两部分就没有被分开。

延伸

  • 同组E1.14.1 按钮组用于呈现一组互斥或并列的相关动作 · E1.14.3 分裂按钮的箭头区域过小会造成误触扩展菜单 · E1.14.4 按钮组内选项过多时应改用其他控件而非持续横向扩展
  • 相邻E5.12 菜单与子菜单 · E1.01 按钮的层级 · E1.05 浮动操作按钮
  • 站内检索split button · menu button · default action

同组卡片

快捷操作

分享

分享当前页面

ios_share

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