写点什么

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

评论

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

拥抱鸿蒙生态,人民科技助推媒体融合发展和数字转型

最新动态

拥抱鸿蒙生态,多彩宝加速政务服务数字化转型升级

最新动态

迎接第500家伙伴

明道云

在 Go 中如何检查结构体是否为空

江湖十年

Go 后端 Go web 结构体 Go 面试题 面经 后端 大厂

蜻蜓点金植入原生鸿蒙特性,助力金融服务更安全更便捷

最新动态

明道云和汉得信息联名发表《APaaS应用实施方法论(修订版)》

明道云

【数据采集】亮数据浏览器、亮网络解锁器实战指南

阿Q说代码

数据采集 亮数据浏览器 亮网络解锁器

华为云数据库斯享会上海站,NineData技术总监薛晓乐主题分享:DevOps最佳实践

NineData

数据库 DevOps 华为云 NineData 华为云数据库斯享会

基于LangChain手工测试用例生成工具

测试人

软件测试

STC89C52+DS18B20实现环境温度检测(数码管显示温度)

DS小龙哥

6 月 优质更文活动

航空电子制造业企业数字化转型:智能工厂建设

天津汇柏科技有限公司

数字化转型 智能工厂 航空航天 电子电器制造业

重磅!免费一键批量混剪工具它来了,一天上万短视频不是梦

程序那些事

工具 AIGC

《机器学习与R语言》PDF

程序员李木子

LeetCode题解:1669. 合并两个链表,JavaScript,详细注释

Lee Chen

TDengine 签约昆船电子,助力某卷烟厂打叶复烤线技改

TDengine

数据库 tdengine 时序数据库

Mac数据库管理软件:Navicat Premium v17.0.1 中文激活版

你的猪会飞吗

Mac软件下载站 mac破解软件下载

奇怪的缓存一致性问题

阿里技术

缓存 缓存一致性 故障排查 诊断 排查

培训心得 | 来自一线的声音,AntDB数据库ACP培训认证怎么样?

亚信AntDB数据库

AntDB 国产数据库 AntDB数据库 企业号 6 月 PK 榜

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