模式 帮助与反馈

帮助与反馈

帮助内容为用户的问题和疑虑提供解答。

用法 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

帮助内容旨在解答用户的常见问题。用户可以发表评论、报告错误,并提出帮助内容中尚未回答的问题。

放置 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

方便用户在应用中查找帮助内容。

帮助内容可以有多个入口,其入口已在下方列出。它通常放置在导航抽屉(或溢出菜单)的“帮助”或“发送反馈”中。

复杂应用

如果你的应用比较复杂,请在导航抽屉和应用栏中同时放置“帮助”入口。

Material Design 中的帮助入口:导航抽屉与应用栏

为了使用户能轻松获得帮助,特别是你的应用比较复杂的时候,在导航抽屉和应用栏中同时放置“帮助”入口。否则,只在导航抽屉或者溢出菜单中放置“帮助”入口。

导航抽屉

把“帮助”作为最后一项放在导航抽屉中,即“发送反馈”的下面。

如果导航抽屉中有“登出”,应该把“登出”放在最后一项。

Material Design 中的导航抽屉帮助和反馈选项

导航抽屉中的“帮助”和“发送反馈”

溢出菜单

当应用没有导航抽屉时,把“帮助”和“反馈”(或“发送反馈”)放在溢出菜单中。

如果溢出菜单中有“登出”,应该把“登出”作为菜单中的最后一项。

溢出菜单中的 Material Design “帮助”和“发送反馈”

推荐做法

溢出菜单中的“帮助”和“发送反馈”

应用栏

为了使用户在遇到紧急问题时(如付款和退款),能轻松地找到帮助,可以把帮助图标放在应用栏中。

桌面端的应用也可以在应用栏中放置帮助图标,因为在桌面端 UI 中会有较多空间。

Material Design 中的帮助图标位于应用栏

帮助图标放在了应用栏中

帮助界面

“发送反馈”按钮可以被包含在帮助界面中。

不常访问的视图(如“关于”、“隐私”、“服务条款”)可以放置在溢出菜单中。

Material Design 中的常见问题与反馈帮助界面

包含常见问题的答案和发送反馈按钮的帮助界面。

行为 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

相关的帮助话题

帮助内容应该和用户当前在应用中位置相关。例如,如果用户正在浏览他的账户信息,此时显示的帮助内容应该是和账户相关的信息。

立即访问

用户在应用中选择“帮助”后,应立即进入帮助内容的界面。

用户选择“帮助”后进入 Material Design 帮助列表界面

推荐做法

用户选择“帮助”后,应该直接进入帮助列表界面。

Material Design 中的帮助选项不应重复出现选择界面

不推荐做法

用户选择“帮助”后,不要再出现一个界面让用户选择“帮助”还是其他选项。

系统主动提供的帮助

有时候,当用户首次与应用交互时,即使没有主动要求帮助,帮助内容也会出现。提供自动帮助,使用户无需访问“帮助”菜单就能了解如何使用新功能。这种类型的帮助通常出现在:

  • 当一项功能无法轻易地通过菜单或按钮触发时,可以便于用户进行功能发现
  • 当引入了一个之前应用没有的新手势时。

这类帮助仅限用于介绍新特性和进行手势引导,因为它会干扰用户,使用户分心。

图标 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

帮助和反馈图标显示尺寸为 24dp。

工具提示图标为 18dp。

在亮色背景中,图标有 54% 的不透明度。在暗色背景中,图标有 100% 的不透明度。

亮色主题

不透明度

激活的图标

54%

未激活的图标

38%

暗色主题

不透明度

激活的图标

100%

未激活的图标

50%

帮助

Material Design 的标准帮助图标

推荐做法

帮助图标应该使用标准的材质图标。

仅使用无变体的 Material Design 图标

不推荐做法

避免使用图标的变体,例如添加了对话气泡或外圈的图标。

发送反馈

Material Design 中的标准发送反馈图标

推荐做法

发送反馈图标应该使用标准的材质图标。

Material Design 中的图标应避免变体使用

不推荐做法

避免使用图标的变体,例如对话或 bug 图标。

帮助提示

Material Design 中的标准帮助提示图标

推荐做法

帮助提示图标应该使用标准的材质图标。

Material Design 避免使用图标变体和外圈轮廓

不推荐做法

避免使用图标的变体,包括帮助图标、或带对话气泡或外圈的图标。

文案 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

帮助内容可以使用户找到在你的应用中遇到的问题的答案。

在撰写帮助文案时,请参考以下规范:

列出关键信息

使用尽可能简短的语言解释问题。避免给出无关的细节。每次只回答一个问题。

确保帮助内容便于阅读

按需使用大标题、列表、表格以及段落间距等来格式化文本,使内容更易于阅读。

特殊情况下,如果帮助内容引用了其他元素(例如按钮或链接),且需要用户选择后才能访问,请将引用的标签文字加粗。

Material Design 中的标题清晰概括文章内容,便于快速扫描。

标题清楚地概括了一篇文章的内容,这能帮助读者快速扫描页面并找到他们需要的信息。

使用简单的语言

尽量避免在帮助内容中使用专业术语。

展示图片

当提供分步说明时,显示相关的图片或图标来解释用户需要做什么。