利好产品同学:AI应用一键部署到微信小程序?

文摘   科技   2025-01-20 08:20   河南  

在传统互联网普遍面临逆周期的当下,AI的向上生长却从未停歇,甚至姿态更加孤傲、更加上扬。

2024年12月21日,OpenAI 发布了下一代推理模型o3,这被称作是AI能力的一次令人惊讶且意义重大的跃升,展现了GPT系列模型前所未有的新任务适应能力。

图-⬆️ OpenAI 发布下一代推理模型o3

瞬间,观众老爷们被网上各类媒体文章、评测数据刷屏。

坏消息是,由于众所周知的原因,Open AI的ChatGPT在国内市场存在着不小的体验门槛,或许很多同学因此也对o3模型的感知并不深刻——仅仅对着参数在心里模拟画面,远没有实际在工作中体验来的真实、震撼

好消息是,国内AI市场同样你追我赶、争前恐后,不舍昼夜。

比如,近期字节在「Force 大会」上正式发布了豆包视觉理解模型,这为企业提供极具性价比的多模态大模型能力,我在产品群里也分享了视频,不少同学都惊叹字节AI能力的进化速度之快!

图-⬆️ 字节豆包大模型正式发布

在我看来,这既是AI时代的新符号,也是产品同学的新号角——如果非说AI带来产品同学的福报,「技术门槛渐隐、创意极速落地」或许是最直观的抽象表达。

比如,扣子近期重磅上线的Project IDE,搭载了UI Builder更灵活可控的数据读写、图像流能力升级,可以搭建具有完整前后端的AI应用、还可以发布到微信小程序、抖音小程序

当然,很多群里的朋友都知道,镜同学也是扣子开发者,我第一时间体验了AI应用之后,最大的感受就是扣子平台的无限潜力以及产品同学的新机遇。

因此,本文结合我的实践,分享两点产品思考,希望能给你带来启发和参考。

1、美且高效:丰富UI组件,高效搭建AI应用生态

首先,这次扣子重磅上线了Project IDE,可以实现开发和发布拥有完整前后端的AI应用,要知道过去大多AI平台都只支持对话式交互,对智能体、AI 应用的开发支撑能力非常有限。

不仅如此,扣子这次还对AI应用做了升级拓展,即包括桌面端,也包括移动端(小程序和H5)。

其次,在「美即正义」的颜值时代,遵循用户的朴素需求是设计者的应有常识。

向来擅长洞察用户需求的扣子可谓深谙其理,这次重磅上线的Project IDE,特别搭载了UI Builder,拥有丰富的UI组件,开发者更容易开发出「」的应用,从而留住用户。

再者,在应用搭建方面,通过拖拽组件的方式如同搭积木,如果在配合应用商店的模板,那效率直接爽爆了,说实话,镜同学开发应用时,明显感觉到省心省力、效率倍增。

「美」与「效率」在以往被看做互斥的两面,但扣子用「丰富组件」、「应用模板」、「拖拽交互」等能力使得两者相互融合、相得益彰

2、高效创作:AI应用快速搭建、一键发布至小程序

说实话,在我看到扣子更新了AI应用功能之后,我便迫不及待地开始搭建自己的AI应用,连着几天做了好几个AI应用,感觉真的是很高效,强到飞起。

图-⬆️ 镜同学自己搭建的AI应用

接下来,为了让大家能有更直观的感受和体验感,镜同学就以「产品视角解析文章」这个项目为例,复盘下利用扣子搭建AI应用的全过程——只不过,这次的应用开发由我通过扣子零代码、可视化所实现,开发过程不过两个小时

在我看来,产品0-1的关键就是设计应当遵循的主逻辑:需求分析、产品设计、应用开发

首先,关于需求分析,大家都很熟悉,镜同学不再赘述,但在这里只分享一点:「尝试创造新产品,以期望满足在实验室里推演的用户需求」远不如「基于已有的场景出发去挖掘需求、迭代功能」更靠谱

比如,镜同学每天都会获取大量的信息,很多都是优质的输入源,我特别希望能从产品角度做一些解读分析,这样既是设计启发,也能复制到flomo笔记作为知识资产。

你看,这就是实打实的基于场景的分析。

其次,扣子使得常规的创意设计与应用开发合而为一,极大的提高了开发效率、降低了开发成本,尤其是当我们应用拖拽式的方式来构建脑海中的应用时,这既是传统原型设计的镜像,也是新应用的敏捷开发。

简单来说,扣子开发流程可以分为以下几个步骤:

①搭建AI应用

首先的话,我们需要登录扣子平台:https://www.coze.cn/ ,当然,这里还是要夸一句扣子,原先基础版和专业版账号不通用,经开发者反馈,扣子很快进行了账号合并,虽然这并非易事,但难得可贵的是视用户需求无小事。

登录之后,在页面左侧菜单栏可以看到“工作空间”功能区按钮,点击后进入工作空间,而后在「项目开发」页面,点击右上角的「创建」按钮,然后在弹出的页面,选择「创建应用」,我们可以创建空白应用。

