web端交互设计细节手册（九）

上篇文章给大家介绍了是否需要新开页面的规则“ web端交互设计细节手册（八） ”，接下来就看看最后一部分内容：用列表还是用卡片。

用列表还是用卡片

在设计一类信息区块时，通常有两种比较常用的信息展示形式，卡片和列表。

设计师也往往会纠结使用那种展示形式，这里有个诀窍可以分享给大家——如果信息数量较多，且所有信息字段展示数量一致用卡片，其余情况都用列表。

下图就是一个典型案例，由于展示字段数量不一致，且还有更多的拓展字段，导致卡片上的操作都不一致，且查看卡片详情时很尴尬——因为有的卡片字段已经全部展示出来了，这时查看详情没有意义，但有些卡片字段被隐藏了，就需要点击详情去查看或者展开卡片查看，导致页面交互变得十分复杂。

而反观左侧列表式的方式，拓展性良好，无论有多少字段需要展示都可以向下延展展示，即使在同等高度上展示的区块数量没有右侧卡片多，但对于信息完整度则好多了。
以上就是“web端交互设计细节手册（九）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。