做了快捷键 Ctrl + V 粘贴截图上传功能,但是没有用户使用
我一个月前开发 Image2 这个 AI 图片生成器的上传图片功能时,发现上传截图比较麻烦,需要先把图片保存到本地,然后再点上传按钮选择图片,再上传。
我想如果能直接粘贴上传图片,那不是省事多了吗?
于是说干就干,当天就写好了代码,支持 Ctrl + V 直接粘贴截图上传,测试没问题就上线了。我自己已经愉快的使用了一个多月,昨天给一个用户推荐这个功能时,她说:“啊?居然还有这么厉害的功能?我都不知道!”
于是我截了个图(见下图),想教她怎么使用,发现居然没有任何提示,难怪她不知道怎么使用了。
没有快捷键提示的于是我开始反省,发现这是一个很典型的问题:在开发者眼里,"能用"就等于"做完了",但是从用户的角度里,看不见的功能等于不存在。一个隐藏的快捷键,再顺手再好用也只是开发团队内部的彩蛋。
于是问题从“实现方便的粘贴图片”变成了另一个更有意思的题目:怎么让一个隐藏快捷键被用户发现?
我最终用了三个方法,而不是单一的方法:
方法一:常驻文字提示。
在上传占位框里,“Upload / 最大 10MB” 下面加一行灰字:"或按 Ctrl+V 粘贴",对用户永远可见,零学习成本。
方法二:加一个显式的粘贴图标按钮。
光有文字提示的话,不会使用快捷键的人还是不会用。所以我加了一个“从剪贴板粘贴图片”的按钮,把隐性快捷键变成一个看得见、可点击的图标按钮,能被用户直接看到并点击。
方法三:全局粘贴 + 成功反馈。
真实场景是:用户刚截完图 → 切回页面 → 直接 Ctrl+V。
粘贴成功会弹一个“已粘贴图片 ✓” 的提示,告诉用户这里也能粘贴。
三个方法都是必需的,可以互相兜底:懂快捷键的直接按按快捷键,不懂快捷键的看到按钮点按钮;都没注意到的可以在文字提示里被提醒。
以下是修改后的功能截图:
加了提示语的截图作为开发者来说,如果你在做任何带"快捷操作"的产品,不妨自问一句:这个新功能,如果给一个从没看过文档的新用户使用,他能自己发现吗?
如果答案是否定的,那它可能还没真正"上线",请再多补充一些提示吧!
