如果让你做一份总结报告,你会选择什么方式?
相信很多人都会选择码一堆文字,然后按序铺展陈述。虽然这并没有什么错,但从阅读体验方面来看,基本不可能让人有眼前一亮的感觉。比起繁冗枯燥的文字和数字,具有交互性的H5报告显然更容易被接受。目前,这类报告并不算太多,其形式也多以图文盘点、动画展示或数据图表为主。
图文盘点
图文盘点型H5报告适用于数据不多的情况,除了展示核心内容外,我们还可以通过动画、手势触发等方式增强作品整体的趣味性。一般来说,这类报告的基本结构如下:
①开篇导引:铺垫整体风格;
②数据分析:回顾过去、抓住重心,对相关数据进行分类对比并配上适当解读;
③总结概览:肯定成果,展望未来;
④分享转化:引导转发或关注等。
图文盘点型H5报告的基本结构并不唯一,且根据行业的不同也会有一定的调整,所以我们要学会融会贯通、随机应变。以下两个案例即为不同行业的H5报告,大家可以参考学习~
咕咕狗2020半年报
点击标题体验
识别二维码体验
出品方:咕咕狗—“邕”有创意
品牌方:咕咕狗
创意特色:横屏、动画、长页面
内容特色:该H5主要通过“新闻播报”的形式介绍品牌半年来(2020.1.1~2020.6.30)的发展以及各项大事件。用户进入作品后,可通过左右滑动屏幕的方式浏览品牌在人员增长、运营中心、业务板块等方面的大致情况。而在页面末尾,用户还可根据提示点击“关键词”按钮,以浏览图文版品牌大事件回顾。
“光”予城市生活图卷
点击标题体验
识别二维码体验
出品方:热潮互动
品牌方:南方电网
创意特色:横屏、动画、长页面
内容特色:该H5主要以横屏手绘长图的方式展示了南方电网在2019年所作出的贡献、取得的成果。用户可通过滑屏、点击操作,浏览各种与电相关的生活场景以及南方电网在建设运营充电站、电子渠道远程服务等方面的具体数据。
动画展示
这类报告也较为常见,我们通常会用序列帧(为避免播放卡顿,帧速率设置为8~15帧较为合适)、SVG路径/描绘动画等方式展示数据的动态效果。在这种情况下,一旦数据改动很多,修改起来也会相对繁琐一些。
成都市新职业人群发展报告2019
点击标题体验
识别二维码体验
出品方:美晨互动
创意特色:动画、导航目录
内容特色:该H5包含中、英、日、韩四种语言版本,用户需先选择好语言,再浏览报告内容。报告共分为四大板块,且主要以动画的形式展示数字滚动效果以及堆积条形图、环形图、饼图、柱形图等。用户可通过滑屏逐页浏览,也可通过页面左上角的导航目录直接跳转至相应的板块。
2017年内蒙古自治区高级人民法院工作报告
点击标题体验
识别二维码体验
出品方:云帆创意
品牌方:内蒙古自治区高级人民法院
创意特色:手绘插画、动画、音频解说
内容特色:该H5主要总结了内蒙古自治区高级人民法院5年间的工作内容。除了动态折线、数字渐现等效果外,作品中的文字、数据内容还配有相应的音频解说,整体较流畅。
数据图表
数据图表可以准确地将数据中的内在联系展示出来,适用于数据较多的情况,且修改起来也非常方便。在进行具体制作时,我们可以借助意派Epub360在线H5页面制作工具的【数据图表】组件来实现。该组件可用于数据可视化动态展示,目前支持柱状图、折线图、饼状图、散点图、条形图5种图表类型,无论是用于部门周报还是企业年终总结都非常合适。
【数据图表】组件设置方式:
1.在数据应用组件分类下找到数据图表组件,并点击添加到画布中。
2.双击组件,调出数据图表组件设置面板
3.左侧是数据图表的样式展示,可以实时预览效果。右侧面板中的“设置”主要用于修改数据图表的颜色、文字大小、动态效果等显示效果。
4.右侧面板中的“数据”是一个类似于Excel的界面,我们可以在里面自行添加所需数据,最多添加多少行、多少列暂时没有限制。另外,鼠标右键单击还可以弹出基本的表格操作面板。
5.如果Excel的数据过大或者过小,会造成图表显示不够美观。
6.面对以上这种情况,我们可以通过设置X轴、Y轴的最大最小值来解决,如图:
好的报告会说话,希望大家都能通过意派的各项功能技术制作出更多优质H5作品。如需查看其他报告类H5案例,可在官网案例区按照分类查找相关作品。