首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

真“屏”实据,这款大屏可视化工具让人拍手叫好

不知不觉,2019年的双十一、双十二剁手节已经过完了,多少人的钱包早就空空如也。去年的双十一,小编对双十一现场直播的那块巨大的作战大屏记忆犹新,不仅是叹服于成交的巨大数额,还有大屏的展现方式更是带来前所未有的视觉冲击。小编决定使用同样支持大屏可视化功能的亿信ABI来制作一张双十一大屏,以下是我制作过程的分享。

需求调研

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

整理分析

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

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

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

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

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

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

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

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

原型设计

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

大屏布局:

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

统计图表:

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

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

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

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

最热商品采用词云图;

热门店铺采用数据播放;

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

原型确认

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

大屏制作

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

门户展示

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

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

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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200426A08B0Y00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

相关快讯

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券