更新日志对话框

您的服务团队可以使用更新日志来告知用户有关更改的信息。

更新日志在用户打开服务页面时显示一次。我们不提供重新打开更新日志页面的选项。如果需要,请自行实现。

由于更新日志显示在模态窗口中,因此它遵循模态窗口的关闭和缩放规则。

元素

更新日志是一个 M 尺寸的模态窗口,其中包含按时间顺序排列的帖子。每个帖子包含:

  1. 发布日期
  2. "New" 标签(可选)
  3. 帖子标题
  4. 帖子图片(可选)
  5. 帖子正文
  6. 操作 按钮(可选)。

Elements

发布日期

通过发布日期,用户可以了解服务何时发生了特定更改。默认情况下,日期格式为 DD Mon YYYY。您也可以使用其他日期格式以匹配服务区域设置。

标签

对新帖子使用“New”标签。服务决定哪些帖子被视为新帖子并用此标签标记。在文本中,您可以使用不同于“New”的其他措辞。

帖子标题

帖子标题用于简要描述服务更改。标题可以有任意长度。我们不建议:

  • 使用占用多行(包含超过 70 个字符)的标题,因为这会降低文本的可读性。
  • 将新闻文本复制到标题中。

标题使用 text-subheader-3 样式。我们不提供其他文本样式用于标题。

图片

图片是可选的,尺寸固定为 516x240px。您可以使用 JPG 和 PNG 文件作为图片(不支持 GIF 图片和视频文件)。当您需要说明帖子主题时,请使用图片。一张图片同时适用于浅色和深色界面主题。

如果您上传的图片大于 516x240px,它将被缩放并居中显示在较大的一侧。

考虑到视网膜显示屏,我们建议上传每边放大两倍的图片,即 1032x480px。

帖子正文

帖子正文位于图片下方,长度可以任意。我们不建议:

  • 使用非常长的文本(超过 500 个字符)。如果您无法将文本缩短到建议的长度,可以在文本中添加指向文档的链接,或在文本后提供一个按钮以导航到完整文本。
  • 创建子标题。鉴于建议的文本长度很简洁,您无需使用子标题将文本分成几个部分。

文本使用 text-body-1 样式。我们不提供其他文本样式,但您可以添加格式,即创建项目符号列表和编号列表,添加删除线、下划线、粗体和斜体。

操作按钮

操作按钮是可选的,位于帖子正文下方。使用它来导航到帖子的完整文本。

仅支持 M 尺寸的按钮。按钮可以是任何类型,带图标或不带图标。坚持使用单一类型的按钮。

我们不支持多个按钮。

其他元素

此外,在模态窗口标题下方,您可以添加一个指向更新日志页面的“查看完整更新日志”链接(这可以是一个单独的服务页面、一个 Storybook 或一个外部文档服务)。

使用建议

使用更新日志:

  • 当您需要告知用户服务的重要更改时。
  • 当您需要让用户了解次要更改时。在这种情况下,请考虑定期显示更新日志,并告知自上次更新日志条目以来的任何次要更改。
  • 当您需要提醒用户服务中的更改并提高他们对先前发布的认识时。

我们不建议:

  • 使用更新日志来引导用户入门。
  • 使用更新日志来告知用户服务的每一项次要更改。
上一页卡片
下一页复选框