页面结构

移动端观看前先看哪些信息 · 100

小屏幕上最重要的不是把桌面卡片全部缩小,而是保留标题、版本、篇章数量、时长和返回路径。本站在移动端优先显示这些信息,并把长段说明保持为可自然滚动的正文,避免弹窗或横向滑动成为唯一入口。

小屏幕上最重要的不是把桌面卡片全部缩小,而是保留标题、版本、篇章数量、时长和返回路径。本站在移动端优先显示这些信息,并把长段说明保持为可自然滚动的正文,避免弹窗或横向滑动成为唯一入口。

文章强调可执行性:每个判断都尽量对应到标题、摘要、标签、版本或链接中的一个具体字段。

把原则落到具体页面信息

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

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

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

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

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

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

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