2天时间,聊今年最热的 Agent、上下文工程、AI 产品创新等话题。2025 年最后一场~ 了解详情
写点什么

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

评论

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

Docsify 脚本执行权限问题

HoneyMoose

成为架构师之前,你一定要懂的-CAP-定理

Java 程序员 后端

我所理解的Java锁

Java 程序员 后端

我的Serverless实战——能掰扯面试官的SSVM超详细解析!

Java 程序员 后端

手写线程池实战

Java 程序员 后端

手把手教学妹CompletableFuture异步化,性能关系直接起飞!

Java 程序员 后端

手撕ArrayList底层,透彻分析源码

Java 程序员 后端

抽象工厂模式

Java 程序员 后端

教女朋友学习 vue中的组件

Java 程序员 后端

教妹学Java(二十四):一文了解 Java 中的方法

Java 程序员 后端

懊悔!早一点遇到这份1399页Nginx笔记,我绝不会错过阿里offer!

Java 程序员 后端

我来告诉你解决死锁的100种方法

Java 程序员 后端

我这么回答对Spring的理解,面试官狂问我什么时候入职?

Java 程序员 后端

手把手教你,从零开始搭建Spring Cloud Alibaba!这份笔记太牛了

Java 程序员 后端

掌握了2-3-4树也就掌握了红黑树,不信进来看看,建议收藏!

Java 程序员 后端

教妹学Java(二十 七):this 关键字的用法(1)

Java 程序员 后端

拥有阿里P8推荐的SpringBoot笔记,备战金九银十,吊打面试官不是梦

Java 程序员 后端

教妹学Java(二十一):一文带你了解面向对象编程的所有概念

Java 程序员 后端

教妹学Java(二十五):搞懂 Java 中的构造方法

Java 程序员 后端

拿了 30K 的 offer!

Java 程序员 后端

想搞清楚ZooKeepe?这篇入门你必须了解!

Java 程序员 后端

我猜你还没明白如何利用好Redis、Redisson使用实现分布式锁?

Java 程序员 后端

我用了3年,从小厂干到美团L8技术专家!分享一下面经!

Java 程序员 后端

什么是 TypeScript

HoneyMoose

接口文档:第二章:使用Swagger接口的文档在线自动生成

Java 程序员 后端

手把手带你用数据库中间件Mycat+SpringBoot完成分库分表

Java 程序员 后端

捕获异常&指令重塑

Java 程序员 后端

我上高中的弟弟都能看懂的Docker学习教程,你看看讲的怎么样

Java 程序员 后端

推荐 6 个前后端分离项目

Java 程序员 后端

排序二叉树JAVA版实现

Java 程序员 后端

教妹学Java(二十 七):this 关键字的用法

Java 程序员 后端

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