← 回到作品库

关卡复盘 · 08 · i订阅

i订阅:把会员续费做成一叠卡片

我跟 AI 说:做出这个世界上最棒的订阅管理 App。两个 AI 各做一版让我对比,一版先出 5 个设计方案,另一版直接写安卓原生。最后留下来的是这张钱包卡片。

第 1 关起点是什么

先从一个具体到有点琐碎的问题开始。

视频会员、云盘、AI 工具、联名年卡,每个月从好几个地方扣钱,哪天扣、扣多少、什么时候到期,脑子里根本记不住。

第 2 关一开始想做什么

第一版通常比最后留下来的大很多。

第一版首页是一个圆环,周围一圈 App 图标。装上以后我玩了半天也没搞懂这个环是什么逻辑。

第 3 关中间卡在哪

这里不包装成成功故事。

改成苹果钱包那样的卡片以后,又卡在手感上:一开始卡片太「duangduang」了,一点不像卡片;拖着往下删的时候卡片不在最上层;拖第一张卡,下面露出来的是 B,一松手又变成 C。这些都是用了才发现的。

第 4 关需求怎么跟 AI 描述

从一句愿望,改成一个可以观察的瞬间。

我不再说「交互一级棒」,而是一条条说具体动作:卡片左右滑、能展开;丢进垃圾桶时卡片颤一下、手机震一下;果冻效果再弱一点,像真的卡;第一次安装要有新手引导,示例数据要标明是示例;点加号是传统录入,长按加号说一句话就能记。后来又加了一条:上传一张扣费截图,自动认出到期日和金额,卡片上金额最重要。

第 5 关丢掉的装备 · 砍掉了什么

删掉的功能,也应该算进过程。

没有做账号和云同步,数据只在手机里。联名会员(比如京东和腾讯视频的联合会员)算一张卡、两个到期日。

花的时间两天,改了 11 版
花的钱AI 识别全站每天限 200 次,不需要自己的 Key

第 6 关现在长什么样

能用,但还没到可以交卷。

现在可以一张张翻自己的订阅,看每月、每年、每天一共花多少;说一句话或者丢一张截图就能录入,不想要的卡片直接拖进垃圾桶。AI 识别走网站的统一接口,全站每天限 200 次,用完了就手动填。

过程里记下的便签

对比

两个 AI 各做一版

一版先让 Codex 出 5 个设计方案(液态玻璃、钱包卡片、雷达、圆环、时间轴),我挑了「流光」;另一版不出方案、直接写安卓原生,就是现在这个 i订阅。两版放在一起看,差别比任何描述都清楚。

原话

「卡片有点太 duangduang 了」

动效不是越多越好。我要的是像一张真的卡:轻微回弹就够了,只有丢进垃圾桶那一下可以颤得明显一点。

边界

Key 不进安装包

识别要调模型,但模型的 Key 只放在服务器上,App 只认一个口令。安装包放出来以后,又给接口加了每天的总次数上限。

复盘通关。

读到这里,就会在护照上盖一个章

这就是它从一个念头变成能打开的东西的全过程。想自己试试,最快的办法是先把问题说清楚。

下载安卓版(APK) ↓拿几张提示词卡 →