制作与验收:用百度搭子做出第一版
装好工具,把勾选表和提示词交给它,逐个决定关键问题,做出能打开能操作的第一版,再照验收表亲手跑一遍。
这一节从填好的清单走到能用的工具。百度搭子负责界面、交互、技术方案和代码,你负责在每个岔路口拍板、在最后逐项验收。全程只做一件事:边做边讨论,不要一次把所有要求倒给它。
第 0 步 · 装好百度搭子
课上用的是百度搭子(DuMate),电脑端安装:
下载与登录:打开官网 dumate.cn,下载电脑端安装包,安装后用手机号登录。
准备材料:填好的三张清单、制作提示词、一份脱敏的示例输入,放在同一个文件夹里。
新建任务:上传清单和样例,再粘贴提示词,让它在同一个任务里连续做。中途换新任务会丢掉上下文。
讲师邀请码:KUC83CY
在客户端的「设置」里找到「邀请有礼」,点进「邀请码兑换」填写。兑换的资格与权益以活动页面说明为准,不是必须步骤,装好能正常新建任务就可以开始。
第 1 步 · 把清单和提示词交给它
清单是你写的需求,提示词负责说清它该怎么配合你。这段提示词课上会直接复制,全文如下:
我是一名专注于产品需求和用户体验的产品经理。请作为我的产品设计与开发伙伴,根据我填写的三张清单,做出第一版可运行、可验收的小工具。
我负责产品目标、需求取舍和最终验收;你负责 UI 界面设计、UX 使用体验设计、技术方案、代码实现和必要测试。请用日常语言说明选择对实际使用的影响。
先读取已勾选的选项和我实际填写的内容,未勾选选项、灰色提示文字、教学例子和占位图片都不属于我的需求。若读不到文件、勾选状态或图片,明确告诉我需要补充哪部分,不要猜测。
先用一句话复述目标,列出读到的产品形式、设备和输入输出方式,再推进能确定的工作。单选多勾、选择冲突或漏填时,不要猜测。选「让AI建议」时,结合核心任务推荐容易试用的方案并说明理由。
关键问题一次只问一个,给 2—3 个白话选项,推荐一个并说一句原因,等我回答后继续相关部分。已经说清楚的不要重复问。常规界面、交互和技术细节由你处理;会改变核心流程或范围的选择先问我。
界面应布局清楚、文字易读、样式一致,适配所选设备。使用流程应减少多余步骤,按需提供输入引导、处理进度、成功或错误提示及重试办法。有参考图时结合实际任务借鉴,没有时先给出简单清楚的方案。
需要账号、安装工具、外部服务或申请发布时,在相关步骤前说明要求。涉及额外费用、资料保存或传输、对外发布时,先让我决定。先做能试用的版本,未经确认不对外发布。
第一版只完成核心任务,额外功能留到以后。每次我作出重要选择后,更新对应清单,简短告诉我改了什么,再继续制作。
尽早给我一个能看到或能试的版本,说明在哪里打开、怎样操作。核心功能要真实可用,明确未完成和未验证的内容,不要用静态页面或模拟结果冒充可用功能。
带我用自己的例子检查功能结果、界面显示和操作流程,并补充本版必要检查。若例子或预期不够具体,先帮我变成能核对的内容。没有实际执行的检查保持「未测试」,不要提前写通过,也不要擅自替我勾选验收结果。现场要抓的那个点:先看它复述的目标对不对。它会把「读到的产品形式、设备、输入输出」列一遍——这一步错了,后面做得再快也是白做,赶紧纠正再继续。
第 2 步 · 关键问题逐个决定
它不会一口气做完,而是一个问题一个问题地问。这是设计,不是磨蹭。
比如它问:「签到表」和「活动签到表」算重复吗?
- A:保留两条,只去掉文字完全相同的条目
- B:合并相近内容,需要进一步说明判断规则
它建议 A,理由是第一版更容易核对。你同意,就回一句:
这版选 A,请更新清单并继续。
每次回答,都让它把决定写回清单。 一节课下来会有五六个这样的岔路口,全记在对话里容易前后矛盾,写回清单才有一致的依据。
第 3 步 · 照验收表跑一遍
第一版出来后,先别急着加功能。按下面六项,拿自己的例子逐条走:
| 检查项 | 看什么 |
|---|---|
| 核心结果 | 自己的例子结果是否符合预期 |
| 页面显示 | 所选设备上文字、按钮是否清楚 |
| 操作流程 | 能不能顺利完成核心任务 |
| 异常输入 | 没填、填错时提示是否明确 |
| 结果取用 | 复制、下载或保留功能是否可用 |
| 再次使用 | 换一份输入后结果是否正确更新 |
没实际点过的项目,保持「未测试」。 读代码不算通过,页面能打开也不算通过。
第 4 步 · 结果不对,这样改
反馈有两种,说清是哪一种,改起来才快。
页面想改——只说位置、样子、目的:
把【哪里】改成【什么样】,这样更方便【做什么】。
例如:把结果区字号放大,复制按钮放到结果右边,这样更容易看清并取用结果。
结果不对——只说输入、操作、预期、实际:
我输入【内容】,做了【操作】,预期【结果】,实际【现象】。
例如:输入「海报、签到表、海报」,点了整理,预期两行,实际仍是三行,请修复。
改完先重测这一条,再检查受影响的其他功能。顺手说一句「不要加别的功能」,能省掉一半返工。
第 5 步 · 真的用一次
工具做完,用它干一件真事——不是跑例子,是真的把那件麻烦事交给它办一次。
办完记三句:原来的麻烦解决了吗?还有哪一步要手动补?下一版最值得改哪一处?
这三句就是下一版的全部依据。第一版的价值不在功能多,在于你第一次有了一个可以持续改的东西。
三条红线,做的时候就得守:规则自己核对(去重、筛选、排序拿已知答案试)、材料先脱敏(账号、密钥、客户资料不进对话框也不进截图)、没测过写没测过(验收表里没跑的项目如实标「未测试」)。
产品教程