QCon北京「鸿蒙专场」火热来袭!即刻报名,与创新同行~ 了解详情
写点什么

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

评论

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

Windows 11 24H2 中文版、英文版 (x64、ARM64) 下载 (2025 年 3 月更新)

sysin

windows

企业分公司异地组网难题怎么解决?

Ogcloud

企业组网 异地组网

SvelteKit 最新中文文档教程(8)—— 部署 Node 服务端

冴羽

vue.js 前端 React Svelte SvelteKit

QCN9274/QCN9224 SOC WiFi 7 Wireless module: Enabling future communication for unmanned devices

wifi6-yiyi

mesh WiFi7

代码采纳率从 22% 到 33%,通义灵码辅助数据库智能编码实践

阿里巴巴云原生

阿里云 云原生 通义灵码

Windows 11 23H2 中文版、英文版 (x64、ARM64) 下载 (2025 年 3 月更新)

sysin

windows

Windows Server 2022 中文版、英文版下载 (2025 年 3 月更新)

sysin

windows

代码采纳率从 22% 到 33%,通义灵码辅助数据库智能编码实践

阿里云云效

阿里云 云原生 通义灵码

如何选择最适合自己的远控软件?4款产品对比评测

科技热闻

聚焦英伟达GTC 2025:ScaleFlux携手合作伙伴共绘智能存储生态蓝图

ScaleFlux

英伟达 数据存储 企业存储

Kali Linux 2025.1a 发布 - 领先的渗透测试发行版

sysin

kali Linux

YashanDB yex_server沙箱进程管理

YashanDB

数据库 yashandb

YashanDB备份

YashanDB

数据库 yashandb

vivo 湖仓架构的性能提升之旅

StarRocks

SQL优化 presto 兼容性测试 StarRocks 物化视图

OpenAI 发布新一代 STT/TTS 模型,10 行代码构建 Voice Agent;声网推出对话式 AI 开发套件丨日报

声网

「战友」变「对手」:Pump.fun 与 Raydium 正式打响争夺 Solana Memecoin 市场的战役

TechubNews

IPQ5322 + QCN6224 combination offers a versatile and high-performance WiFi 7 solution

wifi6-yiyi

mesh network

Windows Server 2025 中文版、英文版下载 (2025 年 3 月更新)

sysin

windows

数据、信息、知识、智慧:AI时代我们该如何思考?

不在线第一只蜗牛

人工智能 数据

YashanDB计划管理

YashanDB

数据库 yashandb

Windows 10 version 22H2 中文版、英文版下载 (2025 年 3 月更新)

sysin

windows

YashanDB SQL命令备份恢复

YashanDB

数据库 yashandb

YashanDB恢复

YashanDB

数据库 yashandb

使用外部事件检测接入 CDH 大数据管理平台告警

观测云

告警策略

干货分享 | 一看就懂的电脑配置代理IP全流程

kookeey代理严选

代理IP设置 TikTok 账号防关联 独享代理 亚麻逊

打造用户认证系统,构筑信息安全防线

HarmonyOS SDK

harmoyos

时序数据库 IoTDB 常见问题 Q&A 第六期

Apache IoTDB

原生APP开发的优势和特点

北京木奇移动技术有限公司

原生APP 软件外包公司 APP外包公司

2025数字中国创新大赛·智能科技赛道正式启动

极客天地

YashanDB会话管理

YashanDB

数据库 yashandb

YashanDB备份恢复

YashanDB

数据库 yashandb

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