web design uiMay 12, 202613 min read

仪表盘时代的终结:2015 年 SaaS 用户界面将被什么取代

传统的SaaS仪表盘已经过时了。以下是取代它的五种模式,以及已经推出的实际产品,还有你必须避免的失败模式。

By Boone
XLinkedIn
the end of the dashboard

所有产品仍然沿用着 2015 年的仪表盘设计。仪表盘已经过时了。以下是它的替代方案。

如今打开任何一款 B2B SaaS 工具,你都会看到同样的界面:顶部导航栏、左侧边栏、并排排列的四个 KPI 卡片、下方的折线图、用于分类划分的环形图,以及一个几乎没人会滚动的可排序表格。这已经成了一代产品设计师的肌肉记忆,但它占据的屏幕空间早已不再值钱。

本文并非探讨如何设计更美观的图表,而是要讨论这种模式本身,即认为向用户展示数据的正确方式是罗列所有指标,让他们自行判断哪些指标重要。这种假设已经失效。替代方案早已融入你每天使用的产品中,只是你还没有意识到它的存在。

仪表盘的复兴之路

经典的仪表盘曾经确实是一种真正的升级。在此之前,你需要使用电子表格、每周通过电子邮件发送的 PDF 文件,以及一位你不得不贿赂零食才能让他执行查询的商业智能分析师。仪表盘将这些繁琐的工作简化为一个自助式界面,即使是不懂技术的员工也能轻松掌握业务动态,无需提交工单。

它也与当时的时代技术发展相契合。图表库在 2012 年左右开始完善,响应式网格的成本也大幅降低,SaaS 定价模式鼓励采用“单一界面”方案,以便高管在采购申请表上进行合理化论证。仪表盘的设计初衷并非为了用户,而是为了促成续约谈判。

在一段时间内,它的确奏效。人们学会了它的语法,设计师们得以在数据可视化方面大展身手,产品团队也获得了一个简洁的演示平台。问题在于,它的语法从未进化。你在 2026 年发布的仪表盘,与你在 2015 年发布的仪表盘并无二致,只不过多了圆角和深色模式切换功能。

Linear 主页视图作为仪表盘后的表面
Linear 主页视图作为仪表盘后的表面

为什么仪表盘不再实用

五大因素同时导致了仪表盘的衰落,其中任何一个因素单独出现都足以造成影响。

首先,信息过载。如今,平均每个 B2B 产品都会展示数百个指标,而一个 12 格的表格根本无法帮你确定优先级。其次,缺乏行动指导。图表只能告诉你某个数值下降了,却无法告诉你该如何应对,而大多数用户并非分析师。第三,缺乏叙事性。仪表盘就像一个名词,一堆堆事实,而人们真正需要的是一个动词,一个关于发生了什么变化以及原因的故事。

第四,缺乏优先级。传统仪表盘上的每张卡片都具有相同的视觉权重,这意味着上面的任何内容都缺乏实际意义。第五,人工智能彻底改变了成本曲线,它能够用简洁的语言概括、确定优先级并回答问题,而无需任何图表。一旦撰写一段文字的成本几乎降至零,图表表格就失去了其在状态传达方面的垄断地位。

最终呈现的产品界面既繁杂又无用。用户打开页面,快速浏览,却找不到任何可操作的信息,然后离开。真正应该让每个产品团队都感到恐惧的指标,是那些几乎没人放在仪表盘上的指标——洞察时间,而且在大多数仪表盘上,这个数值都被四舍五入为“永远”。

第一个替代模式:对话式查询

让用户提问是扼杀仪表盘最快的方法。Pulse 就利用这一点来分析收入,Sigma 允许分析师编写 SQL 语句来查询自己的账本,而从 Hex 到 Mode,甚至 AI 等最新一波的分析工具,都将用户提问作为主要输入。

这种方法之所以有效,是因为大多数仪表盘回答的是设计者猜测的问题,而不是用户当下真正想问的问题。对话式界面颠覆了这种模式:用户提出问题,系统返回尽可能简洁的答案。关键不在于聊天框本身,而在于它聚焦于用户。

这里的错误模式是团队用聊天框替换仪表盘,聊天框只是在对话框里显示相同的图表。这不是进步,只是徒有其表。正确的对话式查询应该先返回句子,再返回数字,只有当图表能够真正阐明句子无法表达的内容时,才会显示图表。

