B端产品经理-“卡片式UI”和“列表式UI”在B端业务中的应用

是 否 +2 论坛币

k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

笔者近期在设计 B 端运维告警平台时，就告警指标如何呈现，选择卡片式 or 列表式与团
队的小伙伴们进行了激烈的讨论，从交互体验、信息呈现到业务效率等多方面进行了分析
，尽管笔者最终向列表式作出了妥协，但其中有价值的观点想与各位同学们分享。


概念介绍
什么是卡片式？
即通过一张张带有明显边界的卡片，在用户界面上平铺展示的 UI 设计，同时在卡片中我
们能获取到卡片的图片、文案信息、甚至是 url 等信息。卡片可以作为信息展示的内容组
成，也可以作为更加详细的信息入口，同时也具有更加丰富的可互动性。
卡片式 UI 的流行


在大家所熟知的 appstore、淘宝、闲鱼的首页，从 appstore 的完美利用空间布局设计到
淘宝闲鱼的信息分级和重点突出，卡片式 UI 已经被运用的炉火纯青，各位同学们可以逐
一感受。当然，笔者接下来将从 B 端业务的角度去阐述卡片式 vs 列表式的优劣。

卡片式设计的优劣
首先放出笔者在设计运维告警平台时最初的卡片式告警配置方案：
笔者将不同的告警指标分为不同的卡片，每张卡片内容包含告警对象、指标、触发条件、
推送渠道已经创建者等信息，同时支持编 ...

扫码加我 拉你入群

请注明：姓名-公司-职位

以便审核进群资格，未注明则拒绝

分享0 收藏0 回帖

关键词：产品经理 AppStore Store apps 用户界面