从列表式 UI 中升华探讨:卡片式 UI 有哪些创新点(一)

阅读数:2 2019 年 12 月 31 日 14:45

从列表式UI中升华探讨:卡片式UI有哪些创新点(一)

对于传统企业端应用而言,列表是最重要也是使用频次最高的设计元素,列表式设计有很多优点才会使之有广泛的应用,但是相应的列表式设计也存在很多缺点,在越来越追求极致体验的大背景下,我们需要探讨是否有其他设计模式可以完善列表式设计的不足,所以我们尝试引入卡片式设计。

背景分析:列表式设计的优缺点

优点

1. 当(横向与竖向)信息较多时,列表视图可以提供一种概览性的方案来呈现,也可以快速扫描;
2. 列表视图可以承载丰富的过滤与检索功能,满足复杂的用户搜索场景;
3. 当用户需要批量选择操作时,列表视图提供了便捷的交互方式。

缺点

1. 在用户终端分辨率越来越多的情况下,列表的响应性单一,空间利用率较差;
2. 针对单条信息,呈现效果不够丰富;
3. 跨终端将会受局限;
4. 过多的场景使用列表,会引起视觉疲劳。

设计目标:细分业务需求,寻求每个场景下的极致体验,所以我们开始探寻卡片式设计模式

设计定义:什么是卡片式设计

简单说卡片式设计,它是包含图片以及文案并且有明显边界的信息区块,本身可以是一个完整的信息区块,也可以作为更多具体内容的一个入口,同时也可以承载丰富的互动方式。

本文转载自 Think 体验设计公众号。

原文链接: https://mp.weixin.qq.com/s/vYfol56CZPMStx9JqxrCOg

评论

发布