历史版本2 :城市课堂 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 背景

帆软城市课堂在全国 56 个城市定期开课,覆盖各地用户,帮助番薯们快速掌握帆软相关产品使用技巧。相关负责人想看城市课堂的覆盖情况及参与情况,需要将一些数据可视化。

1.2 效果查看

城市课堂看板包含内容:签到率、签到时间分布、参与人数、课堂举办情况、各城市签到人数等。

具体效果如下图所示:

10.png

1.3 模板价值

  • 浙江、北京举办城市课堂次数较少,可调研下用户需求,要不要多举办几次。

  •  6 月份参与人数最高,3月份参与人数最低,可分析下原因,调整城市课堂举办时间。

2. 前期准备编辑

2.1 确认主次指标

一般情况下,一个指标在大屏上独占一块区域,所以通过关键指标定义,我们就知道大屏上大概会显示哪些内容以及大屏会被分为几块。

确定关键指标后,根据业务需求拟定各个指标展示的优先级(主、次、辅)。如下表所示:

指标本文示例

主:反应核心业务内容的

各省份城市课堂举办次数

次:用于进一步阐述主要指标的

  • 指标卡

  • 签到率

  • 签到时间分布

  • 参与人数

  • 最新签到

  • 各城市签到人数

辅:主要指标的补充信息-

2.2 拆分指标

当确定了某个数据关系类型后,就可以根据该数据的使用场景查找出相对应的图表和使用建议,并在其中进行选择,具体可参见:大屏数据可视化设计指南 1.1.3 节内容。

页面模块指标指标简介
展现形式
各省份城市课堂举办次数各省份城市课堂举办次数各省份城市课堂举办次数
组合地图
指标卡参与公司数目、举办城市数目、报名人数、签到人数、点赞人数
城市课堂的效果与覆盖情况
指标卡
签到率签到人数/报名人数 
参加报名的用户中,实际参加城市课堂的概率百分比刻度槽型仪表盘
签到时间分布签到的时间分布
签到的时间分布堆积柱形雷达图
参与人数前半年城市课堂参与人数
前半年城市课堂参与人数面积图
最新签到最新签到人员信息
最新签到人员信息滚动表格
各城市签到人数举办过城市课堂的城市签到人数举办过城市课堂的城市签到人数条形图

2.3 模板布局

本文示例如下图所示:

注:大屏指标排版可参见:大屏数据可视化设计指南 2.1 节内容。

11.png

3. 功能应用编辑

针对这个大屏场景,我们可以拆解出需要的功能和图表。

3.1 跑马灯

最新签到人员,使用跑马灯效果。如下图所示:

1623813334697582.gif

具体实现方法请参见:JS实现决策报表中滚屏/跑马灯效果

4. 配色及配图参考编辑

配色参考点击下载:

配图参考点击下载:

5. 模板下载编辑

模板使用点击下载: