真屏实据丨数据大屏设计实战—揭秘企业级数据-《What HiFi》中文网
您的当前位置: 主页 > 企业级IT > 真屏实据丨数据大屏设计实战—揭秘企业级数据

真屏实据丨数据大屏设计实战—揭秘企业级数据

发布时间:2019-09-22 20:11    来源: 未知  未经授权 不得转载

  大屏是我们用来分享、沟通、传播信息的有效途径之一。它将会进化成一种新的媒体形式,在品牌推广、政务接待、商业沟通、数据监控等各个场景发挥重要作用。本文主要整理了一些大屏设计过程中的方法和原则,希望能够为大家提供一些借鉴思路。

  1. 可交互的触摸屏,大多运用在互动教学课程或者报告演示现场,用户可结合交互操作来阐述具体内容。设计师需要对交互形式和传达内容作统一思考设计。

  2. 为某些特定的大型活动设计的专属大屏,比如说产品发布会、双11购物狂欢节。这类大屏需要结合音乐、场景、动效、灯光等多方面元素统一烘托,最终效果酷炫震撼,所有展现的内容都是定制化设计和开发的。

  3.专为企业提供服务的可视化数据大屏,这一类大屏在商业中有其应用价值,它的特性是数据展示能力强,用一些较为常见的图表,如柱状图、饼图等来展现业务情况,使客户快速读懂数据背后的含义。

  数据报告的用户一般是数据分析师,分析师制作完报告,会把结果反馈给业务人员或者公司高层,为决策提供参考。而大屏的用户会更广,整个企业内的有关人员甚至所有员工都能够看大屏。

  一份完整的报告一般包括详细的分析过程,用户无法在不交互的情况下了解完整数据,比如说筛选、钻取、查看详情等等,都是很常用的分析功能。而大屏依靠视觉、动效,来传递有效信息,用户并不需要交互即可直观迅速了解内容。

  报告偏向展示一段时间内的数据,某些企业甚至能通过报告的日期筛选查询到从接入系统开始所有的历史数据。大屏更多起到的是监测职能,反馈的是实时信息,显示的是当下的数据。

  报告的阅读场景决定了它展示的侧重点在“精确”和“完整”,要达到这两点,不可避免有时候会牺牲一些视觉表现。例如:数据项过多的情况下,视觉感受比较拥挤。

  对于大屏来说,即使只有当下的数据,用户也很难在短时间内get到关键,所以重要的是如何在有限的时间内传递出有效信息,即如何迅速提炼出重点数据并展示,即使这样会牺牲数据的完整性。

  大部分人制作大屏的方式,只是一种图表的堆砌,先把需要的单个图表做完,然后简单地罗列组合在一起,最后改变一下整体颜色,就完成了。整个过程虽然不能说错,但并没有把大屏的优势发挥出来。一个完整的大屏设计过程应该包括以下步骤:

  首先,我们要对数据进行分析,得出自己的结论。同样一份数据,因为不同的角度和思考方式,可能得出的观点很不一样。例如同样都是关于销售额的数据,有人希望知道各地销售额对比,有人希望了解销售额排名前五的商品类型,拿来数据就画图会让设计显得杂乱无章,读者也不知道要读什么数据。

  所以在大屏设计之前,需要先和客户确认他们想要传达给目标用户的重点,这个重点是他们希望用户在读完这个大屏之后能够理解并记住的主要信息,很多公司都错误的认为,把多个数据塞进一个大屏中可以帮助提高公司的专业度,实际上这只能显示他们有很多数据。

  为什么重点这么重要,试想一下,看大屏的人可能只会驻足在屏幕前一分钟,他们和大屏仅有的互动就是快速扫过整张图,在这一分钟内,到底能记住多少信息?设计师在每个设计环节都要牢牢记住这一点。

  可以尝试着问客户两个问题:(1)如果整个大屏只能展示一个最重要的信息,你希望是什么?(2)你希望展现这些信息的理由是什么?通过客户的回答,你能了解他希望用户的关注点在哪里,从而提炼出设计重点。如果只有一个重点,放在最显眼的位置,如果有几个重点,尽量集中放置,吸引视觉焦点。

  没有什么比加粗高亮数字更简单直接,保险大屏想传递的重心在于(1)保费总额 。(2)各地贡献的保费情况。

  网络安全大屏,首先让用户通过直接的数字感知总体安全情况,其次详细查看当前攻击发生的源头和目的地。

  整个客户服务的场景中,员工们是非常忙碌的,可能只有偶尔休息的间隙查看一下实时的服务情况,最希望传达给客服的信息集中设计在左半屏,(1)呼叫量。(2)满意度。其他信息的优先级相对较低。

  明确需要表达的信息和主题后,需要根据这个信息的数据关系,决定选择何种图表类型,以及要对图表作何种特别处理。

  图表种类各式各样,有些图表很难界定是属于哪种关系,我见过讲图表关系和图表功能比较好的平台是Ant v的墨者学院,有兴趣的小伙伴可以了解一下。

  Ant v把数据关系分成了9个大类,当你确定了某个数据关系类型后,就可以根据该数据的使用场景查找出相对应的图表和使用建议,并在其中进行选择。

  当确定了要使用哪些图表做图后,开始进入制作流程,影响最终图表展现效果的元素一般分为两个层面:

  不受数据影响样式的元素,比如说背景、网格线、外边框等等。这类元素起到的是辅助阅读作用,但如果不加处理全部放出,视觉上会显得杂乱和不够简洁,干扰到你真正想展示的信息。对于这类元素,应该尽量隐藏和弱化。

  受数据影响样式的元素,比如说柱状图的柱条长度,柱条颜色,柱条展示个数,气泡图气泡大小等等,这类元素的展示效果和图表本身的数据息息相关,一旦图表本身的数据比较极端,有可能会使得最终视觉展现不尽如人意,我们无法改变具体的数据,是否就完全无法操控这些元素了呢?

  当某一个值特别大时,绘制出的条形远远长于其他类别,导致其他条形被压缩,不便于比较。某条特别长,也可能会影响到整个大屏的排版平衡,可以采用截断选项的方式。

  很多数据可视化工具里都有“数轴是否包括零”这一个选项,用户可通过这个功能来控制坐标轴的显示范围,例如下图,折线的波动范围比较小,走势起伏不明显,这时可以选择数据不从零开始,清晰地看出了折线的走势情况。当然,如果在平时的数据报告中,这样显示有夸大差异的嫌疑,不建议频繁使用。

  当一些数值有负数时,标签和柱条离得较远,不便于阅读,如果标签紧贴柱条,又会发生重叠,比较好的方式是标签根据柱条的方向分别显示在坐标轴的两侧。

  当轴标签太长时,虽然斜放可以避免重叠,但歪着头查看内容在浏览大屏的场景下对用户不是很友好,可以考虑把柱条横向放置,把标签置于柱条空隙之间。

  在做数据报告时,不管有多少数据项,为了完整和精确性,所有的内容都会显示出来,但在大屏中,如此满的数据展示,不但忽略了视觉体验,还会让用户抓不住重点,对于饼图来说,建议扇区个数不要超过5个,例如保留占比前5的扇区,剩下的非重点数据全部归到“其他”。

  如果柱状图的数据项过多,展示时会过于密集,建议先把数据项按照数值大小排序,然后将中间用户可能不是最关心的柱条折叠起来,只保留前五和后五的数据项。

  先来看一张对比图,虽然左图颜色更加丰富,但是没有重点,视觉传达给用户的信息是没有主次的,而右图很明显想传达:这个数值有异常!请关注我!在大屏中,为了在短时间内让用户get到关键信息,应该尽量排除其他不重要的数据项干扰。

  在饼图中,因为颜色块大小代表占比多少,所以高亮的方式并不一定适用,我们可以通过分离某一块扇区达到强调重点的效果。

  大屏的图表中应该尽量避免图例,图例会让用户不断在数据项和颜色块之间往返比对,耗费时间,还容易忘记重点,由于柱条个数经特殊处理后并不会很多,所以数据项名称可以直接标注。

  如果要对大屏设计的特点作一个总结:全屏时突出重点图表,单表时突出重点数据。把握好这点,至少可以避过大部分的坑。但一个高水准的大屏,还少不了一些细节的把控。比如:

  由于篇幅原因,这里不一一详细展开,如果有小伙伴对我们平台感兴趣,可搜索“网易有数”,点击可免费试用。

  数据可视化:把相对复杂的、抽象的数据通过可视的、交互的方式进行展示,从而形象直观地表达数据蕴含的信息和规律。数据可视化是数据空间到图形空间的映射,是抽象数据的具象表达。数据可视化交互的基本原则:总览为...博文来自:般若

  项目中需要做一个数据展示用的看板,初接到任务觉得这个没有什么难度,做个漂亮的网页浏览器全屏就可以了。可是实际做的过程中碰见了问题。第一:浏览器不能有横向和纵向的滚动条,没有鼠标的滚动操作过程。第二:有...博文来自:elie_yang的博客

  首先恭喜你,当你看到这篇文章的时候,不管你是小白还是大咖,你都将直接获得一个高级技能:轻松上手可实时刷新的酷炫大屏。制作可视化大屏,一般有这么几种方案:写代码调用数据和图表,比如写JS+Echarts...博文来自:u014514254的专栏

  数据可视化大屏是一个很重要的“面子”,它一方面能够通过酷炫的效果让人眼前一亮,同时也能借助精心策划把业务和数据的“里子”有效的传达出来。表里如一,才是好的大屏该有的标准。其实做一个数据可视化大屏项目能...博文来自:meng的博客

  设计图尺寸计算方法单块屏幕分辨率(一般为1920x1080),根据横排和竖排数目换算比例,根据主流显示器分辨率1920x1080,得到一个缩放值。将得到的缩放值赋予文档的body的scale属性,这样...博文来自:事非宜,勿轻诺;苟轻诺,进退错。

  1项目背景作为公司负责搜索和推荐的部门,很多业务数据都需要进行可视化展示:一方面是方便团队成员进行监控和分析,另一方面也是为了和业务部门共享分析成果,让数据产生更多的价值。虽然公司已经准备部署Tabl...博文来自:SUL

  小编上次写了篇大屏数据可视化的文章《大屏做成这样,领导不重视你都难!》,围绕布局排版、配色、点缀以及动态效果等方面,阐述了帆软的一些经验,文章中酷炫的大屏效果引起了很大反响,非常多热心的用户留言咨询是...博文来自:u014514254的专栏

  什么?什么?2.8万10套的报表工具。就可以画出大屏?大屏的前世今生作为一个BI行业人,我们对DashBaord,领导驾驶舱,仪表盘等概念都非常熟悉,然而忽如一夜春风来,客户都用起大屏来。大屏可视化需...博文来自:Raqsoft

  在开发大屏数据可视化项目时,除了各类报表的开发外,大屏的风格设计也是一项十分重要且耗时的工作。本文推荐的几款大屏模板,旨在帮助那些有大屏数据可视化开发需求的同学能够快速上手,把更多的时间、精力放在报表...博文来自:般若

  随着社会信息化的高速增长,信息的可视化需求也急剧扩大,特别是一些监控中心、指挥中心、调度中心等重要场所,大屏幕显示系统已经成为信息可视化不可或缺的核心基础系统。下面我们来一起领略国内几个行业内的大...博文来自:digihail2016的博客

  点击有惊喜提到双十一人人都会想到天猫霸气的实时大屏。说起实时大屏,都会想到最典型的流式计算架构:数据采集:将来自各源头数据实时采集中间存储:利用类KafkaQueue进行生产系统和消费系统解耦实时计算...博文来自:weixin_40674835的博客

  数据可视化,不是单纯的数据呈现,更是对行业的理解,对使用感受的掌控,对专业数据的整理分析,我们精益求精,只为让决策更加高质高效。...博文来自:digihail2016的博客

  一、基础概念1、什么是数据可视化把相对复杂、抽象的数据通过可视的方式以人们更易理解的形式展示出来的一系列手段叫做数据可视化,数据可视化是为了更形象地表达数据内在的信息和规律,促进数据信息的传播和应用。...博文来自:般若

  随着市场竞争环境日益激烈,越来越多的管理者意识到,想要在严酷的市场竞争中脱颖而出,必须摆脱粗放式的经营方式,运用数据分析,及时作出科学合理的业务决策。因此,快速便捷的数据分析与实时交互式可视化呈现是企...博文来自:kellykim的博客

  今年在多个部门共同努力下,阿里集团在2015水立方双十一媒体中心立起了一块宽21米,高10米的LED大屏。DataV数据可视化小组有幸在这么大一块画布上尽兴创作,并且在这个项目中小组第一次尝试使用了D...博文来自:Enweitech Software Works

  大屏出现灰阶问题,debug如下,先拉出output信号,用示波器量测信号。如果波形正常,则为玻璃问题。如果波形不正常,则要测试bonding区域,bonding区到IC线路,以及input信号是否正...博文来自:duantao75884567的专栏

  本次课程将通过DataV团队在数据产品和数据大屏两个应用场景中的数据可视化实践案例,向大家分享开发过程中的信息设计思考和技术实现细节。

  从昨天开始,00后大军已经就开始高考了,在网络上对这次高考的报道很多,很多都关注了今年的考生数据,并且用炫酷的图表展示。看着是不是有点小嫉妒,为什么图表还可以做得这么漂亮???是不是也想自己动手做一张...博文来自:DonLex 的博客

  1、阿里云DataV阿里云出品的专业大屏数据可视化服务,旨在让更多的人看到数据可视化的魅力,帮助非专业的工程师通过图形化的界面轻松搭建专业水准的可视化应用,满足您会议展览、业务监控、风险预警、地理信息...博文来自:跃然实验室

  大屏数据可视化项目案例-上市公司全景概览综合使用条形图、柱状图、折线图、饼图、地图、数字翻牌器来实现一个常规的大屏数据可视化项目。项目案例-上市公司地域分布以百度地图为底图,结合ECharts绘制地理...博文来自:的博客

  前一段时间看到一篇关于总结大屏数据可视化设计的文章,具有一定参考性,正好最近在做大屏数据可视化的工作,这里转载分享出来。但是,归结一句话,里面的经验,还是需要你在实际工作中体验,然后对比,并总结自己对...博文来自:ImagineCode 網誌

  随着显示屏技术的发展以及各类用户对数据展示需求的不断提高,产生了各种各样的拼接大屏设备。拼接大屏目前分为液晶拼接屏、等离子拼接屏、DLP、透明屏等,从显示效果、寿命、能耗、成本角度看液晶拼接屏有明显优...博文来自:weixin_44553289的博客

  现在我们看新闻总是能看到这样的可视化大屏其实这个是可以免费,并且迅速制作的(当然不付费,某些功能是不能用的)开始制作我们可以下载一些免费版的大屏制作软件比如帆软的Finereport 大家可以点击链接...博文来自:syThinkCool的博客

  数据可视化大屏是数据展现最直观最全面的方式之一,对于企业重要数据指标的展示和实时数据的监测,是目前极佳的方案。...博文来自:IT小牛的IT见解

  
联系我们| 网站声明| 网站律师| 网站制作| 在线投稿 |泰国试管婴儿 |保研人论坛 |恩施网

Power by DedeCms | 任何建议和意见E-mail: 电话:

主办单位:《What HiFi》中文网、《What HiFi》中文网日报社、《What HiFi》中文网总台 | 互联网新闻信息服务许可证:

增值电信业务经营许可证: 备案号: