我见过一些应用程序在用户第一次使用时向他们解释功能或在升级后引起他们注意的新功能。这种文档直接出现在应用程序中和用户流程的中间，例如通过在指向按钮或任何其他元素的 UI 上放置一个对话气泡。通常它出现一次，再也不会出现。
不幸的是，我不知道如何称呼这种方法，这使得谷歌甚至很难找到它。这似乎是一种非常现代的 UX 方法。
我想知道使用了哪些架构或设计模式，或者是否有任何值得注意的库来实现它。我试图解决的问题是，这是一个跨领域的东西，它会蔓延到工作流程中的任何地方和任何时间——但您希望将整个问题排除在“实际”功能之外。
例如，用户可能会请求 MVC webapp 中的页面。控制器获取数据、执行操作并提供视图。在该视图上是一个新选项卡。用户从未见过此内容，您想显示一条友好的消息“单击此处...”。这意味着在某个地方，可能在控制器中，您必须检测到此功能尚未向用户解释 - 您从包中加载消息并将其发送到视图。除了选项卡之外，视图还呈现了一个对话气泡。此逻辑与实际功能无关。理想情况下，您可以将其保留在控制器和视图之外。
我在想面向方面的编程方法是否有帮助。
有没有博客、图书馆、既定模式？
请注意：我不是在问如何渲染气泡。我担心的是我不希望逻辑决定何时显示它（“用户是否看过消息？他们是否选择了“不再显示？”），显示什么以及在哪里显示它- 分布在整个应用程序源代码中。理想情况下，它可以打包到自己的包或项目中。
类似的考虑可以应用于收集功能使用统计或在不同地方添加用户反馈渠道。
更新：我终于得到了我正在寻找的答案。由于找到一个术语是主要问题，因此我添加了一些在 Shahrokh 的答案中找到的关键字，以帮助未来的读者找到这个问答：这个东西可以称为介绍、分步指南、页面指南、或为首次使用的用户提供的网站导览；答案包含 intro.js、aSimpleTourPlugin、pageguide.js、joyride、Codrops、Bootstro.js、jQuery SiteTour、jQuery Tourbus、Trip.js 和 Crumble。