50万奖金+官方证书,深圳国际金融科技大赛正式启动,点击报名 了解详情
写点什么

从列表式 UI 中升华探讨:卡片式 UI 有哪些创新点(三)

  • 2019-12-31
  • 本文字数:875 字

    阅读完需:约 3 分钟

从列表式UI中升华探讨:卡片式UI有哪些创新点(三)

场景探索:寻求卡片式设计的最佳案例

Dashboard(工作台)运用场景


工作台的设计源于仪表盘,而仪表盘的核心理念是直接、高效、准确地向用户展示最重要的信息。


对于工作台的设计,需要重注三个元素:场景、角色、内容;他们的关系是在相应场景下需要给某类角色提供最需要查看的内容,而这个内容往往是多类别的。


我们将卡片式设计代入,自由的布局方式可以带来每块区域的很好的展示方式,同时更加重要的是卡片集强大的分类功能,在工作台上做信息分类布局使得用户可以更高效浏览一类信息。


数据排布主要涉及到三个心理学小知识:格式塔原则、短时记忆和神奇的 X。

应用选择运用场景


对于应用选择,我们需要展示给用户的第一要素是『这是什么应用』,每个独立卡片中承载的图标和名称可以以最生动形象的感知传达给用户。


设计师往往注重功能化导向设计,而用户体验更需要让用户愉悦的完成任务,所以注重感知和情绪设计会让用户更加喜欢。


###卡片集运用场景



这类场景往往更注重对单个信息的关注,此时用户不需要进行对比,更需要对单个信息内容进行多远互动,我们将卡片进行信息分级设计,同时设计丰富的互动操作栏。


列表更倾向于对信息进行总览、比较、过滤筛选。


###图表类运用场景



在数据可视化领域有『数据深度分析』和『数据概览』,我们借助卡片承载简单的数据概览内容,展示数据趋势与核心指标,在保证数据价值的同时也使得数据可视化的运用场景得到拓充。


将图表卡片运用在报表页面,可以打造分析型报表的业务场景。

对话式 UI 运用场景


我们打破传统对话式 UI 的体验模式,将『图形化 UI』与『对话式 UI』相结合,此时卡片就是图形化元素最好的载体,各式各样的卡片丰富了对话式 UI 的交互方式,又与之完美融合,体验具有整体性。

结语

正是因为上述价值点使得卡片化设计快速流行起来,并且会使用越来越广泛。


卡片式设计并不是一种简单的样式设计,而是一种信息自由布局的设计语言,它使人机交互方式越来越丰富,相信会有越来越多的平台创造新的卡片式交互形式,以创造更加极致的用户体验。


本文转载自 Think 体验设计公众号。


原文链接:https://mp.weixin.qq.com/s/vYfol56CZPMStx9JqxrCOg


2019-12-31 14:471177

评论

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

成立22年,魅族为何选择“归航”?

趣解商业

数码 魅族22 魅族科技

可灵AI数字人来了!快手重磅发布Kling-Avatar,面向多模态指令理解与控制的数字人长视频生成新范式

快手技术

音视频 大模型 数字人 可灵 可灵AI

iPaaS 平台的API 管理 + API编排,如何支持企业数字化转型

谷云科技RestCloud

数据传输 集成平台 API管理 ipaas api编排

AI 一体机未来技术趋势详解

慢点科技SlowTech

MySQL 数据归档的技术困境与 Databend 解决之道

Databend

新客户 | 7% 压缩率、毫秒级查询,这套金融数据平台让交易回放更快

TDengine

tdengine 时序数据库

从“被动监控”到“主动优化”:MyEMS 重构能源管理价值的路径

开源能源管理系统

开源 开源能源管理系统

超融合架构的进阶之路:如何解锁性能与规模的双重跃升?

智驱前线

FICO 借贷 入门解释

机机复唧唧

SAP FICO

能源三变:全场景构网、AI与高质量,联手改写能源格局

脑极体

AI

华为云:以AI榫卯,建智能广厦

脑极体

AI

第一次参与开源的时序数据库 IoTDB Committer:这份成就感是无可替代的

Apache IoTDB

哪些AI软件值得推荐?10个国内外主流AI工具大盘点

职场工具箱

人工智能 效率工具 AIGC AI工具 AI生成PPT

博文干货 | Pulsar 平均负载器(AvgShedder)

AscentStream

消息队列

AI 大模型入门 四:检索增强生成(RAG),自动生成精准用例!

测吧(北京)科技有限公司

高效连接用户,赋能企业增长!12款主流推送类SDK完成鸿蒙5适配

新消费日报

MySQL分库分表迁移:ETL平台如何实现数据合并与聚合

谷云科技RestCloud

MySQL 数据传输 数据同步 数据迁移 ETL

四年零故障,存储成本降九成——中冶京诚钢铁车间数据中心实践

TDengine

tdengine 时序数据库

AI中的潜意识学习:大语言模型隐藏的安全隐患

qife122

AI安全 潜意识学习

抢先看 中兴通讯、安谋科技等企业大咖演讲亮点一览|2025 云栖大会

OpenAnolis小助手

AI 操作系统 云栖大会

博睿数据携手华为共筑智能未来,深度参与HUAWEI CONNECT 2025并发表主题演讲

博睿数据

喜报 | 博睿数据Bonree ONE 荣登中国信通院"铸基计划"三大权威名录!

博睿数据

CCF 大数据学术会议 | TDengine 解析工业大数据从“能存”到“能用”的转变

TDengine

tdengine 时序数据库 idmp

经验分享 —— 在 Ubuntu 虚拟机中部署 OceanBase 数据库

老纪的技术唠嗑局

ubuntu oceanbase 安装部署

轻松实践:用Python实现“名字大作战”游戏,表白Zulu!

Comate编码助手

代码自动生成 AI 编程 文心快码 文心快码Zulu

超全参会指南 “操作系统开源与 AI 进化分论坛”就等你来 | 2025 云栖大会

OpenAnolis小助手

AI 操作系统 云栖大会 龙蜥社区

车机体验的“老大难”,华为云CloudDevice用端云协同来解

Alter

云主机 端云协同 汽车电机

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