第一款应用,
把全栈开发的各个环节都摸了个遍,
接下来就可以轻车熟路的开发
第二款app啦~
在2.25号我开始构思产品原型。
出发点是要做一套[设计师工具],
系列第一款题材选择了“色彩”。
希望可以创作出不一样的工具型APP。
到目前为止,我已经完成了核心的功能,开发过程中听取了部分用户的反馈。今天抽空把开发过程中的经验总结分享下:
1、产品原型一定是这个产品的最核心玩法,可以参考最小可行性产品的做法。
切记不要一开始堆得满满、看是很完善的功能,比如一些用户注册登录、点赞之类的这种次要功能。
这张是我这款app最核心的玩法,选取一张照片,自动分析出色彩。这个过程,我探讨了各种实现方案,由于开发用的是react native,我一开始考虑的是用一个webview来解析image的像素,用的是canvas元素,后来放弃了,因为选取照片用的是原生的方法,从相册或者摄像机选照片,然后如果传到webview里处理,还要从webview里把处理的信息传出来,而且涉及到像素的遍历,很耗性能。果断放弃这一做法了。
通过研究,还是采用了写Objective-C的代码,来实现image的像素解析,遍历,归纳主要色彩。写了个模块,通过RCTBridgeModule协议实现。
2、快速迭代,完善最小产品。
技术上没问题后,我搞了个不完善的demo找了几位设计师朋友,帮我试玩了下,得到不少反馈,包括色彩的rgb跟16进制、色彩的比例、色彩的准确性等等。我都记下来,在后续的迭代中逐步考虑。下面是一些产品设计的进展。
迭代过程中,我调整了用户体验的细节。比如页面的跳转逻辑、步骤拆分、合并、提示、反馈等等。
右上方这个是给用户一个反馈,提示正在处理图片,左上方是一个色彩库(这个功能我一只在完善,补充)。
上面是编辑功能,跟可另存为图片跟分享出去的卡片。
3、在快速迭代过程中,准确定位产品。
一开始想清楚产品的定位是很难的,时间也太长了,我采取的是在最小产品迭代过程中,逐步思考,
最后我把产品定义为
“采色”-“灵感”。
一个工具型+灵感库的app。
左上方是灵感库,右上方是此版本app的定位。
4、丰富功能,增强体验。
这个过程我主要是探索了一些好玩的形式,融合进来。
增加了一个色彩配比的功能。借鉴了蒙德里安的名画,把色彩的比例融进这个画里。用户也可以用这个功能创作一些蒙德里安的“变种”?~
上面是一个东方色彩库,收集了日本跟中国的传统色彩,点击屏幕可以体验色彩透明度的变化,摇一摇可以随机出现其他色彩。
(我管这个叫“灵感”)。
以上4点是这阵子的感悟。
我会继续丰富功能,探索、增加好玩的功能。
也欢迎有兴趣的apple用户来试用啊~~
微信留言。