2天时间,聊今年最热的 Agent、上下文工程、AI 产品创新等话题。2025 年最后一场~ 了解详情
写点什么

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

评论

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

一起学Elasticsearch系列-核心概念

Java随想录

Java elasticsearch ES

IT运营与DevOps:有何不同?

SEAL安全

DevOps 企业号11月PK榜 IT运营

理解JavaScript模运算符

南城FE

JavaScript 前端

轻松理解 Transformers (3): Feed-Forward Layer部分

Baihai IDP

人工智能 深度学习 AI Transformer 白海科技

是时候扔掉你的密码了

权说安全

单点登录

华为云HR产品:助力先进制造企业实现人力资源数字化转型

YG科技

华为云联合i人事推出一体化智能人力资源解决方案

YG科技

从零开始搭建个人网站博客

价投小邱

个人博客 个人网站

训练的过程是怎样的,大概时间有多长?

矩视智能

深度学习 机器视觉

Macos最好用的剪切板管理工具:Paste for Mac 4.1.2中文版

加油,小妞!

Paste中文版 Paste 剪切板管理

office系列全套办公软件:Office LTSC 2021中文版

加油,小妞!

office办公套件 Mac办公软件

HashData携手XSKY 助力企业构建数据智能底座

酷克数据HashData

大模型训练中的安全风险与防范策略

百度开发者中心

图像识别 大模型 人工智能「

“双十一”直播纵享丝滑,华为云CDN加速服务极致体验

YG科技

已完结!给小白的《50讲Python自动化办公》

程序员晚枫

Python GitHub Office 自动化办公

Linux操作系统中软件安装

小齐写代码

Health Kit申请验证有问题?解决方案全解析

HarmonyOS SDK

HMS Core

“双11”华为云CDN大文件下载加速,更快更稳更优质

YG科技

北漂五年程序员|腰突颈椎病康复指南

九旬

程序员 前端 后端 健康 北京

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