怎样组织卡片、表格与浮层？

按浏览、比较或集中操作的需要，选择卡片、表格和浮层。

卡片、表格和浮层是不同的信息组织方式。先看用户要怎样阅读和操作，再选容器，避免为了样式整齐把所有内容塞进同一种部件。

先记住这几件事

• 卡片 把一个项目的相关信息放在一起，适合浏览项目。见 USWDS 卡片指南 。
• 表格 按行与列对应数据，方便比较；需要清楚的列标题和窄屏处理。见 USWDS 表格指南 。
• 浮层 显示在其他内容上方； 模态对话框 要求先处理当前窗口再操作背景。
• 模态窗口要有名称、合理的焦点安排和离开方式，关闭后通常回到打开入口。见 W3C 对话框模式 。

选择容器的流程

容器选择的示意

以下是教学场景。

用一个例子走一遍

管理员需要比较团队成员的权限。团队采用表格，把姓名、角色和状态按列对应；删除入口打开确认窗口，写明删除哪位成员。取消后回到原入口，窄屏再检查表格能否读取与操作。

边界与常见误解

卡片不必整张可点击；内部多个操作要避免互相冲突。工具提示——短小的补充提示——不适合放必须阅读的复杂说明。模态窗口会中断当前过程，应只在确有需要时采用。