F2.08.3cards are a net loss on homogeneous lists设计
同质列表用卡片是净损失
别名: 列表套卡片 · carded list · 同构列表
概念解释
收件箱、文件列表、订单表,每一行的字段图式相同:发件人、主题、时间。列表已经用节奏和对齐把行分开。再给每行套卡,你付了边框和内边距的税,同时把「时间」这一列拆碎——每张卡的时间落在不同的 x 上,无法沿一列往下扫。多出来的客体感没有用,因为这些对象本来就不是要被单独把玩的异构物。
净损失 = 更少的可见行 + 更差的跨行比较。瀑布流的变高是媒体本身的高,不是同质字段被框起来之后的高。
机制
同质项的主任务经常是扫描某一字段、排序、多选。这些任务靠列:同一字段共享一条竖线,眼睛不必每行重新找。卡片把每行变成独立坐标系,列对齐被内边距和圆角吃掉。框还暗示「请把我当一个作品看」,和「请在一百封里找出未读」的任务冲突。
列表的分组靠邻近和偶尔的段头就够。卡片的共同区域在这里是重复信号,而且是昂贵的重复。
边界
同质项很少(三到五条)、每条又要带一张不同的图或一段预览,卡片有时赢,因为比较弱、识别靠图。可滑动删除、可拖拽排序的行,轻微的底可以当抓手,但不需要完整的影和双边框。一旦行数上到两位数、且用户在比日期或金额,损失就会显现。
把列表第一项做成大卡、其余做行,是常见的折中;那是「突出一个」,不是「全部卡片化」。
怎么落地
- 连续五项以上字段图式相同,默认用行,不用卡。把日期、金额、状态做成可扫的列。
- 需要「打开这一条」的入口,用整行可点或行尾按钮,不必靠框来宣布对象边界。
- 验证:取一屏真实数据,做成卡和做成行两版。数同一视口高度里能看见几条;再选一个字段(日期或价格),看它是否形成一条能被手指比着往下指的竖线。行版既更多条、又有竖线,卡片就是净损失。把已经上线的卡列表改一屏做对照,用完成「找出最晚的三笔」的时间说话,不要用「卡更现代」结案。