图-⬆️ 使用扣子,新建AI应用

当然,我们也可以采用扣子官方模板进行快速创建,要知道扣子为开发者提供了丰富的模板。

当然,我一般会选择一个「空白应用」,而后根据需要输入应用名称「产品视角解析文章」、应用介绍,生成/上传应用图标(可以AI自动生成哦~),最后点确认按钮,便会直接进入到 AI 应用的集成开发环境:Project IDE,之后便可以0代码开发应用了。

②编排业务逻辑

创建完应用之后,紧接着就需要对业务逻辑进行编排,这里需要注意的是,每个应用必须绑定一个工作流,所以,我们需要在左侧菜单栏里找到「工作流」,点击「+」按钮,可以新建工作流或者导入资源库里的工作流。

由于镜同学在资源库里已有工作流,这里可以直接选择库里的「产品视角解析文章」的工作流使用。

事实上,我这个工作流也不复杂,首先会对输入信息进行识别,看输入的是网址URL链接,还是长文本(这是基于场景,因为我平时使用时有时是网址链接,有时是长文本),而后利用大模型从产品视角进行解读分析,最后输出分析的内容和文字字数。

③设计界面

搞定了后端逻辑之后,我们就可以着手进行前端界面的搭建了,这里其实也同样很简单,因为只需要利用扣子最新发布的 UI Builder 能力,无需复杂指令即可通过「搭积木」的方式实现直观的界面交互设计。

最后再通过前端页面的组件事件来调用后端工作流,这一整套前后端的 AI 应用就能跑通了。

比如,我这个页面可以很简单,只需要配置用户是输入的文本框,点击按钮后就可以在输出界面进行内容显示了。

这里镜同学想从产品角度啰嗦一句,也是最近在重复唐纳德·诺曼《设计心理学》的启发,即,好的体验一定要注重用户反馈,一开始按钮点击后我没有设置提示信息,发现不知道是否已点击,之后便赶紧加上了toast提示和按下后禁用的反馈。

以下是我简单的界面设计:

④试运行

设计完成之后,就需要预览和调试,其实,扣子的开发逻辑很便捷,通过试运行很容易就能调试到正确的逻辑,这里以绑定事件为例:

起初,我在提交按钮时,绑定的事件是调用「产品视角分析」的工作流(PM_shijiao_jiexi),并且在代码输出框里显示输出的文本信息,但是试运行时报错。

根据提示信息,很快就看到调用的变量值不对,选择了对象data(object),实际应该选择data下层的output(string),你看,这就是通过预览试运行调试的效果。

⑤正式发布

完成应用测试后,点击右上角的「发布」按钮,我们就可以将 AI 应用发布到商店或模板,或发布成 API 服务与其他应用集成。

在「发布」页面,输入版本号和发布描述,然后选择发布平台,这里尤其要点赞的是,扣子可以一键托管发布小程序,包括微信小程序和抖音小程序

当然,你也可以选择发布到扣子商店,最后单击页面上的发布按钮,完成应用发布之后,我们就可以从商店搜索发布的应用进行使用了,当然,好的应用扣子也会推荐的。

图-⬆️ 第1步,选择发布到小程序

图-⬆️ 第2步,配置AppID,可参考扣子官方文档

图-⬆️ 第3步,登录小程序,找到AppID,复制

图-⬆️ 第4步,输入AppID,点击保存按钮

图-⬆️ 第5步,公众号授权后即可由扣子托管发布

图-⬆️ 第6步,授权成功后,即可一键托管发布为小程序

成功发布至微信小程序后即可使用微信体验,你看,是不是非常的便捷,产品的开发门槛扣子都能替你搞定,你只需要专注于创意设计即可,当然,如果需要解绑小程序,还可以一键解绑,是不是很方便持续开发?

图-⬆️ 可以解绑小程序,方便持续多个应用开发

好了,以上就是镜同学扣子开发的复盘过程,大家是不是也觉得很简单呢。

附,下面是镜同学用扣子做的小程序,大家也可以体验下

另外,我看到群里不少人说,扣子的AI策略火力很猛,其实这很好理解,因为通常来讲,产品策略通常可以分为防御性和进攻性,而新技术密集催生新产品的群魔乱舞周期中,无论如何选择,都应该是进攻主导性的策略

这个逻辑用来形容时下狂热的AI市场尤为贴切。

当然,另一方面,任何新市场都会经历城头变换大王旗的过程,如果扣子能保持当下的状态,我们有足够理由相信,新一代AI应用开发平台的扛旗人很可能会是扣子,毕竟过程决定结果,不妨拭目以待。

另外,感兴趣的同学也可以关注下方扣子官微,随时了解最新情况和AI趋势。


但是,不管如何,作为产品经理,扣子显然将AI产品的开发门槛降到最低,这也使得我们的创意更容易实现,这也是我们的新机会,或许,是时候注册成为扣子开发者了。(点击「阅读原文」可直达扣子官网体验哦

这次,希望你我都能抓住。

产品大峡谷
七年产品总监丨等你集合打团
 最新文章