网页折叠面板的取舍：先辨认所有人都需要看到的内容

服务介绍页面很长，设计稿里加几个折叠面板，首屏就显得简洁了。但页面变短并不等于信息更容易找到：读者还需要注意到面板、理解标题，并决定是否展开。网站设计服务在提出这种方案之前，应先回答哪些内容可以由读者选择查看，哪些内容是所有读者都需要看到的。

GOV.UK Design System的Accordion说明明确提醒，不要用折叠面板装载所有用户都需要看到的内容；有些人可能不会注意到它，或不理解如何使用。[1] 这份英国公共服务设计指南还建议先在没有折叠面板的情况下测试内容，良好的写作与结构可能已经消除使用它的需要。

原文给出的替代方向包括减少和简化内容、分到多个页面、在单页用标题分节，以及用页首锚点链接到具体章节。它并没有要求所有长页面都使用同一种方式。对设计交付来说，可以先列出读者任务和必读信息，再比较这些组织方式，而不是从组件库中挑一个看起来更紧凑的外观。

折叠面板也有合适的场景。指南认为，应有证据说明用户需要看到多个相关章节的概览、选择展开与自己有关的章节，或对原本分散的信息进行对照。[1] 一个面板能够同时显示多个章节，与一次主要显示一个区域的标签页有所不同；选择组件时，任务关系比“都能把内容藏起来”更重要。

例如整理服务项目资料时，可以把所有读者都必须理解的适用范围放在明确可见的位置，再评估不同类别的补充材料是否适合按需展开。这里是假设性的内容规划示例，并不表示本文已经调查某个真实网站用户，也不预先宣告折叠方案可用性通过。

指南说明其组件依赖JavaScript，不可用时会显示全部内容，并以章节标题组织。[1] 这描述的是GOV.UK该组件的实现，不能替代其他网站的真实测试。交付时仍应核对实际内容、标题和展开行为，记录未测试状态。折叠面板的价值需要由用户任务和实际证据说明，不能只由首屏留白作出判断。