在 2025 收官前,看清 Data + AI 的真实走向,点击查看 BUILD 大会精华版 了解详情
写点什么

从列表式 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:45924

评论

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

数智双擎,算融未来”,2023东湖算力与大数据创新大会圆满召开

彭飞

SpringBoot3数据库集成

Java 架构 springboot SpringBoot3

【我和openGauss的故事】体验openGauss 5.0极简版一主一备部署,延时回放和主备切换功能

daydayup

【我和openGauss的故事】kettle连接openGauss 5.0.0 数据库

daydayup

【我和openGauss的故事】openGauss 3.1.1企业版主备集群升级至5.0.0操作指南

daydayup

【我和openGauss的故事】openGauss5.0企业版集群一主一备安装V1.0

daydayup

深入浅出java Semaphore

java易二三

程序员 jdk 计算机 科技

成为大主播的必懂知识:直播源码推流

山东布谷网络科技

直播推流 直播源码

【我和openGauss的故事】openGauss索引推荐功能测试

daydayup

【我和openGauss的故事】openGauss初体验

daydayup

2023-08-12:用go语言写算法。实验室需要配制一种溶液,现在研究员面前有n种该物质的溶液, 每一种有无限多瓶,第i种的溶液体积为v[i],里面含有w[i]单位的该物质, 研究员每次可以选择一瓶

福大大架构师每日一题

左程云 福大大架构师每日一题

【我和openGauss的故事】构建openGauss开发编译提交一体化环境

daydayup

Redis Sentinel 初步设计方案

艾瑾行

架构训练营

第二届广州·琶洲算法大赛报名截止 3300多支队伍将展开激烈角逐

新消费日报

网上正规实体现场同步平台

新百盛娱乐yscy898

局域网与Kubernetes内部网络如何互通

程序员半支烟

k8s

【我和openGauss的故事】openGauss主备集群节点的添加与删除

daydayup

数字鸿沟,让气候脆弱者更脆弱

脑极体

AI气象

精细解析中文公司名称:智能分词工具助力地名、品牌名、行业词和后缀提取

汀丶人工智能

人工智能 自然语言处理 信息抽取

山东布谷科技直播软件开发WebRTC技术:建立实时通信优质平台

山东布谷科技

软件开发 WebRTC 实时通信 源码搭建 直播软件开发

局域网与Kubernetes内部网络如何互通

程序员半支烟

k8s

openGauss数据库源码解析系列文章——安全管理源码解析(三)

daydayup

openGauss数据库源码解析系列文章——安全管理源码解析(四)

daydayup

网上正规实体平台现场同步yscy898

新百盛娱乐yscy898

上线规则 微咨询 Fil币现在进场合适吗? 简单查询

局域网与Kubernetes内部网络如何互通

程序员半支烟

k8s

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