C1.19.1Cursor shape as action affordance设计

光标形状变化传达当前可执行的操作类型,如缩放箭头、抓手

别名: 光标形状 · 操作提示 · 鼠标指针

概念解释

光标形状可在指针进入对象或操作状态时提示当前可执行的动作:文字插入处常用 I 形,边框可用缩放箭头,可拖动区域可用抓手。它把操作可能性附着在用户正在指向的位置,构成即时而低打扰的可供性线索。

机制

界面根据命中对象、手势阶段和权限状态选择光标资源,这个判断通常由一次实时的命中测试完成——指针每移动一次就重新问一遍"这个像素点下面是什么"。用户长期使用中把特定形状和特定操作结果建立起稳定关联,再据此决定点击、拖动或换一个位置,这个关联一旦建立就会被当成先验知识直接使用,很少每次都重新验证。这也是为什么形状必须先于动作真正发生就改变:如果命中测试有延迟或被主线程阻塞,用户已经根据旧形状做出了判断和动作,界面才姗姗来迟地更新光标,用户看到的就是"点了却不是预期效果",感知到的是系统出错而不是自己判断错误。可用的形状词汇量本身也有限——超出七八种在小尺寸下彼此还能清楚区分的图形,用户就很难继续稳定记住每一种对应什么操作,硬要用形状区分十几种细分动作,等于把一个本该低认知负荷的线索变成了需要专门学习的符号表。

边界

光标只对有精确指针的环境可靠,触摸、键盘和辅助技术用户根本不会经过"悬停"这一步,也就永远看不到这类提示。图标也不能代替按钮标签、禁用状态或错误说明——形状能表达"这里可以做什么",却说不清"为什么现在不能做"或"做了之后会怎样",这两类信息只能靠文字或其他持久元素补充。复杂操作若只靠形状表达,即使形状本身设计得再精巧,学习门槛依然很高,因为用户第一次遇到某个新形状时没有任何先验可用,只能靠试错。

怎么落地

  • 采用平台熟悉的指针形状,并确保同一种形状在产品内语义稳定,不要让同一个抓手图标在这个界面代表"拖动排序"、在另一个界面代表"拖动缩放"。
  • 仅在对象确实可操作、且命中测试结果已经就绪时切换;禁用对象应显示不可用或提供文字解释,不要让光标形状抢先给出一个之后会被拒绝的承诺。
  • 验证办法:做一次强制选择测试——只给被试看光标形状(不给其他上下文),让其预测点击或拖动会发生什么,统计预测正确率;正确率明显偏低,说明这套形状词汇本身已经超出了用户能稳定记住的范围。

延伸

  • 同组C1.19.2 光标形状是易逝的状态提示,移开光标后线索随之消失 · C1.19.3 忙碌光标(旋转圈)表示系统占用而非位置反馈 · C1.19.4 光标形状语言依赖平台约定,跨平台不保证一致 · C1.19.5 光标形状的颜色与对比度需要在深色、浅色背景下都可辨识
  • 相邻D1 输出与反馈通道 · C1.01 指点设备的类型与特性
  • 站内检索cursor · affordance · pointer

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/C1.19.1