NVIDIA 初创加速计划,免费加速您的创业启动 了解详情
写点什么

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

  • 2019-12-31
  • 本文字数:514 字

    阅读完需:约 2 分钟

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

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

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

优点

1.当(横向与竖向)信息较多时,列表视图可以提供一种概览性的方案来呈现,也可以快速扫描;


2.列表视图可以承载丰富的过滤与检索功能,满足复杂的用户搜索场景;


3.当用户需要批量选择操作时,列表视图提供了便捷的交互方式。

缺点

1.在用户终端分辨率越来越多的情况下,列表的响应性单一,空间利用率较差;


2.针对单条信息,呈现效果不够丰富;


3.跨终端将会受局限;


4.过多的场景使用列表,会引起视觉疲劳。

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

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

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


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


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


2019-12-31 14:45632

评论

发布
暂无评论
发现更多内容

【得物技术】自动化生成代码几种方案的演变

得物技术

自动化 代码 生成代码 机器 自动

没想到!我在简历上写了“精通MySQL”,阿里面试官跟我死磕后就给我发了高薪offer

收到请回复

Java MySQL 数据库 面试

【设计模式】第三篇-单例模式

Brave

设计模式 单例模式 10月月更

如何选择 Web 的数据存储方式?看我就够了

神策技术社区

存储数据 Web JS SDK sessionStorage

Telemetry标准日志接口如何提升运维效率?

怀瑾握瑜

运维 存储 SSD nvme

GrowingIO Design 组件库搭建之 CI/CD

GrowingIO技术专栏

持续集成 CI/CD 持续交付 Github Actions 组件库

官方线索|【云+社区】程序员过节指南:如何玩转你的1024 ?

Regan Yue

1024 1024我在现场

不了解Zookeeper的童鞋看过来哦~

Regan Yue

zookeeper 10月月更

浪潮云荣登“中国数字安全能力图谱-信息计算环境”多项安全能力者领域

浪潮云

云计算

《原则》在解决技术问题中的应用

Changing Lin

10月月更

如何说孩子才肯听,怎么听孩子才肯说(下)

石云升

读书笔记 育儿 10月月更

别再傻傻分不清 AVSx H.26x MPEG-x 了

声网

音视频

开源应用中心 | KodExplorer高效流畅云端存储&协同办公新体验

开源 开源技术

官方线索|2021数智马拉松大赛,AI音乐之夜

石云升

1024我在现场

Java 17 与 Java 11 相比有什么变化?

码语者

Java

入职腾讯的前一天,我哭了(传统行业被裁,奋战一年成功逆袭!)

收到请回复

架构 编程语言 后端 语言 & 开发 java

如何在 Web 前端做 3D 音效处理

ZEGO即构

大前端 音视频 3D音效 范围语音

017云原生之一些技术概念

穿过生命散发芬芳

云原生 10月月更

成本直降50%,下一代网关震撼发布

阿里巴巴云原生

云原生 网关 kurbernetes

golang和java的性能对比及golang内存管理

hanaper

从转移工具到移动急救室,5G救护车给行业带来了什么变化?

脑极体

官方线索|2021 长沙·中国 1024 程序员节

穿过生命散发芬芳

1024我在现场

SSD可靠性指标MTTF、MTBF、AFR解析

怀瑾握瑜

SSD nvme 可靠性 固态硬盘数据恢复

官方线索|1024短信盲盒,掘友你好,见字如面

xcbeyond

1024我在现场

Knative Autoscaler 自定义弹性伸缩

全象云低代码

Knative Serverless Kubernetes

红黑树

Dobbykim

人社部、工信部颁布人工智能国家职业技能标准,百度参与制定

百度大脑

人工智能

​涉密信息外泄,移动办公信息安全将如何保障?

WorkPlus

产品、

物流CRM软件能帮你送快递吗?

低代码小观

企业管理 物流行业 CRM 管理系统 物流系统

织信OA考勤管理系统是如何解放企业内部考勤的?

优秀

低代码

微服务链路追踪组件Skywalking实战

Fox

Spring Cloud Skywalking 链路追踪组件 微服务调用链

从列表式UI中升华探讨:卡片式UI有哪些创新点(一)_语言 & 开发_Think体验设计_InfoQ精选文章