AICon日程100%就绪,9折倒计时最后一周 了解详情
写点什么

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

评论

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

现成矿机挖矿软件系统APP开发案例

系统开发

区块链交易所系统开发|区块链交易所软件APP开发

系统开发

android进阶之光!双非渣本Android四年磨一剑,进阶学习资料!

欢喜学安卓

android 程序员 面试 移动开发

一篇让你彻底理解网关是什么的文章

Java架构师迁哥

游戏夜读 | 游戏作品的生命力

game1night

android开发要学什么语言!掌握这些Android开发热门前沿知识,挥泪整理面经

欢喜学安卓

android 程序员 面试 移动开发

阿里P8大神分享的并发编程笔记,颠覆了我以往“正确“的认知

Java 程序员 面试 并发编程

日语复习 Day03【~あまり(に)】

IT蜗壳-Tango

程序员 七日更 日语语法

C2C交易系统APP开发|C2C交易软件开发

系统开发

python自学 第四章 python语言基础之变量

WEB前端修行日志

Python 编码格式

写在开课前

5x

基因编辑食品,能否端上我们的餐桌?

脑极体

精选算法面试-哈希表

李孟聊AI

面试 算法 哈希 28天写作

项目管理系列(4)-另类减肥法

Ian哥

28天写作

「架构师训练营 4 期」 第三周 - 002

凯迪

我做了回视频,告诉你需要用到哪些工具

和牛

工具

Redis布隆过滤器原理与实践

Java redis 面试

智能合约业务场景探索(一)

石君

智能合约 28天写作

「架构师训练营 4 期」 第三周 - 001

凯迪

Windows文件夹还能更改颜色?

程序员的时光

程序员 七日更 28天写作

绩效管理,上下同心者胜(一)

一笑

管理 绩效 28天写作

python自学 第三章 python语言基础之保留字、标识符与内置函数

WEB前端修行日志

Python 编码格式

一款dubbo服务可视化调试工具

程序员架构进阶

dubbo 工具 RPC 服务化 28天写作

OSPF的八大特点介绍

使用DevSecOps保护CI / CD管道

啸天

DevSecOps 应用安全 开发安全

产品经理训练营笔记-认识产品经理(上)

.nil?

Android面试总结(一)

我就感觉到快

如何实现CentOS服务器的扩容??

冰河

Linux centos 扩容 服务器

Lambda 和 Stream API

小方

Java Lambda Stream<T>

RocketMQ解析

石刻掌纹

HDFS杂谈:ACL访问控制列表

罗小龙

hadoop hdfs acl 28天写作

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