写点什么

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

评论

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

Tars-Java网络编程源码分析

vivo互联网技术

网络编程 nio TARS

基于 Kafka 和 Elasticsearch 构建实时站内搜索功能的实践

京东科技开发者

MySQL ES 京东云 京东物流 京东技术

美团:某动态线程池框架是官方开源的么?

马丁玩编程

线程池 美团线程池

Three.js 进阶之旅:物理效果-3D乒乓球小游戏 🏓

dragonir

CSS JavaScript 前端 React three.js

AAA级认证!索信达综合信用水平获高度认可

索信达控股

人工智能与软件工程

紫晖

人工智能 机器学习 软件工程 工程

手把手带你上手ChatGPT

老周聊架构

3月月更 ChatGPT

在京东如何做好前端系统的可观测性

京东科技开发者

前端 京东云 京东技术

作为移动开发你不能不了解的编译流程

京东科技开发者

编译器 移动开发 京东云 京东技术

PyTorch深度学习实战 | 神经网络的优化难题

TiAmo

PyTorch 随机梯度下降 动态调整

gt-checksum 1.2.1发布,新增表结构校验及修复等超实用特性

GreatSQL

MySQL greatsql社区 gt-check

中台的悖论

agnostic

中台

软件测试/测试开发丨MockServer 服务框架设计

测试人

软件测试 自动化测试 测试开发

系统设计的端到端原则

俞凡

架构

利用 ChangeStream 实现 Amazon DocumentDB 表级别容灾复制

亚马逊云科技 (Amazon Web Services)

实现常驻任务除了避免昙花线程,还需要避免重返线程池

newbe36524

C#

一文吃透扫码登录原理

程序员大彬

Java java面试 扫码

常用对话框基本使用

芯动大师

dialog timepicker progress

什么是容器编排及编排的优点

黎博

容器编排 Kubernetes Serverless

线段树模板与练习

timerring

线段树

简历上的项目,需要这样描述才有亮点!

小傅哥

Java 面试 项目 简历 校招

追踪 Kubernetes 中的数据包

张晓辉

Kubernetes 网络

稳定高效数据库管理:Valentina Studio Pro激活版

真大的脸盆

数据库 Mac 数据库管理工具 Mac 软件 管理数据库

运维训练营第19周作业

好吃不贵

如何实现云数据治理中的数据安全?

京东科技开发者

数据库 云计算 京东云 京东技术

如何实现云数据治理中的数据安全?

京东科技开发者

云计算 大数据 数据治理 企业号 3 月 PK 榜 计算资源

CMS系统是什么?

源字节1号

开源 软件开发 前端开发 后端开发 小程序开发

架构实战营 - 模块五作业(微博评论)

🐢先生

架构实战营

AR市场为何频频“呼唤”苹果?

Alter

AR

交易履约之产品中心实践

京东科技开发者

交易 京东云 京东技术 京东科技 产品中心

聊一聊系统重构

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