易坊好文馆

  1. 首页 > 玩科技 >

业务|思迈特软件数据可视化大屏设计的经验分享

信息 业务 软件 数据 进行 尺寸 大屏 知识科普 分辨率 设计的 指标 图表 设计稿 Smartbi 思迈特

大数据时代 ， 我们最常听到的一句话就是“用数据说话” 。 但数据本身是冰冷的数字 ， 它很难直接告诉我们哪些数据是有价值的信息 。 只有通过合适的可视化工具来进行数据的展示表达 ， 才可以使传递给使用者的感受更加直观 ， 也更容易获得其中价值 。
数据大屏就是一种非常有效的数据可视化工具 ， 它可以将业务的关键指标以可视化的方式展示到一块或多块LED大屏上 ， 不仅可以让业务人员快速、直接地从繁杂的业务数据中找到重要数据 ， 还可以对决策人员起到辅助作用 。
对于大数据从业人员来说 ， 可视化大屏可能是最能展现工作价值的一个途径 。 因为数据分析的最后成果就需要可视化展现出来 ， 而可视化大屏这种直观的、炫酷的、具有科技感的方式 。
那怎样设计制作出领导满意、效果拔群的可视化大屏呢 。 下面这些设计步骤 ， 必须了解 。
一、客户沟通 ， 明确需求
可视化大屏开始设计之前 ， 最重要的就是 ， 跟客户进行沟通 ， 明确用户的需求 。
整体项目是利用大屏设备进行相关数据及图表展示 ， 我们预想将项目应用的场景分为两种情况：1.专业展示：参与商务活动、分享或为某些团体进行讲解及展示使用 。 2.普通展示：主办公区域或前台大厅实时数据展示 。
通过应用场景 ， 还可以进一步将用户进行区分 。 将场景和用户进行分类后 ， 就可以进一步根据他们的需求 ， 进行需求可视化大屏的归集 。
二、了解物理大屏 ， 确定设计稿尺寸
大屏一般分辨率比较高 ， 如果不事先确定物理大屏尺寸 ， 设计稿设计出来的效果被投放到大屏上就会有偏差失真 。 一般情况下 ， 确定设计稿尺寸需要分两种情况：当投屏电脑与与大屏系统尺寸比例、分辨率一致时 ， 设计稿的尺寸、分辨率以投屏电脑为准;当投屏电脑与与大屏系统尺寸比例、分辨率不一致时 ， 设计稿的尺寸、分辨率以物理大屏为准;
注意 ， 若物理大屏分辨率过高 ， 可进行分辨率减半设计
所以 ， 一般我们也不建议大屏用自适应方式 ， 如果是自适应 ， 系统就会按各自模块的宽高比先计算实际值 ， 一旦大屏内容布局较多或指标计算复杂 ， 则会非常影响大屏计算性能和实时分析能力 。
三、确定关键指标
关键指标是一些概括性词语 ， 是对一组或者一系列数据的统称 。 一般情况下 ， 一个指标在大屏上独占一块区域 ， 所以通过关键指标定义 ， 我们就知道大屏上大概会显示哪些内容以及大屏会被分为几块 。
四、页面布局划分
尺寸和关键指标确立后 ， 接下来要对大屏进行布局和页面的划分 。 这里的划分 ， 主要根据我们之前定好的业务指标进行 ， 核心业务指标安排在中间位置、占较大面积;其余的指标按优先级依次在核心指标周围展开 。 一般把有关联的指标让其相邻或靠近 ， 把图表类型相近的指标放一起 ， 这样能减少观者认知上的负担并提高信息传递的效率 。
主次分明、条理清晰、注意留白 ， 合理利用大屏上各个小的显示单元 ， 并尽量避免关键数据被拼缝分割 。
五、确定统计图类型
选定图表注意事项：易理解、易实现;图表类型选择 ， 可以参考思迈特软件统计图 ， 百余种统计图组件 ， 任君选择 。
易理解：要考虑大屏最终用户 ， 可视化结果应该是一看就懂 ， 不需要思考和过度理解 ， 因而选定图表时要理性 ， 避免为了视觉上的效果而选择一些对用户不太友好的图形 。
易实现：某些效果用设计工具可以轻易实现 ， 但开发要用代码落地却非常困难 ， 所以大屏设计中一定要善用工具 ， 切忌不计成本 ， 埋头苦作 。
六、定义设计风格
可视化大屏的设计风格主要根据行业类型、客户喜好、具体展示指标整体搭配 ， 但总体一般以深色为主 ， 这主要是因为大屏如果是浅色系长时间观看会造成眼睛疲劳、刺疼 ， 还一点就是浅色上面不是很适合体现动感光线等特效的展示 。 当然大屏虽酷炫 ， 但我们也不能忘记了为了炫酷而炫酷 ， 实际我们还是要以展示具体指标为主要目的 。 平时的时候可以多看一下优秀的可视化大屏案例网站 ， 也会对设计风格有良好的帮助 。
七、可视化颜色搭配
色彩是最能给人直观感受的 ， 能够直接的牵引用户去寻找有效信息 。 整体色彩确定后 ， 便运用色彩来划分信息的层级关系 ， 用主色调强调重点内容 ， 以引导用户能够清晰、明确、迅捷的识别重要信息 。
【业务|思迈特软件数据可视化大屏设计的经验分享】图表需要的颜色较多时 ， 建议最多不超过12种色相 。 通常情况下人在不连续的区域内可以分辨612种不同色相 。 过多的颜色对传达数据是没有作用的 ， 反而会让人产生迷惑 。
八、动效设置
整个项目中有许多数据都是实时变化的 ， 为了减少数据变化刷新时的突然性 ， 动效设计必不可少 。 在整个动效设计的过程中 ， 除过场动画、数据的变化外 ， 动效还肩负起增添空间感、平衡画面和整合信息的作用 。但是在增加动效的同时 ， 仍需考虑服务器在承载大量数据涌入的同时 ， 是否能够承载较多的动效 ， 分析画面与数据量 ， 对动效部分进行适当取舍 。 使动效不必喧宾夺主 ， 明确画面中的重点进行展示 。
九、定稿
确定五方面内容：
之前确立的布局在放入设计内容后是否依然合适；
确立的图表类型带入数据后是否仍然客观准确；
根据关键元素、色彩、结构、质感打造出的页面风格是否基本传达出了预期的氛围和感受;已有的样式、数据内容、动效等在开发实现方面是否存在问题；
大屏是否存在色差、文字内容是否清晰可见、页面是否存在变形拉伸等现象 。
如果还有细节问题可以进一步调优 。
大屏数据可视化设计的原则：
1.是要服务于业务 ， 让业务指标和数据合理的展现
由于往往展现的是一个企业全局的业务 ， 一般分为主要指标和次要指标两个层次 ， 主要指标反映核心业务 ， 次要指标用于进一步阐述分析 ， 所以在制作时给予不一样的侧重 。
2.合理的布局能让业务内容更富有层次 ， 合理的配色能让观看者更舒适
配色的学问主要是背景色 ， 背景色又分为整体背景以及单个元素的背景 ， 无论是哪一个 ， 都遵从两点基本原则：深色调和一致性 。 深色调是为了避免视觉刺激 。
3.在大屏展现上 ， 细节也会极大的影响整体效果
通过适当给元素、标题、数字等添加一些诸如边框、图画等在内的点缀效果 ， 能帮助提升整体美观度 。
4.动效的增加能让大屏看上去是活的 ， 增加观感体验
但过分的动效极其容易喧宾夺主 ， 反而丧失了业务展现价值 ， 我们需要把握一个度 ， 既要平衡酷炫效果 ， 又要突出内容 。

    推荐阅读


    上一篇：蛋白质结构|熟鸡蛋变生鸡蛋？真有这事？

    下一篇：记账|百事AA记账 高效解决多人算帐和财富管理的佳选