卡片通过共同区域建立分组
别名: 卡片分组 · 共同区域 · 容器分组 · card grouping
概念解释
共同区域（common region）是把若干元素放进同一块闭合背景、描边或底板里，视觉系统就把它们读成一组。卡片正是在界面里兑现这条线索：标题、摘要、缩略图、状态和动作被同一块底板包住，用户不必先读完每个字段，就能判断「这些属于同一条对象」。它解决的不是装饰，而是对象边界——相邻两张卡之间的空隙再小，只要底板断开，它们仍是两条记录而不是一串连续文本。
机制
人扫描列表时不会逐字组句，而是先切块。闭合轮廓、统一底色和内部留白共同给出「这块是一个东西」的假设，邻近、相似、对齐随后才在块内工作。卡片之所以比纯留白分组更硬，是因为它把边界画成了可指认的表面：手指可以点「这一张」，屏幕阅读器也可以把整块标成一篇文章或一个列表项。底板一旦模糊——没有边、没有阴影、没有与页面底色的对比——共同区域线索就退化成间距，用户会把跨卡的字段连读成同一条。反过来说，卡内再密的字段只要仍落在同一底板上，就会被优先绑在一起，即使它们的字号、颜色并不相同。
怎么研究
用分组报告任务：给同一套元素分别套上闭合底板、只拉开间距、或只做颜色相似，让被试圈出「哪些是一条」。共同区域通常能压过单纯邻近。自变量包括底板对比、描边有无、卡间空隙、卡内字段异质性。因变量是分组正确率、首次注视落在卡边界还是卡内字段、以及口头描述时是否用「这一张」来指代。眼动上，卡边界应成为扫描的停顿点；若扫视线在卡与卡之间不断流过，说明共同区域没有被当成对象边界。
边界
共同区域依赖底板与周围能被分开。全出血照片、极浅的描边、或卡片铺满且彼此贴死时，轮廓不再被看成容器。仪表盘上每张卡是独立指标时成立；把整页唯一内容再包一层卡，分组已经没有竞争对象，卡片就只剩装饰。屏幕阅读器用户并不「看见」底板，分组必须落到角色与标题上，否则视觉上的一张卡在朗读顺序里会散成无结构的字段流。幼龄儿童和低视力用户对浅阴影轮廓的检测更弱，单靠投影不够。
怎么落地
- 让每张卡的底板、内边距和卡间空隙三者一起工作：内部紧、外部松，且底板与页面底色可区分。
- 一张卡只绑定一个对象。把两条记录的字段塞进同一底板，分组会把它们焊死成一条。
- 不要用卡片去代替标题层级或列表角色；底板是给眼睛的，名称和角色是给辅助技术的。
- 验证：缩小到缩略图或眯眼看，应仍能数出有几张卡。再找未参与设计的人指「这是几条」，指错的分界就是共同区域没建立起来。