CHOICE 旗舰厅 · 真人互动
主题解读 / 界面结构

CHOICE旗舰厅阅读细节:弹层里滚动,不要让背景状态变得模糊

虚拟现实设备
主题资料图片 · 来源与许可

CHOICE旗舰厅安排说明弹层时,会考虑它与背景页面的关系。读者打开说明是为了理解当前内容,不是进入一套陌生流程。如果弹层滚动、背景也跟着移动,关闭之后又回到意外位置,就容易失去原来的阅读上下文。

层次关系保持清楚

标题说明当前面板的用途,关闭入口稳定可找,必要时提供完整页面阅读方式。内容较长时采用合理段落,而不是把所有文字塞进很窄区域,要求使用者不断精细滚动。

键盘焦点与阅读顺序也需要核对。打开后应能找到主要内容,关闭后回到合理位置,不能让人困在看不见的控件里。手机端空间有限,更要检查按钮是否被底部区域遮挡。

弹层不代替所有信息结构

影响判断的重要说明,不宜只藏在一个容易错过的入口里。简要内容可以在当前页面提示,完整资料再展开阅读,两者名称和条件保持一致。

检查时从不同滚动位置打开和关闭,观察页面有没有无故跳动。弹层是帮助保留上下文的工具,而不是让信息更难查找的容器。布局的关键在于读者始终知道自己在哪里,以及怎样回到原来的内容。

参考资料

  1. MDN:Web资料 ↗
  2. W3C:界面与内容教程 ↗
← 返回新闻资讯