产品经理做任何事情都有个规范,很多时候我们会接到一个新需求,让做某某产品,然后很多人上来就是画原型。这是非常不好的习惯。
下面我以一款拍照翻译APP为例谈一谈如何进行产品设计。
接到需求:我们要做一个拍照翻译app
与领导沟通后确定:拍的文字为长段落文字,另外还有一个自动识别物体名称的功能
Step 1. 业务流程
用户场景
场景一
阅读外文书籍发现某段话难以理解,使用翻译软件拍照翻译
场景二
身边的某个物体希望知道其外文名,拍照进行查看
流程图
整体来看是一个较为简单的业务流程,其中的诸多逻辑在第一步不必涉及。
接下来准备画原型,注意是准备,而不是画。
Step 2. 确定页面以及功能点
按照刚刚的业务流程,可以确定
拍照页面
处理照片页面
识别结果页面
此外还有设置页面(所有app都有的)。
然后列一张表
页面功能
1.拍照页面拍照、闪光灯、相册
2.处理照片页面框选、选择功能(翻译文字还是物体)、剪裁
3.识别结果页面展示、复制文字、编辑文字
4.设置反馈、版本介绍、各种协议、高级版本
Step 3. 功能/页面结构图
由于拍照翻译这个app的页面结构过于简单,这里我放一个之前做过的另外一个app的结构图用以参考:
Step 4. 原型输出
我的原型是习惯于只画框架,一个低配版本的线框图就可以了,具体的看公司要求,有一些公司要求高清的,利用axure直接将跳转逻辑、弹窗什么的都画出来。这边放一下最初版作为参考:
首页
拍照完成
编辑图片
识别结果
收费弹窗
历史记录
设置
原型地址:https://modao.cc/app/HmNXZzIlzidmovkCQ4jxjfotvUWDGmu
如此不遗余力的给墨刀打广告,也不给我点广告费呵呵呵…
Step 5. 确定需求/功能点
上面所做的那些,都是我们根据『拍一段文字进行翻译,识别物体名称』这两个功能来做的。因此之后还需要与领导、开发确认下,哪些功能第一版可以不上。
最后确定的是:编辑图片与历史记录这两个功能先不上,只上最精简的。
Step 6. 设计师画图
下面就是设计师画图的部分了,5和6的顺序可以颠倒,没有关系,即使现在不上那个功能,之后再上的话,图也用得上。
这个部分不用多说,把原型提供给设计师,然后让他按照感觉来一份,接下来就是无休止的修改了…
项目跟进
基本上设计师图画好了之后就是开发部分,但是开发人员可能会很忙,因此必须协调好开始时间、结束时间、前端/后端负责人等。
验收上线
测试和产品在开发结束后进行产品的验收,bug啊功能逻辑啊什么的测一测,按时完成验收准备上线。
上线的话,有的是交给运营,有的是产品自己来。安卓的各大市场,苹果的APP store。各种审核规则、排名规则。
上线是一门大学问。实际上我们的工作从产品上线才刚刚开始哈哈哈。