写点什么

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

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

    阅读完需:约 3 分钟

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

AI 大模型超全落地场景&金融应用实践,8 月 16 - 19 日 FCon x AICon 大会联诀来袭、干货翻倍!

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

Dashboard(工作台)运用场景


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


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


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


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

应用选择运用场景


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


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


###卡片集运用场景



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


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


###图表类运用场景



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


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

对话式 UI 运用场景


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

结语

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


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


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


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


2019-12-31 14:47756

评论

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

Flutter的特别之处

Geek_99967b

SaaS 小程序开发 小程序组件

前端食堂技术周刊第 38 期:Remix v1.5.0、Babel v7.18.0、前端部署十五章、Tree Shaking 问题排查指南、一文搞懂前端技术发展

童欧巴

前端 Remix 前端部署

天翼云通过DCMM 4级认证

天翼云开发者社区

微幕小程序,给市场一个新的想象空间

Geek_99967b

小程序容器 小程序开发

亚马逊AWS特约评委揭秘FinClip黑客松获胜秘诀

Geek_99967b

SaaS 小程序容器 小程序开发 小程序组件

混合办公首选轻薄本,华为MateBook的“三重变身”改变了什么?

脑极体

在星云科技,我们使用 Zadig 实现多环境并行发布,上千次周部署

Zadig

DevOps 云原生 CI/CD 软件交付

天翼云成为“云优化能力提升计划”首批成员单位!

天翼云开发者社区

分布式协议-Paxos

白裤

PAXOS paxos协议 Basic paxos 5月月更

一起来体验小程序应用的独特魅力

Geek_99967b

SaaS应用 finclip 小程序容器

在线HTML转YAML工具

入门小站

工具

模板化的封装,降低业务代码开发

Java 架构 业务

一文学完Linux常用命令

编程攻略

Linux

第一梯队,增速第一

天翼云开发者社区

在线火星文转简体中文工具

入门小站

工具

在KVM中运行苹果操作系统

lyan

大厂员工过劳死,打工人该如何自救?

大数据梦想家

大数据 程序员 程序人生

【刷题第16天】数组中出现次数超过一半的数字

白日梦

5月月更

十、云原生网络架构

穿过生命散发芬芳

网络架构 5月月更

创业、女性、数字化:后COVID-19世界的复苏“铁三角”

脑极体

如何以极客的方式探索小程序容器技术

Geek_99967b

SaaS应用 小程序转app 跨端运行

企业引流和留存,“App+小程序”是较优技术策略

Speedoooo

微信小程序 APP开发 小程序容器 小程序转app

在黑客马拉松中有什么样的收获?

Geek_99967b

SaaS 黑客松 小程序组件

大厂裁员登上热搜,谈谈我的3点认知

大数据梦想家

大数据 个人成长 程序人生 裁员

使用postMessage对iframe进行跨域数据传输

空城机

iframe postMessage 5月月更

linux之tar使用技巧

入门小站

Linux

Java Core「3」volatile 关键字

Samson

学习笔记 5月月更 Java core

抖音日均拦截93%诈骗行为:如何打击互联网诈骗行为

石头IT视角

【变量规则,HTML 转义,非法导入名称】flask框架总结(三)

恒山其若陋兮

5月月更

天翼云4.0创新成果发布!科技创新赋能安全普惠

天翼云开发者社区

NFT DeFi基础设施AFKDAO 完成300万美元融资 Hoo Labs等参投

区块链前沿News

Hoo AFKDAO

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