档案库 · 产品创意 · 产品决策 · 2010
DropMocks：一个Chrome设计师周末黑客作品，通过HTML5拖放分享图片集
Chrome UI设计师Glen Murphy周末构建了DropMocks：将图片拖到页面上即可获得可分享的图库——发布时在Hacker News获得241分。
DropMocks
当时的题目
In 2010, sharing sets of images with other designers meant exporting files, uploading them, building a gallery and sending links. Chrome UI designer Glen Murphy wanted one gesture, powered by the browser's new drag-and-drop file support.
它是怎么成立的
2010年，设计师分享样稿需要导出文件、上传到某处、构建小图库并发送链接——步骤之多，以至于设计工作室创造了变通方案。Google Chrome的UI设计师Glen Murphy想要用一个手势、借助浏览器的新拖放文件支持来与其他设计师分享图片集。
他用一个周末在Python App Engine后端上构建了DropMocks：访问页面，将图片拖到上面，File和FileReader API将它们变成带可分享链接的、支持键盘导航的图库。无需账户、无需上传按钮、无需Flash。
他将此作为'Review my weekend HTML5 project'发布到Hacker News。设计师们用自己的图片测试，工作室称其接近展示客户样稿的完美工具，数人表示会为附加功能付费。
该帖子获得241分和106条评论；作者在GitHub上开源了代码，并实施了评论者建议的特性检测修复。
妙在哪
- 这个想法消除了从'我有图片'到'给你链接'之间的每步：无需账户、无需上传按钮、无需Flash。
- 将其范围限定为一个周末的、单个神奇手势，使演示可实现，概念立即可理解。
- 在Hacker News上发布让原型直接面对目标用户设计师，他们的反馈设定了路线图。
- 开源代码让其他开发者能复用拖放模式，而不是等待产品成长。
做出来什么
Posted to Hacker News as a weekend project, it drew 241 points and 106 comments; design studios called it close to the perfect tool for showing client comps, several users offered to pay, and the code was open-sourced during the thread.
可以借走的
一个精巧且范围明确的新平台能力演示可以胜过完整功能的产品：证明一个神奇的手势，发布它，让大众告诉你该添加什么。
后来
在发布帖中，Glen Murphy在GitHub上开源了DropMocks，用评论者建议的特性检测替换了浏览器嗅探，并收集了设计工作室的愿望清单：密码保护、版本管理、评论和更大的上传限制。该项目保持了作为HTML5拖放能力示范的周末规模——其时代替Flash上传器的手势化身——其发布帖和源代码至今公开。
资料来源
发现哪里写错了？告诉我们。
轮到你了
你刚读完一个点子。把你手上的题目说出来，看看谁接过同样的题。
免费账号 · 3 次免费提问 · 不用绑卡