写点什么

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

评论

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

LeetCode题解:剑指 Offer 22. 链表中倒数第k个节点,使用数组,JavaScript,详细注释

Lee Chen

算法 大前端 LeetCode

Java程序员必备,Github上星标55.9k的微服务神级笔记简直太香了,学完感觉自己又行了!

Java架构之路

Java 程序员 架构 面试 编程语言

数字人民币都来了 黄金还有什么用?

CECBC

数字货币

《迅雷链精品课》第二课:区块链核心技术框架

迅雷链

区块链

TCP性能分析与调优策略

程序员 计算机网络 网络协议

马士兵老师首推Java七条自学路线,自学到底能不能行?自学也能拿到40W年薪?

Java架构追梦

Java 架构 面试 马士兵 项目实战

从零到千万用户,我是如何一步步优化MySQL数据库的?

冰河

数据库 架构 性能优化 分布式数据库 分布式存储

5G为数字化转型插上翅膀

CECBC

5G网络安全

把最新JAVA面试真题(阿里/字节跳动/美团)整理出来,却被自己菜哭了,赶紧去刷题了

Java架构追梦

Java 阿里巴巴 架构 面试

当代开发者的六大真实现状,你被哪一个场景“戳中”了?

华为云开发者联盟

开发者 调研 报告

从一场“众盟科技云滇之播”,我们发现了美食直播的商业与公益价值

人称T客

Java垃圾回收GC概览

Java JVM GC

简要分析近几年商业软件开发平台的现状

Philips

敏捷开发 快速开发 企业应用

Docker

【算法题目解析】杨氏矩阵数字查找

程序员架构进阶

算法 二分查找 杨氏矩阵

云计算简史(完整版)

明道云

可以解除程序员中年危机的职业规划

Java架构师迁哥

cglib入门后篇

Rayjun

Java cglib

区块链产业,怎样“链”住未来?

CECBC

区块链

完美!阿里P8都赞不绝口的世界独一份489页SQL优化笔记

Java~~~

Java 数据库 程序员 架构师 SQL优化

Pulsar Summit Asia 2020 中文专场议题出炉!

Apache Pulsar

大数据 开源 Apache Pulsar

涨薪神作!华为内部操作系统与网络协议笔记爆火,Java程序员有福了

Java架构之路

Java 程序员 面试 编程语言

Redis基础—了解Redis是如何做数据持久化的

数据库 redis 编程 计算机

anyRTC Flutter SDK :全面实现跨平台音视频互动

anyRTC开发者

音视频 WebRTC RTC sdk 安卓

JMeter100个线程竟然只模拟出1个并发

dongfanger

软件测试 Jmeter 性能测试 压力测试 测试工具

IPFS云算力挖矿系统开发技术

薇電13242772558

区块链 IPFS

非线性声学回声如何破解?华为云硬核技术为你解决

华为云开发者联盟

算法 音视频

JVM真香系列:轻松掌握JVM运行时数据区

田维常

JVM

阿里云视频云实时字幕技术,助力英雄联盟S10全球总决赛

阿里云CloudImagine

游戏开发 直播 语音识别 字幕

【T1543.003】利用 ACL 隐藏恶意 Windows 服务

比伯

Java 大数据 编程 架构 计算机

京东技术中台Flutter实践之路(二)

京东科技开发者

开源 中台 大前端 Web UI

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