第二单元 本机演示:定向提交
第6课 列表与错误提示
列表要读得懂;错误要用同学听得懂的话。
列表要让人一眼读懂;出错要说人话,别甩一串代码吓同学。
好提示也是产品的一部分。
今天把「看得懂」当成成功标准。
一、这一课怎么学
- 开始前你要会:会打开浏览器,会打字。
- 怎样算做完:完成「轮到你做」,并在嵌入工具里留下可预览文件。
- 建议:先读「弄懂这件事」,再做练习。
二、学完你能做到
- 三条人话提示。
- 列表字段齐全。
- 成功/失败提示位置靠近输入。
三、弄懂这件事
这一课就这几小步:
1.人话
提示要面向同学,用人话写,不吓人。
空内容、未选接收人、提交成功,各准备一句清楚说明。
同学一看就知道下一步该做什么,才算提示写对了。
2.列表字段
列表要让人一眼读懂,字段别藏太深。
至少能看见:接收人、文字摘要、待审核或已通过。
字段对了,后面接真表和审核才不容易装傻。
3.位置
提示放在输入区附近,出错时立刻看得见。
不要弹到无关页面,也不要只在控制台里喊。
位置对了,人话才真正帮得上忙。
四、先跟着做
对照例子想清楚
用自己的话重述本课成功标准。
做对了会怎样你写出来的标准,别人打开页面点几下就能核对是不是做到了,而不是只有形容词。
指出哪一步必须自己点,不能听 AI 口头说完成。
做对了会怎样你明确写出:必须自己打开页面点一遍;AI 口头说「完成了」不能算数。
五、轮到你做
人话与列表
写三句人话提示(成功 / 空内容 / 忙碌或失败)。
做对了会怎样三句人话齐全,不拿生硬代码号当唯一提示。
做不出来怎么办已送出,等审核;请填写赞语;现在忙,稍后再试。
列表每条显示三字段。
做对了会怎样界面上能看见状态文字,例如待审核。
做不出来怎么办状态文案先写「待审核」,放在提交按钮旁。
成功提示出现位置合理。
做对了会怎样状态提示放在提交按钮附近,同学一眼能看见。
做不出来怎么办把提示放在提交按钮旁边,字号醒目一点。
用下面嵌着的氛围编程工具。写完在工具里看预览,文件是
show/l06.html。做对了会怎样在嵌着的工具预览里,你能亲眼看见本课要求的按钮、分数或流程文字,而不是只有说明。
做不出来怎么办先在预览里自己点一遍;文件名必须和例子上写的完全一样,改完再刷新预览。
本节例子
下面整段是给 AI 的提示词示例:写清目标、范围和怎样算做成;请整段使用,不要只丢半句。工具嵌在下方。本课文件是 show/l06.html。
做点赞页片段(可嵌在单页里): 1)提交区下方写三句人话提示:成功、空内容、忙碌(或暂时发不出); 2)「我发出的」列表示例三条,字段含:接收人、摘要、状态。 不要用错误码当唯一提示。不要服务器。
正在打开氛围编程工具…若长时间空白请强制刷新。
六、小心这些错
只 alert 英文堆栈。
列表只有一坨 JSON。
七、带走这几句
- 界面文案用人话,面向同班同学,不炫技术语。
- 列表要能扫读:谁、何时、什么状态,一眼能看清。
八、打勾再往下
- 三句人话。
- 列表三字段。
小测验
对照上面「学完你能做到」选一个答案,再点「检查」。
人话提示对象是?
列表最少应有?
提示位置?