信息架构与导航设计

分区入口如何减少误点和误解?

让访问者在点击前判断内容、范围和下一步,再用清楚的返回路径修正选择。编号可以辅助排序,但不能独自承担内容说明。

本专题将“福利在线一区”作为含糊分区标签的辨析材料,学习如何说明栏目内容、入口用途和选择边界;案例均为虚构文化站练习。

内容分区导航课:名称、摘要和目标页核对图
看名称
这里提供什么内容
读摘要
内容范围与下一步动作
核对目标
标题对应,选错可返回

学习地图

六个角度,逐步理解

根据当前需要选择入口;每个栏目都能独立阅读。

全部分类
主题分类 标签命名:让“一区”说出内容

标签命名

序号只能告诉读者位置,不能说明主题。虚构入口“一区”可改为“阅读文章”,配上“散文、书评与活动回顾”,让名称和摘要共同交代范围。

负责栏目设计的编辑、站点维护者与学习者

进入本栏
主题分类 分类边界:主题、形式与受众别混成一层

分类边界

“文章、视频、新手、热门”混合不同维度,一份新手视频会落入多个分区。先选择一种主要划分依据,再把难度、形式或热度放入筛选标签。

负责栏目设计的编辑、站点维护者与学习者

进入本栏
主题分类 入口预告:先说明阅读、下载或跳转

入口预告

入口文字应反映下一步实际行为。“查看活动条件”与“提交报名”是不同动作;“下载路线 PDF”应让读者知道会获取文件。

负责栏目设计的编辑、站点维护者与学习者

进入本栏
主题分类 改写练习:为八份文化材料设计四栏

改写练习

用城市散文、书评、视频、音频、活动条件、活动回顾、笔记表和路线 PDF 练习分类。为四个栏目分别写名称、摘要、主归属和边界。

负责栏目设计的编辑、站点维护者与学习者

进入本栏
主题分类 返回路径:选错后能回到哪一层

返回路径

分区设计还包括恢复选择。入口与目标页标题保留共同词,详情页提供所属栏目链接,多页重复导航保持相对顺序。

负责栏目设计的编辑、站点维护者与学习者

进入本栏
主题分类 测试复盘:区分理解错和操作错

测试复盘

首次选择和读者预期可以提示命名问题;知道目标却点到旁边是另一类问题。记录任务与原因,再修改相应文字或操作区域。

负责栏目设计的编辑、站点维护者与学习者

进入本栏

按问题选择

你想先弄清楚什么

直接回答

先抓住关键,再展开阅读

每条答案都能回到对应指南继续查看方法和练习。

阅读完整问答
只写“一区、二区”有什么问题?

序号表达顺序,却不能让初访读者判断各区内容。可以保留序号作辅助,同时补充“阅读文章”“下载资料”等主题或任务名称,以及简短范围摘要。

一份内容同时符合两个栏目怎么办?

先按主要任务确定一个主详情页,另一个栏目提供相关链接。例如视频及文字稿可以共用一页。关键是解释关系并保持同一份内容一致,不必强行让所有分类完全互斥。

怎样判断改名后是否更容易找?

给读者相同目的的任务,记录首次选择、预期结果和回退。要写清人数、任务与版本,并说明记忆影响;少量观察可以指出问题,不能证明所有访问者都受益。

把方法看清楚

主题图解与离线练习

用示意图理解步骤,用练习单留下自己的观察。

学习资料

五步学习路径

把入口从名称检查到目标页

不用一次读完。每一步都留下具体的观察与疑问。

开始阅读
  1. 列任务找文章、看讲解、查活动或取资料
  2. 定边界按主要任务归类,解释交叉内容
  3. 写入口名称说明主题,摘要说明范围
  4. 核对目标标题与行为兑现入口预期
  5. 做复盘记录首次选择、理由与回退

完整索引

找到你的下一步

使用方式

一个人读,也可以一起讨论

按场景调整任务;练习不需要提交个人经历。

全部场景

关于本站

内容、来源与使用边界

区分编辑设计的练习和可以核对的外部资料。

本站文化站案例与测试记录真实吗?

“街角文化站”、A 至 H 材料以及 P1 的选择均为本站虚构教学示例,没有对应真实机构或实测用户数据。练习答案用于说明判断过程。

W3C 参考资料证明了什么?

所引理解文档支持链接目的清楚、标题标签描述主题和重复导航顺序一致等原则。四栏目方案、简化测试步骤和虚构记录由本站设计;引用这些资料不表示获得 W3C 认证。

练习是否需要提交资料?

不需要。练习单可下载后离线填写。纠错页只在当前页面准备草稿,联系和预约接收端未配置;练习记录使用代号即可。