EDU AI BUILDERSLEARN · MAKE · UNDERSTANDBUILDING IN PUBLIC
Edu AI Builders
GitHub ↗
← 全部课程

免费课程 · 阅读 + 交互实验 + 实践

让别人一眼知道从哪开始:做工具的介绍页

写给:东西已经做出来了,却没人看懂它是给谁用的老师或独立开发者

“我把链接发出去,别人点进来看两眼就走了,一句话也不问。”

从来访者的任务开始,组织承诺、示例、内容结构、视觉规则、手机适配与表单,交付可验收的首页。

学完你手里会有

一个单页原型:首屏一句话说清给谁用,只有一个主按钮,手机上也不错位。

第 1 节 · 约 15 分钟

先选一种来访者与一个任务

用具体场景缩小首页的服务对象,形成可检查的主路径。

首页是访客理解产品并选择下一步的入口。它不需要在第一屏解释所有技术,而应帮助一个真实的人完成眼前任务。先想象一位备课老师:她只有几分钟,想找一份明天能用的讨论活动,不是来研究网站的全部架构。

写下她从哪里来到页面、带着什么疑问、希望带走什么。如果同页同时面向学生、家长、教师和开发者,每个入口都同样突出,就容易没人知道先点哪里。可以先服务一种主要来访者,其余需求用清楚的次要链接承接。

文字、样式和动作,分别由谁负责?

① 先预测:只打开 CSS 样式,能让按钮切换提示吗?

这段话的证据在哪里?

先给判断,再按需查看线索。

按钮在这里,但点击不会切换提示。试着启用 JavaScript。

演示边界:此处开关模拟三层的分工,不执行用户输入的代码。真实网页也有浏览器自带的交互行为。

本课程会为虚构阅读活动库做首页:访客读介绍、看示例、理解使用方式并找到材料。这样能具体检查入口是否有效。用户画像不是编一个年龄和爱好标签,而是说明任务、情境与限制;后来有真实观察时,应允许修正。

两位访客会点同一处吗?

预测备课老师与想看源码的开发者各自需要哪个入口;写两条访问路线,选本轮主要路线并解释取舍。

留下一份自己的结果

写一个来访场景,限定一个主要任务;列出完成它必须回答的三个问题,暂不画视觉细节。

在自己的编辑器或笔记中完成。这里不会上传或自动评判你的作品。

首页面向所有人导致入口拥挤时,先做什么?

完成实践后,逐项自检

完成上面的理解检查与所有自检后,可记录进度。阅读或点击下一节不会自动完成课程。

来源与延伸阅读

课程中的例子与练习为本站编写;下面的原始资料用于核对概念和技术细节。