限时领|《AI 百问百答》专栏课+实体书(包邮)! 了解详情
写点什么

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

评论

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

XOR异或运算在计算机中的应用

wangkx

XOR 异或运算 对称加密

SpringBoot中如何优雅的使用多线程

读钓

Java spring Spring Boot

centos7.6操作系统安装

桥哥技术之路

Linux

思维导图学《Linux性能优化实战》

Yano

Linux 后端

Sentinel在docker中获取CPU利用率的一个BUG

捉虫大师

Java sentinel cpu

Docker运行常用软件:MySQL,Redis,Nginx,RabbitMQ,Neuxs,Gitlab

读钓

MySQL nginx Docker gitlab

都在说实时数据架构,你了解多少?

Apache Flink

大数据 flink 流计算 实时计算

读书·行路·问心·求道

黄崇远@数据虫巢

读书笔记 个人成长 读书

一个工程师向电信公司的维权

D

记一次spring注解@Value不生效的深度排查

捉虫大师

spring Spring Boot dubbo

以为是青铜,没想到是王者的dubbo标签路由

捉虫大师

dubbo

一次漫长的dubbo网关内存泄露排查经历

捉虫大师

dubbo 内存泄露

18个PPT,29个提问解答,都在这儿啦!

Apache Flink

大数据 flink 流计算 实时计算

Python 有哪些黑魔法?

极客时间

Python 编程语言

零基础应该如何学习爬虫技术?

极客时间

Python 编程 爬虫

Linux系统优化

桥哥技术之路

Linux

IPFS 星际传输协议的入门(二)

AIbot

区块链 分布式数据库

一行代码实现网站可编辑,并解决网站禁止复制的限制

wangkx

复制 破解 DOM

Apache Beam 大数据处理一站式分析

李孟聊AI

Java 大数据 数据中台 数据交换 Beam

如何在非 sudo 用户下运行 docker 命令?

愚一

Docker DevOps

Ledge:这可能是距今最好的『DevOps + 研发效能』知识平台

Phodal

DevOps 敏捷开发 软件开发 研发效能

skywalking内存泄露排查

捉虫大师

dubbo 内存泄露

nacos的一致性协议distro介绍

捉虫大师

nacos

MacOS配置网络命令

编程随想曲

macos network

在Kubernetes上运行SpringBoot应用

铁花盆

Docker Kubernetes Spring Boot

用jdk8的stream实现斐波那契数列

编号94530

jdk stream 斐波那契 fibonacci

什么是物联网中台

老任物联网杂谈

物联网中台 IOT Platform 物联网平台

身为程序员,怎么接私活赚外快?

爱看书的小代码

LeetCode 前1000题二叉树题目系统总结

Yano

面试 算法 LeetCode 二叉树 刷题

项目实施要避免哪些坑?

顾强

项目管理

当dubbo多注册中心碰上标签路由

捉虫大师

dubbo

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