【More-than-Coding】用SOLO快速生成产品APP样例

一、摘要

我是一名在校学生实习产品经理,我本身没有很强的代码、UI设计功底,用TRAE SOLO让我可以快速生成一个APP样例,直观表达我想要的功能,最近用SOLO解决公司新产品配套APP的需求,快速生成了样例,并细节优化各部分功能,直观展现了我所有想要的功能需求。

二、背景

我是一名初创公司的实习产品经理,由于公司人员较少,产品经历需要负责软硬件所有功能设计的工作,因此在工作中时常遇到表达方式颗粒度不对齐,我想要的产品形式和技术做出来的结果天差地别,技术听不懂我的细节描述,尤其APP功能复杂度上升,更是会出现严重的问题,交流成了最大的难题,现在希望能够应用TRAE SOLO,生成样例,减少交流成本,同时也可以在我工作的同时,直观预览结果,提现应对可能出现的问题并加以处理。

三、实践过程

首先,我让TRAE SOLO帮我进行了APP框架的搭建,搭建好框架后再一步一步完善功能。首先,一个APP需要登录与注册界面,以及需要告诉TRAE主页包含什么信息内容,那么,登录与注册界面是大同小异的,因此只需要和TRAE讲,需要一个登录页面在我的APP主页前即可,同时我的主页需要包含三个模块(主要功能模块、论坛模块、个人主页模块),然后给TRAE描述了每一个模块的具体功能及内容即拆解好了任务,最后的工作就是根据TRAE搭建出来的框架,定向选择并修改完善功能了。

我用了TRAE “选择元素模式”功能、浏览器预览、build功能。我先是进行APP主页描述,随后逐渐完善,由于APP尚未公布,涉及一定机密,此处仅展示部分prompt,“进入预览”、“添加语言系统,增加语言选择English”、“后两个元素分别变为’设备数量‘、’曲线数量‘,其中曲线数量对应着的是本地曲线库中的曲线数量,点击后也可以进行曲线库编辑,点击第一个元素’累计冲煮’,跳转近期冲煮记录界面,点击’设备数量‘跳转‘设备设置’界面”、“给设备管理点击进去后增加一个界面,选择设备,这个界面下,可以添加各种设备,我们后面要把APP做成一个生态,不仅连接智能咖啡秤,还会连接‘氮气机’、‘咖啡机’、‘萃取壶’等,这样的话,整个界面的UI你就要重新做了,包括 div 这一部分,变成如果有多台设备连接,就显示多台设备,如果没有设备连接,就直接显示设备待连接,跳转连接设备界面,选择设备类型,’氮气机‘、’咖啡机‘、’萃取壶‘、‘智能咖啡秤’,点击一个设备类型后,跳转蓝牙连接搜索,搜索到了之后,要求输入密钥,然后连接成功”等。

中间踩过一些坑,望大家避雷!!!首先就是,在整体框架搭建完善并进行了一定的功能填充后,再次修改框架中的东西的时候,可能会出现紊乱或者报错的情况,这种情况下需要修复bug或者返回到更改前,其次就是,有的时候描述不清晰会出现意想不到的差错,中间我需要去更改一个特效的表现形式,不过由于选中的元素不正确加上描述可能有问题,导致结果页面变化巨大,最后就是,可能有些问题描述后,AI并不能很好的理解,例如我中间有想将发帖部分的冲煮方案模块与咖啡秤细致功能中的冲煮方案模块进行关联,跳转到相同页面,但是,AI并不能很好的理解,导致最后关联有问题,不过产品经理的工作就是描述产品功能,并不负责具体的开发工作,因此,这样的问题不影响最后的效果,各位同行仅需在PRD中,描述功能之时,讲清楚此处与哪里关联即可!

四、成果展示

GITHUB:https://github.com/Allen-Chen-coder/Coffee-Brewing-App.git

主要是针对咖啡秤产品的配套APP以及社区建立。

五、效果与总结

原本的沟通工作可能需要一个月甚至更久,需要技术出了结果后,我去查看结果,再沟通修改,严重影响工作效率,现在可以直接利用ai工具,生成样例,快捷沟通,SOLO在我的流程中起到了一个预览的作用,像是我们产品经理和技术部门的粘合剂,让我们更好地进行工作对接。