【ArchSummit】如何通过AIOps推动可量化的业务价值增长和效率提升?>>> 了解详情
写点什么

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

评论

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

DDIA 读书笔记(3)数据编码与演化

莫黎

Mac常见问题解决方案与使用技巧

jiangling500

Mac

架构师训练营第 1 期第 6 周作业

owl

极客大学架构师训练营

训练营第二周作业

大脸猫

极客大学架构师训练营

C 语言实现一个简单的 web 服务器

C语言与CPP编程

c c++ socket C语言 HTTP

架构师训练营第二周作业

李日盛

架构

打破内卷化,AppGallery Connect的全生命周期赋能方案

脑极体

2020中国系统架构师大会活动回顾:ZEGO实时音视频服务架构实践

ZEGO即构

架构设计 RTC

架构训练营 - 第6周课后作业 - 学习总结

Pudding

深入浅出System.gc() 源码解读

AI乔治

Java 架构

技术实践丨PostgreSQL插件之pg_dirtyread "闪回查询"

华为云开发者联盟

数据库 后端

架构师训练营 -week06-总结

大刘忙

极客大学架构师训练营

第二周-作业

ray-arch

极客大学架构师训练营

架构师训练营第 1 期 week6 总结

张建亮

极客大学架构师训练营

“绝影”机器狗如何利用ModelArts强化学习算法更改导航轨迹

华为云开发者联盟

人工智能 机器狗 导航

作为打工人,如何正确的选择自动化测试工具(完全指南)

软测小生

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

训练营第二周总结

大脸猫

极客大学架构师训练营

架构师训练营 - 第 6 周课后作业(1 期)

Pudding

二、ood原则

Geek_28b526

第2周 框架设计-作业

SuGeek

cglib 入门前篇

Rayjun

Java cglib

第六周 Doris临时故障时序图

Geek_fabd84

软考资料学习库

玄兴梦影

最实用的无线PORTAL测试案例

测试 无线网络 网络

一周信创舆情观察(10.19~10.25)

统小信uos

前端组件化

韩向民

架构师训练营第 1 期 week6

张建亮

极客大学架构师训练营

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

菜青虫

极客大学架构师训练营

人少钱少需求多的新项目该怎么带?看到这篇我心里有底了!

华为云开发者联盟

技术 运维 后端

新手初学Java性能之 垃圾收集器

Java架构师迁哥

架构师训练营第 2 周学习总结

菜青虫

极客大学架构师训练营

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