写点什么

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

评论

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

简单工厂模式

猴子胖胖

设计模式 Go 语言

架构师训练营第七周作业

月殇

极客大学架构师训练营

寻找性能更优秀的动态 Getter 和 Setter 方案

newbe36524

C# dotnet

极客时间架构 1 期:第7周 性能优化(一) - 学习总结

Null

你不好奇 CPU 是如何执行任务的吗?

小林coding

Linux cpu 操作系统 计算机基础

Newbe.ObjectVisitor 样例 1

newbe36524

C# dotnet

AI会取代人类劳动吗?

脑极体

性能压测

橘子皮嚼着不脆

架构师训练营 2 期 - 第三周总结

Geek_no_one

极客大学架构师训练营

第三周学习总结

晴空万里

架构师训练营 1 期第 7 周:性能优化(一)- 作业

灵霄

极客大学架构师训练营

Fedora32安装MySQL8

ilovealt

MySQL Linux

架构2期 - 第三周作业(2)

浮生一梦

极客大学架构师训练营 第三周总结 2组

架构师训练营第 1 期 week7

张建亮

极客大学架构师训练营

架构师训练营第二期 Week 3 作业

bigxiang

极客大学架构师训练营

Architecture Phase1 Week7:Summarize

phylony-lu

极客大学架构师训练营

week07学习总结

龙卷风

架构师一期

第三周设计模式总结

leo

极客大学架构师训练营

异步并发分布式编程框架Akka

天天向上

极客大学架构师训练营

极客时间架构 1 期:第 7 周 性能优化(一) - 命题作业

Null

架构师训练营 2 期 - 第 3 周命题作业

Geek_no_one

极客大学架构师训练营

架构师训练营第 7 周课后练习

叶纪想

极客大学架构师训练营

架构师训练营第七周总结

月殇

极客大学架构师训练营

寻找性能更优秀的不可变小字典

newbe36524

C# dotnet

第七周总结

_

极客大学架构师训练营 第七周总结

架构师训练营week07作业

FG佳

极客大学架构师训练营 week07

架构师训练营第三周总结

张浩

架构师训练营 第三周作业

文江

第三周作业

晴空万里

Netty源码解析 -- PoolSubpage实现原理

binecy

Netty 内存管理 源码阅读

Newbe.ObjectVisitor 0.2.10 发布,更花里胡哨

newbe36524

C# dotnet

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