B1.05.2Cascading menu设计研究
级联菜单的斜向移动是典型受限通道
别名: 级联菜单 · menu steering · 菜单三角
概念解释
在级联菜单(cascading menu)中,用户从父菜单项目斜向移动到右侧或左侧子菜单时,光标常必须穿过父项与子菜单之间的一条想象通道。稍微偏离就会经过相邻父项,导致子菜单关闭或切换;这正是转向律中的受限路径,而不是单次点击问题。
机制
父菜单通常用悬停状态维持子菜单。斜向移动时,允许区域由父项边界、相邻项和子菜单位置共同塑形,距离越长、通道越窄,用户越需要放慢并微调。菜单项目高度较小或子菜单开得较远时,通道的角度容忍更低,误入其他父项的代价也更显著。
怎么研究
让参与者完成不同方向、间距、项目高度与展开延迟的级联菜单任务,记录轨迹、错误展开、关闭次数、重试和到达子项时间。用轨迹叠加图观察真实的安全区,而非只问用户是否“觉得难用”。也要测试鼠标、触控板和触屏替代交互,因为它们的悬停条件不同。
边界
若菜单以点击固定、子菜单覆盖父项、或采用点击后进入新层级,斜向悬停通道不再是主要约束。触屏没有可靠悬停,照搬桌面级联菜单会引入不同的误触和可发现问题。不能仅凭一个“菜单三角”规则解决内容命名、层级深度或等待延迟造成的困难。
怎么落地
- 缩短父项到子菜单的水平距离,增加父项高度或子菜单入口的垂直覆盖,扩大用户实际可走的斜向安全区。
- 需要悬停时,允许短暂离开而不立即关闭,或按指针轨迹推断用户正在前往子菜单。
- 用任务录像检查错误展开发生的路径;若用户经常先停顿再小心横移,说明通道而非标签是主要瓶颈。