Vercel 可观测性作为产品内部嵌入式分析
Vercel 可观测性作为产品内部嵌入式分析

第二种替换模式:生成式摘要

摘要就像一个已经完成所有准备工作的仪表盘。Granola 将每次会议都视为一页生成式摘要,而不是冗长的会议记录,摘要就是整个页面。Linear 的项目更新将子问题汇总成一段文字,读起来就像是团队成员写的。Notion AI 图表可以在页面顶部用简洁的英语描述自身的形状。

这种模式很简单:在服务器端进行信息合成,然后将合成结果作为用户界面发布。图表(如果出现的话)只是作为句子的佐证。你不需要设计师来决定哪个KPI放在左上角,模型会自动生成导语。

实践中,有两个关键因素使这种方法奏效。首先,摘要必须具体,“收入增长”毫无意义;“收入环比增长14%,完全由企业级用户推动”才算合格。其次,摘要有时必须存在误差,但这种误差必须安全且易于纠正。当段落内容出现问题时,用户必须能够一键点击查看具体数据。

第三种替代模式:单屏今日视图

最被低估的后仪表盘模式是单屏首页视图,它只回答一个问题:我现在应该看什么?Linear 的首页就是一个典型的例子:你的任务、正在进行的项目、接下来要关注的事情,没有任何图表网格。Cron 和 Notion 的日历将通常图表繁多的计划表简化为一个聚焦的每日视图。

单屏今日视图与仪表盘“展示一切”的本能截然相反。它精挑细选,言简意赅。它愿意在重要的事情上犯错,并且凭借大多数时候的正确性赢得了犯错的权利。这种设计理念非常严苛,因为屏幕上的每一个像素都必须回答“这是用户在接下来的30秒内需要的吗?”这个问题。

这种模式背后的产品逻辑使其深入人心。如果用户打开你的产品后立即看到下一步应该做什么,那么他就会继续打开你的产品。如果用户打开你的产品后看到的是一个需要先解读的图表,那么他就会转而安装竞争对手的产品。

Stripe 作为权威的仪表盘,仍然停留在 2015 年的水平
Stripe 作为权威的仪表盘,仍然停留在 2015 年的水平

第四种替代模式:上下文相关的提醒

仪表盘假定用户会主动访问它。后仪表盘模式假定产品会主动推送给用户,并且会通过用户的原生渠道进行沟通,例如推送通知、电子邮件或用户实际工作所在的界面。

PagerDuty 多年前就已在事件处理方面证明了这一点。如今,Height 和大多数现代协作工具都会直接发送差异信息,而不是仪表盘链接,这样用户无需点击即可回复或解决问题。通知也越来越多地直接在邮件主题中包含变更编号,而不是“登录查看”之类的提示。

规则很简单:警报就是仪表盘。如果你的产品仍然发送“您的周报已准备就绪”的邮件,并且用户需要点击才能查看变更内容,那么你的产品仍然停留在 2015 年的水平。后仪表盘模式会在通知中直接显示标题,在推送通知中包含变更编号,并且仅在用户需要采取行动时才提供指向更详细视图的链接。

第五个替换模式:嵌入式分析

最后一个替换模式最为隐蔽,它不再使用单独的分析页面,而是将数据直接嵌入到工作界面中。例如,Vercel 的部署视图直接在部署旁边显示构建性能,而不是在单独的可观测性标签页中显示。Figma 的文件检查器直接显示使用情况和版本历史记录,无需单独的“统计”页面。GitHub 的 PR 视图则将 CI 状态、覆盖率和审查状态直接嵌入到您决定合并的界面中。

这种模式之所以有效,是因为数据在决策的瞬间最具价值,而仪表盘模式将数据与决策脱钩。当您点击“分析”时,您可能已经切换了上下文,失去了之前的思路。嵌入式分析则将数据作为您正在查看的对象的一个​​属性,而不是一个需要访问的目标页面。

这种设计理念意味着分析团队和产品团队是同一个团队。在那些已经掌握了这种理念的产品中,不再存在“仪表盘产品经理”,取而代之的是工作界面产品经理,他们负责管理流程中出现的所有数据。

取代仪表盘的五种模式
取代仪表盘的五种模式

