企业大屏展示(数据中心大屏展示系统)

今天给大家分享一下最近做大屏企业号的过程。这次讲解企业服务数据大屏。其主要功能体现了对企业整体客户服务能力的体现和监控。大屏幕以黑色背景为主，浅蓝色为辅助配色。整体配色形成鲜明对比。其中，大屏幕包含中国热点地图、折线图、饼状图、雷达图、列表的输出显示。本次设计采用Axure8。(这里只说axure设计流程，不说数据提取和清洗的过程。)大屏要求：老板想了解客服部和客服的整体情况，包括客服范围、反馈统计和客户年龄分布等。需要实时显示。在线演示地址：企业客服数据管理大屏_ Axure大屏原型设计_AxureBI原型模板设计预览：
设计过程说明：1。大屏设计的功能脑图。当我们接到大屏幕制作的需求时，需要分析需要在大屏幕上显示的维度和内容，通常会得到相应的功能脑图，如下：
2.大屏幕的整体布局和风格设计。先看整体布局草图。
没错，上图是经过整理的大屏功能脑图梳理后的大屏整体布局草图。接下来，我们开始画大屏幕布局的草图，设计图表等。填色流程：1。从Axure画一个矩形作为大屏幕的背景，设计矩形的背景尺寸，选择1920x1080px背景色，使用#040D2E。这种颜色可以和很多颜色搭配。目前大部分显示器的分辨率都是1920x1080px。
2.制作顶部省份选择区域，从Axure中拉出一个矩形，设置矩形背景颜色#041646。同时，按住鼠标左键复制三个相同的矩形。这里只有三个选择。默认加载全国数据，可以根据时间要求制作省级数据。
2.在大屏幕两侧制作背景图层。这里会用到两个矩形，组合完成。先画一个矩形，设置矩形的背景色为#041646。
同时拉一个矩形，放在前一个矩形的下一层。宽度和上一层一样，高度可以通过大屏幕的宽度来计算。将矩形背景颜色设置为#09153D。
两个矩形做好之后，记得把两个矩形组合在一起(Ctrl G)，复制几个，放置相应的块位置进行精细调试。
每块做好之后，在相应的位置填写相应的要显示的块的标题，整个大屏幕填色的过程就完成了。效果如下：
制作图表：大数据可视化大屏，我们会用很多数据图表来展示我们想要的数据。通常大屏个人建议图表不要超过10张。图表太多会影响整个demo rp的加载速度。在本文中，我主要使用了以下图表来支持大屏幕显示。数据表，中国地图热图，区域折线图，雷达图，饼状图。制作流程：1。订单分配问题采用数据图表显示方法。主要展示维度包括：符号、类型、数量、比例。我们可以使用axure的文本组件来完成绘图。最终效果如下：
2.客户咨询问题的排名采用数据图表的呈现方式。主要展示维度包括：人气、问题内容(5-10个字最好)、占比。我们可以使用axure的文本组件rectangle bar # 0099 ff rectangle ico(SVG)来完成绘制。最终效果如下：
3.客户服务活动TOP5使用数据图表的呈现方式。主要展示维度包括：排名、客服姓名(5-10个字最好)、接待时长、接待量。我们可以使用axure的文本组件rectangle bar # ff 9966 rectangle ico(SVG)来完成绘制。最终效果如下：
4.客户排队趋势通过面积折线图显示。主要展示维度包括：排名、客服姓名(5-10个字最好)、接待时长、接待量。我们用axure的文字组件line #319FF1矩形圆#319FF1设置圆边1px面积矩形#199ED8，就可以完成画图了。最终效果如下：
5.顾客满意的数量以面积折线图显示。主要展示维度包括：排名、客服姓名(5-10个字最好)、接待时长、接待量。我们用axure的文字组件line #B51950矩形圆#319FF1设置圆边1px面积矩形#B51950，就可以完成画图了。最终效果如下：
6.通过雷达图展示客户投诉情况，提升了近6个月的整体客服投诉和处理能力。主要展示维度包括：月份、投诉量、处理量。我们可以使用axure的文本组件# CCCCC # CCCCC背景色# CCCCC # CCCCC来完成绘图。最终效果如下：
7.客户的年龄分布用饼状图展示客户的年龄点比例。主要展示维度包括：年龄范围和比例。我们使用axure的圆形矩形#026FD5。制作多个矩形，组合起来。最终效果如下：
8.客服指标用饼状图显示客服占比。主要展示维度包括：结案率、回复超时率、处理超时率。我们用axure的圆角矩形来做，组合一下就好了。最终效果如下：
9.整体客服情况由中国地图的热区组件、整体客服情况、客户区域占比显示。《Axure教程：可视化中国地图下钻交互设计》 。最终效果如下：