恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
阿里数据在知识图谱可视化中的设计探索
0.0°
2020-04-27 原创文章 经验/观点 举报 5799 21 23 0

前言


图谱可视化的意义


图谱可视化设计流程


图谱可视化的设计探索及应用


场景一:数据探查


场景二:智能问答


场景三: 险监控


赋能行业的图谱可视化规范


小结




BU:数据技术及产品部




前言


在数据智能时代,数据不仅仅只是一个个字符串,挖掘它们背后隐含的关系是智能产品的重点方向。伴随数据量的爆增和数据结构的复杂化,知识图谱作为最直观展示真实世界的数据结构应运而生。如何将海量庞杂的关联数据合理的呈现,使它能够直观、快速的服务于业务是大数据设计师的一个重要课题。



图谱可视化的意义


传统数据表 VS 知识图谱



知识图谱是基于图数据技术发展而来的产物,相对于传统的数据表形式的存储方式,知识图谱这种数据模型更适合让机器理解数据的关联,也符合人对真实世界的认知和记忆。



同时,由于数据量的增 和业务的日益复杂,通过图表和指标等展示形式无法满足业务人员洞察结果背后关联关系的诉求。通过图谱可视化,根据业务需求设计合适的数据展示布局和交互形式,用户可直观的对数据进行全局感知,也能够了解数据结构背后的数据关系,对结果进行追根溯源的分析。


图谱可视化设计流程



在前期的需求调研后,从设计内容上看图谱可视化设计主要包含定义图谱使用目的,设计合理布局布局,


为不同的业务使用场景定义符合用户诉求的交互及展示链路。主要重点包括:


a.了解图谱实际数据结构:数据的关系是树状的?网状的?还是离散的点状的?这会影响到用户关注的是


数据的层级还是类别等属性,进而影响到图谱的布局形式。


b.定义图谱可视化目的:用户在不同目的下关注的图谱信息是不一样的,从视⻆层面上可以划分为看全


局,看关系,看层级,看链路,看细节,根据不同的视⻆设计图谱形式


c.设定合理的布局及展示规则:图谱展示的是大数据量信息,通过清洗、聚合、归类、分层、重组等手段


梳理数据,设计易读的图谱布局,并通过交互等手段对展现的数据量进行控制,保证图谱的易用性。






图谱可视化的设计探索及应用



阿里大数据团队一直致力于打造易读、易用、可分析的数据可视化产品。早在2018年,我们所研发的Dataphin-数据资产版图中,就有过对图谱可视化的尝试,在数据行业引起了一阵轰动。我们试图在业务需求与底层数据之间搭建起桥梁,让更多人感受到数据带来的便捷与美好。


Dataphin-数据资产版图



随着业务的拓展和数据的复杂化,从数据的展示到关联分析,图谱可视化的应用场景得到不断拓展,下面重点介绍三个场景下的图谱设计内容。



场景一:数据探查


面对海量而庞杂的企业级数据,图谱以其天然的结构优势能够较好的展现其中的关联关系,但在实际应用中,底层的技术图谱是无法直接被解读的。由于大量技术思维的数据存储在图谱之中,并不适合业务人员来解读。


技术视⻆的图谱


针对这样的问题,需要对数据结构进行“清洗”,去掉冗余数据和无关概念,保留最关键的数据节点,并把它们按照人脑读取思维进行重组,进而得到了我们所需要的图谱展示形式。


全局视⻆



当然,任何图谱有其数据承载的极限。对于企业级数据,即使是经过了“清洗”,其体量依然非常庞大,而概览性的图谱只能展示业务整体的健康状况,当用户希望查看更详细的节点数据时,我们便为其构建了单业务场景下的图谱展示视⻆——探索视⻆。我们采用 铃图的数据展示形式,扩展数据的展示空间。

探索视⻆



在细节上,我们综合考虑各种数据展示的极端情况,并为其设计了详细的交互规则。如下图,当单个节点数量过多时,我们为其设定了分批次显示的方式,确保了单个节点的值能清晰展现。

节点切换


场景二:智能问答


在智能问答领域,用户和聊天机器人以问答的形式查询数据,机器通过NLP解读用户输入的信息,以知识图谱为大脑找出关联知识输出数据分析结果及报表。知识图谱像一个“黑盒”存在于技术底层,业务人员对为什么得出这个结果是不可感知的。为了帮助业务人员了解“为什么”,我们用图谱可视化问答背后的数据链路,将“黑盒”可视化。用户既可以通过阿里数据官用问答式的方式查询数据,也可以通过可视化的知识图谱理解背后的逻辑及关联影响。

语音检索



场景三: 险监控


基于可解读的图谱结构,业务人员能快速概览大盘健康状况,发现异常指标,并且了解指标背后关联的节点,查询问题原因以及其可能影响到的指标。

异常分析


赋能行业的图谱可视化规范


产品上线后随之而来的业务需求让我们看到了图谱可视化在行业内广泛的应用场景。所以大数据团队决定将图谱可视化的能力开放给行业。我们基于阿里大数据本身丰富的数据场景,设定了一套完善的图谱可视。


化搭建手册,用户可以基于数据结构、业务诉求,来定义图谱的使用场景,进而选择合适的图谱类型进行可视化搭建。

规范手册(截取)

动效说明


目前这套图谱可视化搭建规范已经广泛应用于阿里大数据的产品中,如非结构化数据平台、数据智能平台等,利用图谱展现了消费者行为偏好、个人属性等数据的关联关系。在2019年双11媒体数据大屏中也利用图谱可视化展现新消费人群的人货消费关系。

非结构化平台

2019双11媒体数据大屏




小结


在数据智能时代,展现数据关联性的可视化存在着巨大的想象空间,从查看单点数据结果到洞察结果背后的关联原因及影响,这个过程中还有许多设计的可能性。作为阿里大数据的设计师,我们将持续探索图谱可视化的应用场景,沉淀可赋能的图谱可视化设计规范。从数据智能到认知智能,未来更精彩!


Powered by Froala Editor

更新:2020-04-27

收藏

21人已收藏

AlibabaDesign

阿里巴巴设计:让商业美而简单

  • 71

    作品

  • 5940

    粉丝

  • 1

    关注

  • 官方解读来了:淘宝品牌LOGO升级
  • 阿里云企业级产品设计系统 B-Design 发布
  • 阿里设计官方年度重磅:2020天猫双十一品牌设计全案
  • 《模式与创新》国际电商平台的破局之路

    猜你喜欢

      2020-04-27 原创文章 经验/观点 举报 5799 21 23 0

      阿里数据在知识图谱可视化中的设计探索

      0.0°

      你确定要举报阿里数据在知识图谱可视化中的设计探索

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年04月27日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      23
      21
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录