以图床为例,介绍如何做一款产品

作为 PM,经常要用 markdown 写文档,无论是 mou 等常见的 markdown 客户端,还是公司用的 gitlab 平台,插入图片都是一件麻烦事,需要截图、保存到本地,然后上传到网上的相册,拿到图片 url 后再贴到编辑器里,非常繁琐。

我决定设计一个产品来解决这个“痛点”:用户截图后直接 Control + V,图片自动上传并返回链接。目标用户是经常和 markdown 打交道的 PM、测试、以及工程师。

1. 用户调研

为了确认这个需求不是我拍脑袋想出来的伪需求,实际调研了 4 个人,反馈比较集中,在他们的工作中确实存在和我类似的烦恼:markdown、邮件中贴图太麻烦,一般都是截图保存后上传到微博、网易相册、QQ 空间这类地方,然后右键复制图片的链接地址,很多相册服务还封杀了外链,前几天还好好的,后面再查看图片就显示为盗链的提示图片了。

由此看来,快捷地传图获取链接,并保证图片外链的稳定,对于 PM、测试以及工程师,确实是个常见的需求。

2. 竞品研究

Gimhoy图床

百度直接搜索 “图床”,第一条结果是 Gimhoy 图床,界面如下:

Gimhoy图床

Gimhoy图床

围脖是个好图床

在论坛上看到有人发的一个小工具,看起来用的人挺多

围脖是个好图床

围脖是个好图床

其他竞品基本都收费或者操作繁琐,不再详细赘述,有兴趣的可以去研究,以下是这两个竞品的对比:

Gimhoy图床

围脖是个好图床

上传方式

1. 选择文件 2. 远程上传 3. 粘贴文件 4. 拖动文件到浏览器上传

1. 粘贴文件 2. 拖动文件到浏览器上传

存储方式

微博

微博

类型

网站

浏览器插件

优点

上传方式多样

界面简洁

缺点

1. 广告太多 2. 依赖微博,外链可能被封

1. 上传方式单一 2. 依赖微博,外链可能被封

3. 产品设计

既然自己做,必然要避开竞争对手的缺点,同时发扬他们的优点,尽量自己做一些创新,第一版原型长这样:

初始界面

初始界面

上传图片后

上传图片后

足够简洁,没有任何冗余的东西。

4. 开发&测试

在开发过程中,涉及到和同事的合作,使用 Trello 来管理需求和计划

Trello 任务板

Trello 任务板

为了保证外链的稳定,采用了七牛作为第三方存储,按需计费,注册用户拥有 10G 的免费流量。

在开发过程中,使用了 Google Analytics 进行网站数据监测,对不同的上传方式也进行了埋点,以判断哪种上传方式更受欢迎。

测试也由我本人完成,设计测试用例、将所有流程都走一遍。前面文章有提到《合格的产品经理都是好测试》。

5. 线上运营 & 数据分析

产品发布后首先是邀请公司同事试用,然后发到了 v2ex 论坛,暂时没有做其他推广。就上传方式来讲,以下是某半天 Google Analytics 的统计:

统计数据

统计数据

这里的事件总数是上传的次数,平均价值是平均每次上传的图片数,数据说话,直接粘贴上传的方式比较受欢迎。

6. 产品迭代

  • 在前期版本的试用中,有很多人反馈,如果直接刷新页面,上传过的图片就再也看不到了,于是在导航栏又增加了 “我上传的” 页面,用来展示之前上传过的图。
  • 为了防止图片空间被滥用,新增了自定义设置七牛空间的功能,这样自己的图片自己完全拥有,针对高端用户。
  • 为了尽量使图片的上传速度足够快,使用了阿里云国内的服务器,申请了独立的域名:http://yotuku.cn/

以上就是一个产品从 idea 阶段到正式发布的全过程。当然,产品发布也是新的开始,需要接受用户的洗礼,需要不断地迭代、更新。

不知道读者有没有发现前文中漏掉的非常重要的一点:这个产品如何赚钱?对于任何一家公司来说,赚钱都非常重要,只有拥有健康、成熟的商业模式,产品才可持续。如果是一个公司计划开发一个新产品,则需要考虑公司战略,商业价值等更多因素,在此就不详细阐述。