Material Design Help & feedback 帮助&反馈

这是一个翻译系列,原文是谷歌18年所出的材料设计指南(文末有链接),强大的材料设计将带我们一起深入了解UI设计中的所有规范。每周会更新数篇,一共百余篇,欢迎关注哦。

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

目录

用法&位置

图标

书写

用法&位置

使用帮助内容

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

常见位置

帮助内容应该易于被用户找到。帮助内容可以放置在导航中的各个点。它通常出现在“帮助”或“发送反馈”标签下的导航抽屉或弹出菜单中。

uvjt1c2t0nn.png插图

布局

在导航抽屉和应用程序栏中或仅在应用程序栏中都更容易找到帮助内容。但如果只在导航抽屉或弹出菜单中,就很难找到帮助内容。

如果你的应用程序比较复杂且采用了抽屉式导航,那么请在抽屉式导航和应用栏中同时放置 “帮助” 链接。如果你的应用程序比较复杂但没有抽屉式导航,那么请在应用栏中放置 “帮助” 链接。如果你的应用较为简单,仅在抽屉式导航或弹出菜单中放置“帮助”链接即可。

抽屉式导航

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

无论什么时候抽屉式导航中有“退出登录”,都应该把“退出登录”作为最后一项。

1aerjvfh2x1.png插图(1)

弹出菜单

当没有抽屉式导航时,“帮助”和“反馈”应放在弹出菜单中。

glg5rxuitpy.png插图(2)

应用栏

为了能在紧急情况(如付款和退款)时为用户提供帮助,可以把帮助图标放在应用栏中。桌面端的应用也可以在应用栏中放置帮助图标,因为在桌面设备的用户界面中会有较多空间。

v5ilfe3rkpn.png插图(3)

帮助图标放在了应用栏中。

帮助界面

帮助界面中可以包含“发送反馈”按钮,以便用户反馈问题或发送评论。

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

v04uwvh3foi.png插图(4)

图标

帮助

2g1b1iy1b5l.png插图(5)

发送反馈

pik0a2qa1fy.png插图(6)

帮助工具

当简要说明有助于提供上下文时,您可以显示帮助工具来提示。帮助图标在悬停,点击或单击时能够提供帮助文本。

derzpum52wo.png插图(7)

书写

使帮助内容易于阅读

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

如果帮助内容引用了其他元素(例如按钮或链接),需要用户选择后才能访问,可以在引用时加粗该名称。

5tmx2ynt2al.png插图(8)

标题有助于整理文章的内容。标题可帮助用户扫描页面以快速找到所需信息。

列出关键信息

使用尽可能简短的语言解释问题,避免给出无关的细节。

使用简单的语言

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

展示图片

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

原文地址:Material Design

译者:杜雅黎

人已赞赏
UI设计

Material Design Data Visualization 数据可视化

2020-10-12 0:04:49

UI设计

Material Design Empty States 空状态

2020-10-12 0:04:51

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索