摆摊AI 产品实战手册

让第一版看起来可信

不追求华丽设计,先把层级、状态、证据和基本体验做可靠。

用户不会因为页面朴素就离开,但会因为看不懂、点不动、担心被骗、不知道结果来自哪里而离开。

第一版设计的目标不是"像大公司",而是让陌生人敢完成下一步。

可信不是设计问题,是信息问题。

一个朴素但把"这是什么、谁在做、结果从哪来、钱怎么算"都说清楚的页面,比一个精致但含糊的页面可信得多。

一屏只回答三个问题

  1. 这是什么?
  2. 它能帮谁完成什么?
  3. 我现在应该做什么?

主标题、说明和主要按钮应该能独立回答这三个问题。

不要让品牌口号承担产品说明。 "让创造更简单"没有回答任何一个问题。

把状态做完整

每个关键操作至少有六种状态:初始、处理中、成功、失败、无数据、无权限。

  • 加载时说明正在做什么,不是一个转圈
  • 失败时告诉用户能否重试
  • 成功时给出下一步

白屏、按钮没反应和无限加载,比配色不够高级严重得多。

最伤信任的是静默失败——用户点了提交,页面没有任何变化,他不知道是成功了、失败了,还是还在处理。

于是他再点一次。然后你有了两条重复数据,他有了一次糟糕体验。

任何一次点击之后,界面必须立刻有反应,哪怕只是把按钮变成不可点击状态。

"无数据"状态最容易被跳过。新用户第一次打开时看到的就是这个状态,它应该告诉人第一步该做什么,而不是一片空白。

用证据建立信任

要能回答这些:

用户会想的你要在页面上给出的
这个结果靠不靠谱来源在哪,能不能点开看
我的数据会怎么样保存多久,能不能删除
这钱到底怎么算包含什么,会不会自动续费
出问题找谁谁在维护,怎么联系
它有什么做不到能力边界,哪些结果要人工复核

最后一行的效果常常最好。 对 AI 产品而言,承认限制通常比"全自动、百分百准确"更可信——因为用户已经被夸大宣传骗过很多次了。

没有真实用户时不要编

第一版最常见的诱惑是造几条好评、写一个"已服务 1000+ 用户"。

不要做。 被发现一次,这批种子用户就全没了,而且早期用户圈子通常很小,传得很快。

可以用的替代品:

  • 真实的产品截图和演示录屏
  • 你自己的使用记录和结果
  • 公开可核验的来源和数据出处
  • 你的真实背景和为什么做这件事
  • 明确写出当前的用户量或"刚上线"

"刚上线,欢迎来找我提问题"比一段编的好评好用。做法见公开构建。

先做好移动端和可读性

正文宽度、字号、对比度、点击区域和表单输入,是最基本的体验。

用真实手机检查这几处:

  • 长标题会不会换成三行挤坏布局
  • 错误提示会不会被键盘挡住
  • 支付二维码在小屏上够不够大
  • 输入框聚焦时页面会不会跳

不要只拖窄桌面浏览器。 键盘弹出和真机字体渲染只有真机能看出来。

视觉的具体规则见界面基础。

保持一致

  • 同一种按钮只表达同一种操作
  • 相同状态使用相同的词
  • 日期、金额和单位格式统一

第二条最常被违反:同一个意思在三个页面里叫"已完成""成功""处理好了"。用户会以为这是三种不同的状态。

一致性比增加更多装饰更能降低学习成本。

五秒测试

最便宜的可信度检查:

让一个没见过产品的人看首页五秒,然后关掉页面。
请他复述:这是给谁的、解决什么问题、下一步该做什么。

有一个答不出来,就先改信息层级,不要改配色。

常见错误

让品牌口号承担产品说明。 没有回答任何一个问题。

点击后界面没反应。 用户会再点一次,产生重复数据。

"无数据"状态是一片空白。 新用户第一眼看到的就是它。

编造好评和用户数。 早期圈子小,传得快。

只拖窄桌面浏览器验收移动端。 键盘遮挡看不出来。

同一状态在不同页面用不同词。 用户以为是不同状态。

宣传"百分百准确"。 承认边界更可信。

先改配色再改信息层级。 顺序反了。

验收标准

  • 首屏能独立回答"是什么、帮谁做什么、现在做什么"
  • 关键操作有六种状态,包括无数据和无权限
  • 任何点击后界面立刻有反应,不存在静默失败
  • 结果来源、数据保存、价格构成、联系方式都能在页面上找到
  • 明确写出了能力边界
  • 没有任何编造的用户评价或数字
  • 真机验收过长标题、键盘遮挡、二维码大小
  • 同一状态在所有页面用同一个词
  • 五秒测试通过

本章动作

做一次五秒测试:让一位没见过产品的人看首页五秒,然后关掉页面,请他复述这是给谁、解决什么、下一步做什么。

有一个答不出来,就先改信息层级。

下一步

  1. 写清首页与产品文案——把这三个问题写成文字
  2. 界面基础——视觉层面的具体规则
  3. 隐私与安全——数据承诺要能兑现

On this page