2025上半年,最新 AI实践都在这!20+ 应用案例,任听一场议题就值回票价 了解详情
写点什么

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

评论

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

Spring源码分析(三)Spring是如何把元素解析成BeanDefinition对象的

石臻臻的杂货铺

spring 源码 8月月更

【操作系统 | Linux】介绍与安装(虚拟机)

计算机魔术师

8月月更

一文详解产品经理与项目经理的区别

产品海豚湾

产品经理 职业发展 项目经理 产品设计与思考 9月月更

每日一R「20」网络编程(二)

Samson

学习笔记 8月月更 ​Rust

揭秘华为云GaussDB(for Redis)六大秒级能力盘点

科技云未来

【Python | 词云】聊天记录绘制超美词云(七夕快乐 ,曾同学)

计算机魔术师

8月月更

【Django | 开发】 为已有遗留系统数据库生成管理后台

计算机魔术师

8月月更

Spring源码解析(四)Spring是怎么处理BeanDefinition的?

石臻臻的杂货铺

spring 源码 8月月更

飞向深空:ColorOS 超算平台带来性能之变

脑极体

Apache DolphinScheduler 简单任务定义及复杂的跨节点传参

白鲸开源

工作流调度 海豚调度 调度器 大数据调度 任务传参

长安链国密TLS设计和实现学习

加速拥抱数字化,云时通打造全新数字中台!

创意时空

[CSS入门到进阶] 4行CSS实现footer置底!超常见的需求,快来收藏

HullQin

CSS JavaScript html 前端 8月月更

在线XML转HTMLTable工具

入门小站

工具

【云原生| Docker】 部署 Django & mysql 项目

计算机魔术师

8月月更

日常工作最常用6大Git命令讲解

流浪的漂流瓶

git git stash 8月月更 git命令

长安链RPC服务学习笔记

长安链

创新技术领航者!华为云GaussDB获颁2022年云原生数据库领域权威奖项

科技云未来

C/C++模板类模板与函数模板区别,以及用法详解

CtrlX

c c++ 面向对象 模板方法 8月月更

一文快速上手 Nacos 注册中心+配置中心!

王磊

Java SpringCloud

使用 ECK 在 Kubernetes 集群中管理 Elastic Stack

Se7en

直播预告 | Homebrew 作者 Max Howell:如何打造杰出的开发者工具

思码逸研发效能

开源 研发效能 开发者工具 开发工具 科技

华为云GaussDB(for Redis)全面对比Codis

科技云未来

上了NVMe的路,才能飙起全闪存的车

白洞计划

长安链源码分析启动(7)

长安链

在线图片隐写术解密解码传递数据

入门小站

工具

如何正确理解Java对象创建过程,我们主要需要注意些什么问题?

PivotalCloud

学习 Go 语言数据结构:实现哈希表

宇宙之一粟

哈希表 8月月更

乘云远航|共赢新征程,打造数字化供应链竞争力!

创意时空

长篇图解etcd核心应用场景及编码实战

字母哥哥

Java etcd #Kubernetes#

职场人的未来,GO!咱们上云办公

创意时空

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