第 1 节 · 约 15 分钟
先选一种来访者与一个任务
用具体场景缩小首页的服务对象,形成可检查的主路径。
首页是访客理解产品并选择下一步的入口。它不需要在第一屏解释所有技术,而应帮助一个真实的人完成眼前任务。先想象一位备课老师:她只有几分钟,想找一份明天能用的讨论活动,不是来研究网站的全部架构。
写下她从哪里来到页面、带着什么疑问、希望带走什么。如果同页同时面向学生、家长、教师和开发者,每个入口都同样突出,就容易没人知道先点哪里。可以先服务一种主要来访者,其余需求用清楚的次要链接承接。
文字、样式和动作,分别由谁负责?
② 改一改,看发生了什么
这段话的证据在哪里?
先给判断,再按需查看线索。
按钮在这里,但点击不会切换提示。试着启用 JavaScript。
演示边界:此处开关模拟三层的分工,不执行用户输入的代码。真实网页也有浏览器自带的交互行为。
本课程会为虚构阅读活动库做首页:访客读介绍、看示例、理解使用方式并找到材料。这样能具体检查入口是否有效。用户画像不是编一个年龄和爱好标签,而是说明任务、情境与限制;后来有真实观察时,应允许修正。
看一个例子
两位访客会点同一处吗?
预测备课老师与想看源码的开发者各自需要哪个入口;写两条访问路线,选本轮主要路线并解释取舍。
现在动手
留下一份自己的结果
写一个来访场景,限定一个主要任务;列出完成它必须回答的三个问题,暂不画视觉细节。
在自己的编辑器或笔记中完成。这里不会上传或自动评判你的作品。
检查理解
对照你的作品
完成实践后,逐项自检
完成上面的理解检查与所有自检后,可记录进度。阅读或点击下一节不会自动完成课程。
来源与延伸阅读
课程中的例子与练习为本站编写;下面的原始资料用于核对概念和技术细节。