大数跨境
0
0

真"屏"实据,亿信BI大屏制作很 easy

真"屏"实据,亿信BI大屏制作很 easy 亿信华辰
2017-11-07
2
导读:学会这些小技巧,双十一大屏你也可以制作
导读

不知不觉,双十一剁手节正式进入了倒计时,多少人的钱包早就已经饥渴难耐了。去年的双十一,小编对那块巨大的作战大屏记忆犹新,不仅是叹服于成交的巨大数额,还有大屏的展现方式更是带来前所未有的视觉冲击。小编决定使用同样支持大屏展示的亿信BI来制作一张双十一大屏,以下是我制作过程的分享。


大屏效果来自亿信BI,图中数据非真实数据


准备工作


需求调研

为了让大屏更加契合用户的各方面的感官,我们需要做一系列的调研工作。主要是要弄明白:这个大屏要展示哪些信息,用于展示的大屏分辨率是多少,什么系统,什么场地,还有一些用户自身的设计要求等等。


整理分析

当我们收集好需求后,就可以进入分析阶段了。在这个阶段,我们需要明确以下几点:

  • 哪些信息最重要,哪些比较重要,即主要显示部分和次要显示部分;

  • 根据用户大屏分辨率,决定分析表的宽高比;

  • 根据用户要求确定整体大屏风格,是丰富多彩,是权威厚重,还是科技深沉;

  • 根据用户给出指标维度数据,采用哪种类型的统计图展示效果会比较好;

  • 根据用户需求确定大屏主题及大屏是否需要切换;

  • 细节方面的处理,比如在某些地方加入动态效果会增加感官体验;



小编的电脑分辨率1366X768,所这次就直接采用了这个分辨率来制作分析表,风格方面采用富有科技感的风格。


原型设计

上面已经把大部分分析工作做好了,确定好了大屏制作方向之后,我们就可以来对大屏进行原型设计了。


大屏布局:

首先设计一张草图,中间部分放入双十一主要关注的信息(交易累计总额与交易曲线),两边分别是次要关注的信息(买家画像、地区热度、热门店铺以及最受欢迎商品),主次分明一目了然,不会让人找不到重点。


统计图表:

  • 交易总额直接采用最简单的数字显示,简单明了;

  • 交易曲线可以采用多系列统计图,更好的体现每个时间段交易成交数额以及总体成交额的变化趋势;

  • 买家画像可以采用饼图(性别)以及条形图(年龄段);

  • 全国各地区交易热度使用H5地图;

  • 最热商品采用词云图;

  • 热门店铺采用数据播放;

  • 背景统一采用深色星空背景图体现科技感。


原型确认

将画好的原型与用户进行确认,再由UI设计效果图(本次大屏制作省略了该过程),确认无误后可以开始利用亿信BI制作大屏了。


大屏制作


根据已经确定的效果图,对分析表进行布局设计,按照用户大屏分辨率来划各统计图表所占区域大小,在不同容器中制作分析表及统计图,细节调整,例如设置背景颜色,动图、炫光效果等,该过程同普通分析表制作过程。



门户展示


双十一大屏可能包括多个主题,在展示过程中,需要进行大屏切换,亿信提供超级门户供用户自由设计,可以将多个大屏统一放在一个门户中无缝切换。



注意:大屏制作好的效果,每次都需要和需求提出人进行多次沟通,直至上线。



其他大屏案例


除了上面双十一大屏之外,亿信BI还积累了很多大屏的案例,下面小编放一些大屏案例供大家欣赏。




【声明】内容源于网络
0
0
亿信华辰
领先的数据分析和数据治理软件厂商 | 中国数据治理解决方案市场第一 | 数据资产管理标杆厂商 | Data Agent | 数据中台
内容 886
粉丝 0
亿信华辰 领先的数据分析和数据治理软件厂商 | 中国数据治理解决方案市场第一 | 数据资产管理标杆厂商 | Data Agent | 数据中台
总阅读2.4k
粉丝0
内容886