传统仪表盘与五种替代模式

本文其余部分一直在讨论的对比就在这里。传统仪表盘是此表的一行,五种替代模式占据了其余行,而它们之间的差异正是您未来 18 个月产品路线图的雏形。

| 模式 | 主要输入 | 主要输出 | 最佳用途 | 故障模式 |

|---|---|---|---|---|

| 传统仪表盘 | 无,您已到达 | 图表网格 | 演示、采购 | 无操作,无优先级 |

| 对话式查询 | 一个问题 | 一句话加图表 | 临时分析 | 聊天框返回图表 |

| 生成式摘要 | 一个时间窗口 | 一段文字 | 周回顾、站会 |通用、缺乏依据的摘要 |

| 单屏今日视图 | 身份、时间 | 一个聚焦的答案 | 日常运营 | 隐藏的深度,迷失的分析师 |

| 上下文警报 | 阈值变化 | 通道中的一条线 | 事件、异常 | 警报疲劳、噪音 |

| 嵌入式分析 | 您正在查看的对象 | 该对象的数据 | 编辑点的决策 | 隐藏的跨对象视图 |

请注意输入列。每个替换模式都始于用户已提供的信息,例如问题、时间窗口、身份、阈值或对象。传统的仪表盘则从零开始,要求用户构建上下文。这就是关键所在。

一堵数据卡片墙 vs. 一个重点明确的答案
一堵数据卡片墙 vs. 一个重点明确的答案

谁已经转型,谁还停留在 2015 年

后仪表盘时代并非一篇论文,而是一份清单。 Linear 将单屏主页视图作为默认入口点;Granola 将会议记录转化为产品本身所包含的生成式摘要;Pulse for Revenue 用每日消息和对话式后续跟进取代了 SaaS 财务仪表板。

Vercel observability 将分析功能嵌入到部署界面,而非单独的页面;Stripe Sigma 将底层账本作为可查询的对象而非固定的图表集公开;Notion AI 现在会在数据库视图上方生成摘要,使页面阅读起来像一份简报;Cron 和 Notion Calendar 将日历分析功能整合到一个计划界面中。

这些产品都做出了同样的权衡:牺牲了界面面积以换取明确的方向。它们选择了一种解决方案并付诸实施。它们不再试图同时满足所有人的所有需求,而是开始专注于满足特定用户在特定时刻的特定需求。

这份警示清单同样发人深省。谷歌分析就像一件博物馆藏品,每次重新设计都只是把同样的图表网格换个标签页而已。Mixpanel 和 Amplitude 打开后仍然是一堵卡片墙,需要专门的研讨会才能看懂。大多数 B2B 计费工具、大多数人力资源信息系统平台、大多数客户关系管理 (CRM) 主页面,默认都使用同样的图表网格,仿佛过去十年从未发生过。

这并非因为团队偷懒,而是因为仪表盘总是更容易推销,却更难使用。图表网格的演示对尚未实际使用的买家来说很有吸引力,而采购部门在 B2B 领域占据着主导地位。

市场在交易达成时会奖励仪表盘,但之后每天都会惩罚它,而这种惩罚就是隐形的客户流失。如果你能提供一个演示效果堪比图表网格,但使用体验却比图表网格好十倍的后仪表盘界面,你就能垄断整个行业,而上面提到的那些公司已经为你铺平了道路。

后仪表盘设计失败的四种方式
后仪表盘设计失败的四种方式

尝试替换仪表盘时常见的失败模式

替换仪表盘比彻底删除它更难,而且大多数尝试都会以可预见的方式失败。以下是四种需要避免的情况。

  1. AI图表墙。你把同一个图表网格包裹在一个“生成洞察”按钮里,点击后会生成三个新的图表。现在用户必须同时阅读原始网格和生成的网格。你不仅没有减少一半的工作量,反而使工作量翻了一番。

  2. 返回图表的聊天框。你添加了一个提示输入框,但提示框返回的仍然是相同的仪表盘布局。界面变了,但答案却没变。用户仍然需要在卡片中翻找。

  3. 警报疲劳。你用通知替换了仪表盘,然后把每个事件都作为警报发送。不到一周,用户就会把频道静音,而你失去了唯一一个在仪表盘之外仍然有效的界面。

  4. 标签页过多,而不是过少。你保留了仪表盘,添加了“今日视图”、对话页面和摘要部分,并将它们全部作为组件发布。现在产品有四个入口,而用户却一个入口都没有。

