步骤一：先看旧版问题
这个案例是一个线上课程列表页，旧版用表格展示课程名、讲师、时长、难度、价格和操作按钮。信息确实完整，但用户反馈很一致：找课慢，不知道哪门更适合自己，移动端看起来尤其费劲。
我们先不急着换 cards，而是看用户卡在哪里。数据里能看到，很多人进入列表后会来回筛选，却很少点详情。原因不是课程少，而是表格把所有信息压成同等权重，用户看不到推荐理由。
cards对比：一次改版复盘
cards对比最有价值的地方，不是看哪版更漂亮，而是还原用户从看到、理解到点击的全过程。下面咱用一个课程列表页改版案例，按步骤拆开旧版表格、新版 cards 的差别，看看卡片化到底改变了什么，又有哪些地方不能盲目照搬。
步骤二：确定对比维度
做 cards对比，不能只比视觉。我们定了四个维度：首屏能看到几门课、用户能否快速判断适合度、移动端是否好操作、后续点击是否更明确。这样比较才不会陷入“我觉得好看”的争论。
旧版表格的优势是密度高，适合老用户按条件查找；cards 的优势是能突出课程封面、适合人群和学习结果。换句话说，表格像仓库清单，卡片更像货架陈列。两者不是谁绝对赢，而是服务的决策方式不同。
步骤三：把内容重新分层
新版 cards 没有简单复制表格字段，而是重新排序。卡片顶部放课程名和难度标签，中间放一句学习收益，比如“适合第一次做数据看板的人”，底部放时长、价格和“查看课程”按钮。
这个变化看似小，其实关键。用户不再先读讲师和编号，而是先判断“这是不是给我的”。cards对比里最常被忽略的点就在这里：卡片化不是换壳，是把信息从管理视角改成用户视角。
步骤四：观察上线后的差异
改版后，详情页点击率上升，移动端停留时间也更稳定。但也出现了新问题：老用户抱怨一次能看到的课程变少，批量比较价格不如表格方便。这个反馈很真实，也提醒咱别神化 cards。
最后方案不是完全替代，而是保留列表和卡片两种视图。新用户默认看 cards，老用户可以切回紧凑列表。真正成熟的 cards对比，不是为了证明卡片赢，而是找到不同场景的最省力路径。
步骤五：复盘可复用结论
这次案例说明，cards 适合帮助用户做初步选择，尤其当内容需要展示封面、摘要、标签和行动按钮时，它比表格更友好。但如果用户要快速排序、批量编辑、精确比价，表格依然更高效。
所以你要做 cards对比，别从样式开始，先从任务开始：用户是浏览发现，还是精确查找？是单个选择，还是批量处理？答案清楚了，组件选择自然就清楚了。
推荐阅读
常见问题
cards和列表哪个更适合内容展示？
如果用户需要浏览、发现、初步判断，cards 更合适；如果用户需要快速筛选、排序、批量比较，列表或表格通常更高效。
做cards对比要看哪些指标？
建议看点击率、任务完成时间、移动端误触率、首屏信息量和用户反馈。单看页面停留时间不够，因为停留久也可能是看不懂。
卡片化改版一定会提升转化吗？
不一定。只有当 cards 改善了信息判断和行动路径，转化才可能提升。单纯换成卡片样式，甚至可能降低信息密度。