Accessbility

无 CMD 或 Ctrl 快捷键

Vercel 使用单键快捷键,如 F 代表查找,摒弃了标准的 Cmd+F。这一小变化将界面从网页转变为高效的指挥中心,优先考虑速度和流畅性,满足重视毫秒级改进的高级用户。

标准键盘快捷键使用修饰键(Cmd、Ctrl、Alt)加一个键。但在合适的上下文中,去掉修饰键可以将界面转变为高效的工具。Vercel 的仪表板在这方面做得非常出色——按下 F,查找菜单立即打开。无需手指的复杂操作。

这不是一个错误或破坏常规的做法。这是关于 Vercel 是什么样工具的一个深思熟虑的选择。

为什么这个细节引起共鸣?

  • 无摩擦的速度:每次按下修饰键都是一个微小的决策和身体上的障碍。去掉它可以节省毫秒,这些毫秒累积成一种轻松流畅的感觉,适用于重复的操作。这就像走到灯开关前和直接说“开灯”之间的区别。
  • 上下文感知输入:这个模式之所以有效,是因为界面的主要模式不是文本创作。在 Google 文档中,按下 F 应该输入字母“F”。但在像 Vercel 这样的仪表板上,应用程序正确地假设你的意图是命令,而不是创作。界面被视为命令行,而不是文档。
  • 奖励精通:单键快捷键创造了一种“专业用户”的互动层次。它让用户感到强大和流畅,就像他们在使用为他们量身定制的专业工具。这是对其开发者受众的终端本土文化的微妙致敬。

何时将类似细节引入你的产品?

  • 在非创作视图中:在仪表板、列表视图或画布中使用此功能,用户在其中导航、管理或操作内容,而不是编写内容。收件箱视图是一个完美的候选者;而撰写窗口则不是。
  • 针对高频操作:将单键快捷键保留给最常见的操作,以最大化其影响。考虑导航(J/K)、创建(C)或搜索(F,/)。
  • 当你的受众重视速度时:你的产品是否是一个专业工具,其中效率是价值主张的核心部分?如果是这样,你的用户会欣赏并学习这些快捷键。始终提供一种发现它们的方法,比如通过 ? 触发的命令面板或帮助菜单。

有哪些产品共享类似细节?

  • Linear:这一模式的典范。C 创建一个问题,F 打开命令菜单,G 然后 I 导航到收件箱。整个应用程序可以在不触摸鼠标或修饰键的情况下进行导航。
  • Figma:上下文的典范。在画布中,单键选择工具(V 代表移动,P 代表钢笔)。但一旦你在编辑文本图层,这些相同的键会正确输入字母。
Rene WangRene Wang·

继续探索

照片中的货币识别

轻点照片中的任何金额即可转换为本地货币

Micro-interactionUtilitySmartContextualFeedbackEfficiency
We Regulary Update this List

You can get notified by subscribing to our biweekly newsletter. No ads, no spam, just new content.

无指针光标

Linear 应用在链接上未显示鼠标光标指针。

Cursor

移动表情符号

每当你将鼠标悬停在表情符号按钮上时,你正在移动它的图标。

微交互
检查用户内容中的潜在问题 - 媒体 1

检查用户内容中的潜在问题

Resend 在发送广播之前主动扫描电子邮件内容以查找退订链接,如果缺失则警告用户。这个小型的自动化“预飞检查”可以防止代价高昂的错误,保护发件人的声誉,并通过充当智能保护措施来建立信任。

Mechanism
Profile banner
Detail

Detail

@detaildotdesign

about.x.bio

10+about.x.exclusiveContent
160+about.x.followers