国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

編輯導(dǎo)語(yǔ)：企業(yè)數(shù)據(jù)大屏主要用于服務(wù)企業(yè)整體客服能力體現(xiàn)和監(jiān)控。本文主要分享制作企業(yè)大屏的過(guò)程，本次設(shè)計(jì)使用的是Axure8，其中大屏設(shè)計(jì)包含了中國(guó)熱區(qū)地圖、折線圖、餅圖、雷達(dá)圖、列表的輸出展示。希望對(duì)你有所幫助。

今天跟大家分享一下，最近制作企業(yè)大屏的過(guò)程分享。本次講解的是企業(yè)服務(wù)數(shù)據(jù)大屏，主要功能是企業(yè)整體客服服務(wù)能力的體現(xiàn)和監(jiān)控。大屏以黑色背景為主，搭配淺藍(lán)色為輔助配色。整體配色比較鮮明對(duì)比。其中大屏包含了中國(guó)熱區(qū)地圖、折線圖、餅圖、雷達(dá)圖、列表的輸出展示。

本次設(shè)計(jì)使用的是Axure8設(shè)計(jì)完成（這邊只講Axure設(shè)計(jì)流程，不會(huì)涉及到數(shù)據(jù)抽取和清洗的過(guò)程）。

一、大屏需求

老板想知道客服部，客戶服務(wù)的整體情況，包括客服服務(wù)范圍情況和反饋的問(wèn)題統(tǒng)計(jì)及客戶年齡分布情況等。需要實(shí)時(shí)展示。

在線演示地址：https://www.axurebi.com/tem090.html

預(yù)覽圖：

二、設(shè)計(jì)過(guò)程講解

大屏設(shè)計(jì)功能腦圖，在我們收到大屏制作需求時(shí)，需要對(duì)大屏需要展示的維度和內(nèi)容進(jìn)行分析，通常會(huì)得出對(duì)應(yīng)的功能腦圖，如下：

大屏整體布局，樣式設(shè)計(jì)。先看整體布局草圖。

對(duì)，上面這圖就是在根據(jù)整理好的大屏功能腦圖，后梳理出來(lái)的大屏整體布局草圖。接下來(lái)我們開(kāi)始對(duì)大屏布局草圖進(jìn)行上色，圖表的設(shè)計(jì)等工作。

三、填色過(guò)程

從Axure拉取一個(gè)矩形做為大屏背景,設(shè)計(jì)矩形背景尺寸選擇1920x1080px?背景顏色使用#040D2E。這個(gè)顏色可以和許多顏色組合。目前大多數(shù)顯示器的分辨率都為1920x1080px 。

制作頂部省份選擇區(qū)域，從Axure拉取一個(gè)矩形，設(shè)置矩形背景顏色#041646。同時(shí)Ctrl+鼠標(biāo)左鍵復(fù)制三個(gè)相同的矩形。這邊只有三個(gè)選項(xiàng)，默認(rèn)加載全國(guó)數(shù)據(jù)，省份數(shù)據(jù)按時(shí)間需要制作就行。制作大屏兩側(cè)區(qū)塊背景層。這邊會(huì)使用到2個(gè)矩形，還組合完成。先拉取一個(gè)矩形，設(shè)置矩形背景色為#041646。

同時(shí)在拉取一個(gè)矩形，放在上一個(gè)矩形的下一層。寬度設(shè)置與上一層一樣，高度可以按大屏寬度來(lái)自行計(jì)算。設(shè)置矩形背景色為#09153D。

兩個(gè)矩形制作完成后，記得將2個(gè)矩形組合一起（Ctrl+G），復(fù)制幾個(gè)出來(lái)，放置對(duì)應(yīng)的區(qū)塊位置做細(xì)微調(diào)試即可。

各個(gè)區(qū)塊制作完成后，將對(duì)應(yīng)需要展示的區(qū)塊標(biāo)題填寫在對(duì)應(yīng)位置，就完成了整個(gè)大屏填色的過(guò)程了。

效果如下圖：

四、制作圖表

大數(shù)據(jù)可視化大屏，我們會(huì)用到很多數(shù)據(jù)圖表來(lái)展示，我們想要的數(shù)據(jù)情況。通常一個(gè)大屏個(gè)人建議圖表不要超過(guò)10個(gè)。過(guò)多的圖表會(huì)影響整個(gè)演示rp的加載速度。這篇文章，我主要用到了以下幾個(gè)圖表做了大屏展示的支撐。數(shù)據(jù)表格，中國(guó)地圖熱力圖，面積折線圖，雷達(dá)圖，餅圖。

五、制作過(guò)程

1. 訂單配送問(wèn)題

使用了數(shù)據(jù)圖表的展示方式。主要展示維度包括：標(biāo)記符號(hào)，類型，數(shù)量，占比。我們使用axure的文字組件，就可以完成繪制。最后效果如下圖：

2. 客戶咨詢問(wèn)題排行

使用了數(shù)據(jù)圖表的展示方式。主要展示維度包括：熱度，問(wèn)題內(nèi)容（5-10字最佳），占比。我們使用axure的文字組件+矩形條#0099FF+矩形ico（svg），就可以完成繪制。最后效果如下圖：

3. 客服行為活動(dòng)TOP5

使用了數(shù)據(jù)圖表的展示方式。主要展示維度包括：排名，客服名稱（5-10字最佳），接待時(shí)長(zhǎng)，接待量。我們使用axure的文字組件+矩形條#FF9966+矩形ico(svg)，就可以完成繪制。最后效果如下圖：

4. 客戶排隊(duì)趨勢(shì)

使用了面積折線圖表的展示方式。主要展示維度包括：排名，客服名稱（5-10字最佳），接待時(shí)長(zhǎng)，接待量。我們使用axure的文字組件+線條#319FF1+矩形圓#319FF1設(shè)置圓邊線1px+面積矩形#199ED8，就可以完成繪制。最后效果如下圖：

5. 客戶滿意人數(shù)

使用了面積折線圖表的展示方式。主要展示維度包括：排名，客服名稱（5-10字最佳），接待時(shí)長(zhǎng)，接待量。我們使用axure的文字組件+線條#B51950+矩形圓#319FF1設(shè)置圓邊線1px+面積矩形#B51950，就可以完成繪制。最后效果如下圖：

6. 客戶投訴情況

使用了雷達(dá)圖表的展示近6個(gè)月的整提客服投訴和處理量方式。主要展示維度包括：月份，投訴量，處理量。我們使用axure的文字組件+多邊矩形#CCCCCC+多邊矩形背景色#CCCCCC、#CCCCCC，就可以完成繪制。最后效果如下圖：

7. 客戶年齡分布

使用了餅圖圖表的展示客戶年齡點(diǎn)比情況。主要展示維度包括：年齡區(qū)間，占比。我們使用axure的圓形矩形#026FD5。制作多個(gè)矩形，組合即可。最后效果如下圖：

8. 客服服務(wù)指標(biāo)

使用了餅圖圖表的展示客戶服務(wù)情況占比。主要展示維度包括：關(guān)閉率，回復(fù)超時(shí)率，處理超時(shí)率。我們使用axure的圓形矩形制作，組合即可。最后效果如下圖：

9. 整體客服服務(wù)情況

使用了中國(guó)地圖熱區(qū)組件展示，整體客服的服務(wù)情況，客戶區(qū)域占比。《Axure教程：可視化中國(guó)地圖下鉆交互設(shè)計(jì)》。最后效果如下圖：

本文由 @Axurebi符號(hào) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議。