98%的满意度很醒目，但看板不能读到这里就结束。Rinesk这组呼叫中心看板设计，把通话总量、趋势和人员评价放在灰绿色底上，用少量荧光黄引导视线。它好看的地方比较直观；更值得借鉴的是，人员列表里还保留了评价次数，让一个漂亮的分数有机会被继续追问。
核心结论
- 实际通话和预测同屏时，图例、线条形态与日期提示应共同解释它们的区别。
- 满意度旁边保留评价数量，才能让读者理解一个比例来自怎样的样本。
- 移动端数据看板缩短了横向比较距离，也更依赖清楚的标题、顺序与统计范围。
通话趋势先让人知道自己在看哪一段时间
桌面页的Statistics用白色胶囊标出当前栏目，下方All Calls显示10.8k，右侧图例再列出VI Prediction、Answered和Missed。图例的三行文字没有省略，黄色、白色与灰色标记也各自对应图形。这个安排比只画一条好看的曲线更踏实：读者至少有地方去确认，哪一部分是在预测。
图表上方写June 2024，并按W1、W2、W3等周次展开；June 20, 2024的浮层把256 answered、50 missed和320 prediction放在一起。这些都是画面里的示例值。浮层的价值在于把日期与几个口径重新聚拢，视线从总量转到某一天时，不用来回寻找解释。
这里我们会特别留意黄色的使用。黄色曲线容易先被看到，预测就可能成为图表的视觉主角。如果管理者主要来查已发生的通话，实际值也要有足够的存在感；借鉴这套配色时，先确定阅读任务，再决定让哪条线最抢眼。
满意度卡片很简洁，评价次数却更值得保留
CSAT 98%使用大号数字和一段黄色弧线，下面写Satisfied。这张卡没有把所有解释塞进来，读起来很轻。旁边CSAT Over Time则用Customer和VI两组标记表示来源，将一个当前数值接到一段时间的变化上。总览与趋势有各自的位置，不必挤成同一张卡。
人员区域的列名是Agents、CSAT、Calls rated。手机截图里，Adam Williams的96%旁边是35，Emily Carter的75%旁边是37。我们读到这里会停一下：分数之外，至少还有多少通话被评价这个信息。若只保留百分比，两行看起来很容易被当成一份简单排名。
界达设计更看重这种能把问题往下带的信息结构。一个管理者看到某位成员的比例变化，接下来通常会问：选的是哪一周，有多少评价，哪些通话与此有关？界面若能把统计范围和明细入口接上，才方便继续判断。颜色只是第一层，不能替代这些线索。
手机把看板改成了纵向阅读，而不是缩小桌面
手机顶部先出现CSAT Over Time，下面并排放CSAT与Response Rate，再往下是Handled Calls。趋势、两个比例和通话量按纵向展开，桌面上的多块内容有了先后。对于偶尔打开手机看一眼的人，这比把整张桌面看板等比例缩进去更容易读。
Handled Calls显示572/1114，并把10%与51%分布在不同位置。这种卡片有图形节奏，但分子、分母和百分比的关系也要讲清楚；尤其当用户只截取一张卡转发给同事时，原本页面上的上下文就容易丢失。我们会让卡片自身保留必要的统计说明，而不是全靠用户记住上一屏。
另一台手机将Agents单独展开，头像、姓名、团队、比例和评价次数在同一行联系起来，适合进入具体人员的查看任务。底部浮动导航的位置很醒目，借鉴时也要留意它与最后一行的距离。漂亮的悬浮条不该盖住恰好要比较的那条数据。
常见问题
客服满意度看板只展示百分比够吗？
百分比适合快速概览，但最好同时能找到评价数量和统计时间。相同的比例可能来自不同数量的评价，读者需要这些信息才能继续判断。
预测值和实际通话能放在同一张图吗？
可以，前提是名称、图形和日期范围能明确区分。不要只让用户凭颜色猜测，浮层或明细也应保留各自的口径。
移动端数据看板要保留桌面的全部布局吗？
内容可以保留，布局要按手机上的查看任务重新排顺序。总览、趋势与人员明细有不同的阅读方式，硬挤在同一屏反而难比较。
设计检查清单
- 核对预测、已接与未接通话是否各有明确名称和图例。
- 在满意度旁找到评价次数与统计时间范围。
- 单独截取一张指标卡，检查分子、分母和单位能否读懂。
- 在手机上查看人员列表最后一行，确认浮动导航没有遮挡。
正在做客服或企业管理产品？
如果你的系统也有团队看板、人员评价或运营统计，带着现有指标和页面来讨论，会比先选一套图表样式更有效。我们可以一起看看，哪些数字适合做总览，哪些问题应接到明细里。
界达设计工作室（JVDS）提供UI/UX设计，以及企业网站设计与开发服务，帮助梳理管理产品的页面结构和对外展示内容。
