页面结构

从一个条目继续发现内容的三条路径 · 48

进入作品页后,可以沿题材标签查看相近主题,也可以沿叙事气质寻找节奏相似的条目,还可以沿版本结构查找同样具有特别篇或补充篇的内容。这三条路径分别解决“题材像不像、体验像不像、观看组织像不像”。

进入作品页后,可以沿题材标签查看相近主题,也可以沿叙事气质寻找节奏相似的条目,还可以沿版本结构查找同样具有特别篇或补充篇的内容。这三条路径分别解决“题材像不像、体验像不像、观看组织像不像”。

不同屏幕尺寸下的信息优先级并不相同,正文会同时说明桌面与移动端的取舍。

把原则落到具体页面信息

最后看长期维护。统一数据源比在多个页面手写同一信息更可靠;同一个作品的标题、摘要、版本字段由 data.php 输出后,详情页、索引页和搜索页会保持一致,也更容易发现重复或冲突。

首先看主题边界。一个页面如果同时承担过多不相关目标,标题和正文就容易互相稀释。相反,把最主要的用户问题放在开头,次级需求通过正文中的自然链接承接,会让页面从入口到深入阅读保持连续。

其次看信息颗粒度。卡片负责帮助快速判断,详情页负责解释原因,两者不应复制同一段文字。卡片用较短摘要说明场景、节奏和关键特征;详情页再补充篇章关系、观看顺序和关联入口,用户才能获得新增信息。

继续浏览时要保留的判断线索

第三看版本说明。任何涉及版本的词都需要落到可比较字段,例如正篇数量、特别篇是否独立、章节顺序是否改变、字幕或画幅是否不同。没有这些信息时,单独强调“完整”反而会制造噪声。

第四看内部链接。链接文本应说明目标页是什么,而不是反复出现“查看更多”。当用户看到“查看同类群像作品”或“进入版本说明”时,可以在点击前理解下一页会解决什么问题,这也是语义清晰度的一部分。

第五看可访问性。菜单、筛选和展开内容可以由 JavaScript 增强,但正文、主要导航和真实链接必须在脚本失败时仍然存在。键盘焦点、Escape 关闭和 aria-expanded 状态同步则保证交互对更多用户可用。