当前位置：首页 > news >正文

基于用户反馈的 Elastic Kibana 9.2 导航刷新

news 2025/10/26 10:57:39

作者：来自 Elastic Alex Marhaba, Anton Dosov 及 Kate Sosedova

了解 Elastic 团队如何在 Kibana 9.2 中通过悬停菜单访问、折叠菜单可见性和图标驱动导航，让操作更简便。

测试 Elastic 的尖端开箱即用功能。深入了解我们的示例笔记本，开始免费云试用，或立即在本地机器上体验 Elastic。

Kibana 导航刷新

无论是在 Elastic Cloud 托管环境还是本地部署，你都可以配置空间，只显示单一解决方案视图 —— Security、Observability 或 Elasticsearch 功能，而不是传统的经典视图一次显示所有内容。

我们在 2024 年 11 月随 serverless 一起引入了解决方案视图。自那时起，我们收到了大量来自客户和社区的反馈。超过 70% 的用户对新导航感到不满。像 Stack Monitoring 这样的重要应用缺失。尤其是管理员，在切换子菜单（如 Users 和 Roles）时，Stack Management 会消失，导致完成工作流程的点击次数和鼠标悬停时间翻倍。折叠模式下，仅访问菜单就需要多次点击。

在 9.2 中，更新后的导航系统解决了这些问题，使在展开和折叠模式下的导航更快、更直观。刷新后的导航已在 Elastic Cloud Serverless，以及在 Elastic Cloud 托管和本地启用解决方案视图的空间中可用。

导航刷新有哪些新变化？

你现在可以在不影响导航效率的情况下，享受全全屏的 Kibana。以下是你将获得的改进：

更多屏幕空间 —— 导航菜单占用更少空间，为 Dashboards 和 Discover 留出更多显示区域。
改进的折叠模式 —— 仅需一次点击即可访问主菜单和子菜单项。
悬停菜单 —— 快速导航，无需额外点击。
始终可见的二级导航面板 —— 轻松在 Index Management、Integrations 等页面之间切换而不丢失位置。
响应浏览器尺寸调整 —— 菜单可平滑适应浏览器尺寸变化。当高度受限时，溢出的菜单项可在 “More” 下访问。

如果你在 Elastic Cloud 托管环境或本地工作，请将空间设置为解决方案视图，以享受这些改进。

协调多产品导航重设计

一个技术和组织上的挑战是同时在多个产品版本（Elasticsearch、Security、Observability 及其 Serverless 版本等）中发布新的导航组件和新层级。我们需要在团队间协调而不互相阻塞，避免产生庞大且长期存在的分支，并安全地推出。

每个产品版本都拥有自己的导航树（JSON），用于驱动侧边导航和面包屑。各团队将其导航树注册到 Kibana 平台；Kibana 根据该树映射到侧边导航组件属性，从而渲染侧边导航。

导航树结构示例：

{id: 'security',title: 'Elastic Security',children: [
{ title: Get started', link: '/getting-started' },
{ title: 'Discover', link: '/discover' },
{ title: Dashboard, link: '/dashboard'},
….
]
}

为了推出这项更改，我们需要在保持旧导航正常工作的同时，发布新的侧边导航并更新导航树。我们通过以下方式解决了这个问题：

一棵树，两个渲染器：同一棵导航树同时供旧导航（v1）和新导航（v2）使用。开发者可以通过切换功能标志，在主分支中查看新的侧边导航。我们还提供了仅开发者可用的 “both” 模式，允许开发者同时看到两个侧边导航并进行视觉比较，确保能在不破坏旧导航的情况下完善新导航。
兼容性映射器：将同一导航树转换为两个导航使用（例如，为新导航展平组和手风琴结构，忽略仅 v1 配置设置），并对 v2 配置错误的部分记录警告。
版本范围调整，无分叉：可选属性如 sideNavVersion（根据版本显示/隐藏导航树分支）和 iconV2: 'home'（仅在 v2 导航显示图标）让团队能够在不破坏 v1 的情况下完善 v2。

结果：每个团队可以独立迭代其导航树，主版本和 Serverless 用户保持稳定的 v1，我们避免了重复的导航树和高风险的“一次性大改” PR。当 v2 成为默认后，我们将移除 v1 和临时的兼容适配。

为什么采用图标驱动导航？

为了提供完全可用的折叠模式 —— 一项备受用户期待的功能 —— 我们开发了可以收缩为图标列的导航系统。早期 UX 测试显示，这一设计受到用户欢迎。通过将 Kibana 的抽象概念与独特图标进行视觉关联，导航变得更直观、更易记、更高效。例如，Discover 中的 Explore 在导航中使用相同的 Discover 图标，使其更易识别。我们还支持可选文本标签，在展开模式下可见，在折叠模式下作为工具提示显示。最后，这种方法允许在需要时同时显示两个导航面板 —— 以往由于屏幕空间有限，这是不切实际的。

数据管理的新归属

我们的开发者用户研究确认，数据管理不应被视为设置或 Stack Management 功能。在卡片分类练习中，开发者将 Fleet、Index Management 和 Data Streams 等功能与管理员相关任务区分开来。这些用户洞察促使我们在 Kibana 中引入了专门的数据管理部分。

以前，像 Index Management 这样的页面被隐藏在 Stack Management 内，难以查找。现在，它们被统一归类在一个清晰定义的单独部分下，包括 Fleet、Index Management、Integrations 和 Ingest Pipelines。

这为你提供了一个一致的位置来管理索引和数据生命周期任务，更快访问与数据相关的页面，而无需通过 Stack Management 导航，同时让你对数据管理在 Kibana 中的位置有更清晰的认知。

展望未来

所有导航改进都旨在提高你在 Kibana 中搜索和管理数据的效率，同时减少杂乱和不必要的菜单项。为此，我们正在中期探索以下功能：

自定义导航
根据使用场景，你可能希望隐藏或显示菜单项。我们正在积极研究允许你在空间和用户级别自定义导航。
改进的全局和导航菜单搜索
为了在长菜单中加快搜索速度，我们正在考虑在二级导航中增加文本搜索，并改进全局搜索，以提供更快响应和更相关的结果。
刷新外观和专用侧边栏应用
我们还在重构旧代码，引入新的 CSS 网格布局，将 Chrome 组织到指定容器中，并提供持久侧边栏，使你在导航 Kibana 时能够与聊天智能体互动。