所有失败的共同点在于叠加思维。仪表盘移除后的模式是减法式的。你删除了图表网格,删除了标签页,删除了无人问津的卡片。新的界面之所以能脱颖而出,是因为它比被替换的界面更小,而不是因为它与旧界面并排显示。

仪表盘仍然有用武之地

仪表盘不会消失,它们只是退居到那些图表网格真正适用的特定场景。这样的场景有三种,如果你的产品属于其中之一,你就可以保留你的网格。

  1. 运行状态视图、数据中心网络运营中心 (NOC)、航空公司运营控制台、交易大厅、实时事件监控器。当用户的工作是实时扫描数十个信号以查找异常时,图表网格是合适的,这正是用户的工作内容。

  2. 面向分析师的深度分析工作台。Hex、Mode、Tableau、Power BI,量化分析师或分析师每天都在这里工作,而图表网格加上查询编辑器才是合适的专业界面。不要试图让量化分析师使用聊天框。

  3. 面向董事会的执行级商业智能。月度或季度总结报告,其中图表网格是会议资料,而不是日常工作界面。这是作为文档的仪表板,而不是作为应用程序的仪表板。

请注意,这三种情况都属于专业用途,使用频率较低,或者两者兼具。SaaS 的经典错误是将为交易大厅全职分析师设计的界面提供给每周只打开两次的市场经理。正是这种不匹配导致了仪表板的失败。

仪表盘仍然属于哪里?
仪表盘仍然属于哪里?

如何设计替代仪表板的产品

如果您现在正坐在一个包含图表网格的 Figma 文件前,以下是操作指南。

首先提出问题。用一句话概括用户打开此页面时想要了解什么。如果你写不出这句话,说明你还没准备好进行任何设计,你还在研究阶段。如果这句话是“查看我的所有数据”,那么你的用户想要的不是仪表盘,而是你的买家,而你设计的对象错了。

根据问题,从五种替代模式中选择一种。重复性决策使用单屏“今日视图”,临时性问题使用对话式查询,定期审查使用生成式摘要,时效性变更使用上下文提醒,编辑时的决策使用嵌入式分析。如果你的问题符合两种模式,那么你需要两个页面,而不是一个。

发布最小版本。克制住添加“经典视图”切换按钮或“查看所有指标”链接的冲动。你为旧仪表盘模式添加的每一个“逃生通道”,都等于允许用户和你的团队继续停留在2015年的思维模式。替代界面的意义在于它代表着一种承诺。

这意味着什么,以及从哪里开始

未来两年B2B产品设计的格局将取决于哪些团队率先淘汰了他们的仪表盘。行业领导者已经开始行动。落后者将在2026年和2027年耗费巨资进行重新设计,而大多数重新设计都将失败,因为他们只是重新设计了图表网格,而不是替换模型本身。

那些最终胜出的团队起初会让采购部门感到陌生。他们只会演示一句话,而不是一整面图表墙;他们会推销Slack警报,而不是“单屏界面”;他们会销售一个适合单屏显示的“今日视图”。他们会因为图表网格的现状而失去一些订单,但最终会留住所有赢得的客户,因为他们提供的界面正是用户真正想要的。

明天打开你的产品。看看用户首先看到的屏幕。问问自己,这个屏幕究竟是回答了一个实际问题,还是仅仅展示了你的数据模型?如果它只是展示了数据模型,那么它就是一个仪表盘,而仪表盘已经过时了。然后,找出你最有价值的用户在打开产品时最关心的问题,并用一个单屏界面来解答这个问题,取代之前的网格图。

你不需要一开始就重新设计整个产品,只需要重新设计第一个屏幕,其他屏幕自然也会随之改变。一旦你的主界面不再是仪表盘,产品的其他部分自然也就不再像仪表盘了。图表网格图曾经风光无限,但它已经不再是最佳答案。所以,构建用户真正需要的界面,放弃仪表盘吧。

If your product still opens to a wall of charts in 2026, we will redesign the surface your users actually need. Start at /hire.

Get Started

More from Brainy Papers

Keep reading