【开发者常犯的一个错】没有一个用户能发现我做的很好用的 Ctrl + V 粘贴截图上传功能

我一个月前使用 Image2 这个 AI 图片生成工具上传图片时,发现要把截图上传还挺麻烦的,我需要把截取的图先保存到本地,然后再上传已经保存到本地的图片,有点折腾。

我在想:如果能直接粘贴就上传图片,那不是方便省事很多了吗?

于是说干就干,当天就写好了代码,支持 Ctrl + V 直接粘贴截图上传,测试没问题就上线了。

我自己已经愉快的使用了一个多月,我以为会有很多用户也在跟我一起愉快的使用到了这个功能。

直到前几天给一个用户推荐这个功能时,她说:"啊?居然还有这么厉害的功能?我都不知道!"

于是我截了个图(见下图),想教她怎么使用,发现居然没有任何一处提示,难怪她不知道怎么使用了。

于是我开始自我反思,发现这是一个很典型的问题:在开发者眼里,"能用"就等于"做完了",但是从用户的角度里,看不见的功能等于不存在。一个隐藏的快捷键,再顺手再好用也只是开发团队内部的彩蛋。

于是问题从"实现方便的粘贴图片"变成了另一个更有意思的题目:怎么让一个隐藏快捷键被用户发现?

我最终修改了三处来解决这个问题:

一、常驻文字提示。

在上传占位框里,"Upload / 最大 10MB" 下面加一行灰字:"或按 Ctrl+V 粘贴",对用户永远可见,零学习成本。

二、加一个显式的粘贴图标按钮。

光有文字提示的话,不会使用快捷键的人还是不会用。所以我加了一个"从剪贴板粘贴图片"的按钮,把隐性快捷键变成一个看得见、可点击的图标按钮,能被用户直接看到并点击。

三、全局粘贴 + 成功反馈。

真实场景是:用户刚截完图 → 切回页面 → 直接 Ctrl+V。

粘贴成功会弹一个"已粘贴图片 ✓" 的提示,告诉用户这里也能粘贴。

三个都是必需的,可以互相兜底:懂快捷键的直接按按快捷键,不懂快捷键的看到按钮点按钮;都没注意到的可以在文字提示里被提醒。(以下是修改后的功能截图:)

作为开发者,如果你在做任何带"快捷操作"的产品功能,可以先问一下自己:这个新功能,如果给一个从没看过文档的新用户使用,他能自己发现吗? 如果答案是否定的,那它可能还没真正"上线",请再多补充一些提示。

相关推荐
2601_962284174 天前
欧洲转码指南:后端、前端与全栈开发解析
前端开发·devops·后端开发·全栈开发·欧洲转码指南
醉颜凉4 天前
React触摸事件全解析:掌握移动端交互开发的核心秘籍
react·前端开发·触摸事件·移动端交互·react事件
2601_962097564 天前
UI图片转(代码+切图)Skill
前端开发·技能开发·ui图片转代码·设计层级·视觉验收
2601_962284174 天前
从前端到AI全栈:技术演进中的AI赋能革命
需求分析·前端开发·智能测试·ai全栈·技术演进
滨哥GPT7 天前
Codex改完代码为什么保存后页面还是不生效?热更新、文件监听与开发服务器排查
前端开发·热更新·开发调试·codex·hmr
2601_9620779810 天前
阿里二面,前端开发在web3.0中该如何应用,记录面经
区块链·前端开发·web3.0·技术趋势·学习准备
李游Leo13 天前
Node.js 开发环境安装与 npm/pnpm 国内镜像配置(Windows / macOS / Linux)
npm·node.js·pnpm·前端开发·开发环境
贝格前端工场14 天前
AI在生产制造企业的六大成熟落地场景(可量产、可验收、非噱头)
大数据·ui·前端开发
jinggongszh1 个月前
MES\WMS软件前端开发工程师:与AI协同前行,解锁前端开发新范式
人工智能·前端开发·开发工程师·制造业转型
大千UI工场1 个月前
时序数据库对数字孪生的作用
数据库·ui·时序数据库·前端开发·b端管理系统