让第一版看起来可信
不追求华丽设计,先把层级、状态、证据和基本体验做可靠。
用户不会因为页面朴素就离开,但会因为看不懂、点不动、担心被骗、不知道结果来自哪里而离开。
第一版设计的目标不是"像大公司",而是让陌生人敢完成下一步。
可信不是设计问题,是信息问题。
一个朴素但把"这是什么、谁在做、结果从哪来、钱怎么算"都说清楚的页面,比一个精致但含糊的页面可信得多。
一屏只回答三个问题
- 这是什么?
- 它能帮谁完成什么?
- 我现在应该做什么?
主标题、说明和主要按钮应该能独立回答这三个问题。
不要让品牌口号承担产品说明。 "让创造更简单"没有回答任何一个问题。
把状态做完整
每个关键操作至少有六种状态:初始、处理中、成功、失败、无数据、无权限。
- 加载时说明正在做什么,不是一个转圈
- 失败时告诉用户能否重试
- 成功时给出下一步
白屏、按钮没反应和无限加载,比配色不够高级严重得多。
最伤信任的是静默失败——用户点了提交,页面没有任何变化,他不知道是成功了、失败了,还是还在处理。
于是他再点一次。然后你有了两条重复数据,他有了一次糟糕体验。
任何一次点击之后,界面必须立刻有反应,哪怕只是把按钮变成不可点击状态。
"无数据"状态最容易被跳过。新用户第一次打开时看到的就是这个状态,它应该告诉人第一步该做什么,而不是一片空白。
用证据建立信任
要能回答这些:
| 用户会想的 | 你要在页面上给出的 |
|---|---|
| 这个结果靠不靠谱 | 来源在哪,能不能点开看 |
| 我的数据会怎么样 | 保存多久,能不能删除 |
| 这钱到底怎么算 | 包含什么,会不会自动续费 |
| 出问题找谁 | 谁在维护,怎么联系 |
| 它有什么做不到 | 能力边界,哪些结果要人工复核 |
最后一行的效果常常最好。 对 AI 产品而言,承认限制通常比"全自动、百分百准确"更可信——因为用户已经被夸大宣传骗过很多次了。
没有真实用户时不要编
第一版最常见的诱惑是造几条好评、写一个"已服务 1000+ 用户"。
不要做。 被发现一次,这批种子用户就全没了,而且早期用户圈子通常很小,传得很快。
可以用的替代品:
- 真实的产品截图和演示录屏
- 你自己的使用记录和结果
- 公开可核验的来源和数据出处
- 你的真实背景和为什么做这件事
- 明确写出当前的用户量或"刚上线"
"刚上线,欢迎来找我提问题"比一段编的好评好用。做法见公开构建。
先做好移动端和可读性
正文宽度、字号、对比度、点击区域和表单输入,是最基本的体验。
用真实手机检查这几处:
- 长标题会不会换成三行挤坏布局
- 错误提示会不会被键盘挡住
- 支付二维码在小屏上够不够大
- 输入框聚焦时页面会不会跳
不要只拖窄桌面浏览器。 键盘弹出和真机字体渲染只有真机能看出来。
视觉的具体规则见界面基础。
保持一致
- 同一种按钮只表达同一种操作
- 相同状态使用相同的词
- 日期、金额和单位格式统一
第二条最常被违反:同一个意思在三个页面里叫"已完成""成功""处理好了"。用户会以为这是三种不同的状态。
一致性比增加更多装饰更能降低学习成本。
五秒测试
最便宜的可信度检查:
让一个没见过产品的人看首页五秒,然后关掉页面。
请他复述:这是给谁的、解决什么问题、下一步该做什么。有一个答不出来,就先改信息层级,不要改配色。
常见错误
让品牌口号承担产品说明。 没有回答任何一个问题。
点击后界面没反应。 用户会再点一次,产生重复数据。
"无数据"状态是一片空白。 新用户第一眼看到的就是它。
编造好评和用户数。 早期圈子小,传得快。
只拖窄桌面浏览器验收移动端。 键盘遮挡看不出来。
同一状态在不同页面用不同词。 用户以为是不同状态。
宣传"百分百准确"。 承认边界更可信。
先改配色再改信息层级。 顺序反了。
验收标准
- 首屏能独立回答"是什么、帮谁做什么、现在做什么"
- 关键操作有六种状态,包括无数据和无权限
- 任何点击后界面立刻有反应,不存在静默失败
- 结果来源、数据保存、价格构成、联系方式都能在页面上找到
- 明确写出了能力边界
- 没有任何编造的用户评价或数字
- 真机验收过长标题、键盘遮挡、二维码大小
- 同一状态在所有页面用同一个词
- 五秒测试通过
本章动作
做一次五秒测试:让一位没见过产品的人看首页五秒,然后关掉页面,请他复述这是给谁、解决什么、下一步做什么。
有一个答不出来,就先改信息层级。