大屏模板设计基础

  • 文档创建者:运营官小助手
  • 编辑次数:4次
  • 最近更新:Carly 于 2020-01-17
  • 1. 概述

    1.1 问题描述

    报表工程师常常遇到这样的困境:呕心沥血设计的大屏,数据准确、视觉炫酷,但是用户反馈一般。

    到底什么样的大屏才是用户需要的呢?答案是:重点突出、层次清晰。如何设计这样的大屏模板呢?

    用户需要的大屏特点简介
    重点突出一眼就能看到关键信息的
    层次清晰可以看到不同指标之间的业务逻辑

    1.2 解决思路

    设计重点突出、层次清晰的大屏模板,可以从以下两点着手:

    • 紧扣业务问题梳理展示逻辑。

    • 掌握基本的布局技巧。

    1.3 公众号

    如果想了解更多被企业领导认可大屏制作案例,请扫描下方二维码,关注「帆软数据运营官」公众号,让你的大屏好看更好用。

    二维码图片_1月16日14时54分31秒 (1).png

    2. 紧扣业务问题梳理展示逻辑

    制作大屏模板的目的是通过数据可视化辅助业务决策,而不是单纯的展示数据

    由于一张大屏模板涉及较多的指标,计算逻辑复杂,到了最终的布局阶段,很多报表工程师倾向于在大屏上堆砌各项指标。本文建议大家运用鱼骨图,紧扣业务问题梳理展示逻辑。大屏的展示逻辑遵循实际的业务逻辑,因此用户的理解成本低,并且可以更深切地感受到大屏可视化对于实际业务的价值。

    鱼骨图的优点介绍
    合理设置大屏的各模块划分把同属一个分支的指标整合在 1 个组件里
    快速梳理明细表的下钻既保证大屏的重点突出,又使得关键性的明细数据得以展示

    举例:某公司想通过大屏可视化对管网安全进行监控。报表工程师在和业务人员确认后,使用鱼骨图,把影响「管网安全与风险管理」的因素分为 6 类,在每一类中细分指标。如下图所示:

    111.png

    3. 掌握基本的布局技巧

    除了业务逻辑,掌握基本的布局技巧也是很重要的。

    3.1 突出核心指标

    大屏的受众一般是企业高管及业务部门负责人,这类用户往往只关心 1-2 个核心指标,例如企业的销售额、回款比等。本文建议将这类指标放在大屏的中上方,并从占据的面积、颜色的高亮、交互的效果等方面重点突出。

    3.2 准确运用图表

    大家都知道在大屏中运用柱形图、饼图等基础图表。但选择正确的图表去展示对应的业务信息更为重要

    图表与业务信息的相对关系有以下5类:

    相对关系图表定义示例
    时间趋势折线图,柱形图业务指标随着时间的推移而变化销售额在 5 年内的增长情况
    频率分布折线图,柱形图同一指标的不同维度分析某公司人员的年龄段分布
    相关性散点图,条形图某两个指标之间的关系工资的涨幅与工龄无关
    排名对比条形图对不同的对象进行排名A 区域在 8 月的销售额远超其他 5 个区域
    占比饼图个体在整体中占有的比例A 类业务的收入在整个公司中占据了 50%

    3.3 大屏划分清晰,慎用明细表

    在大屏布局中,主题划分要简洁清晰,不宜过多。一张密密麻麻的海报和一张主题清晰的海报,用户显然更喜欢后者。把一个大屏分割成太多的模块,用户注意力容易被分散,无法聚焦重点。

    在大屏中有时会放上明细表。要展示的明细表必须和核心指标强相关,且行数和列数不宜过多。遵循这个原则,也许你会对于明细表的取舍更加果断。其他必要的明细数据可以通过下钻来展示。

    附件列表


    主题: 决策报表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!