无需使用鼠标即可检查注释
使用键盘转到图标并尝试在触摸屏上。字幕必须能够以适当的方式打开；决策所需的信息需要直接出现在界面中。
工具提示 设计体系
添加说明而不隐藏所需信息。
清单内容
检查进度
01
结构及意义
在使用环境中比较信息和演示。
02
交互性和可用性
尝试操作，更改状态并继续工作。
进度会自动保存在此浏览器中。
指南
检查方法
示例
应用示例
指数解读
聚焦时，“完成百分比”旁边的图标会打开一个简短的说明；当标题关闭时，索引标签和值仍然可读。
变体与使用场景
如何打开提示
在适当的时候通过悬停和焦点打开;重要信息应该立即可见,而不是隐藏在工具提示中。
尝试仅使用键盘和触摸;仍然知道行动的意义。
示例 带用户名的图标按钮;工具提示添加了快捷方式,但不更改名称。
更多信息解释一下操作,不要隐藏内容。
附加信息
工具提示简要解释细节,避免重复标签或包含复杂的任务。
阅读标签,然后阅读工具提示;补充需要回答用户尚不知道的问题。
示例 数据工具提示显示更新日期,而不是重复“收入”。
更多信息解释一下操作,不要隐藏内容。解释一下操作,不要隐藏内容。
读取宽度
限制宽度以匹配长度,提供换行符,而不会使工具提示变成太窄的列。
尝试长翻译和小屏幕;工具提示不会水平溢出。
示例 在一个紧凑的框架中,指令语句可以减少到两行。
更多信息解释一下操作,不要隐藏内容。解释一下操作,不要隐藏内容。
相对于物体的位置
使工具提示靠近正在解释的部分,到达边缘时改变方向,并且不要覆盖需要阅读的内容。
焦点图标靠近窗口边缘;提示完全保留在视野内。
示例 右边缘的工具提示移动到按钮的左侧。
更多信息信息信息更多信息
适用案例
使用工具提示获得额外帮助;错误、输入请求和重要警告需要其他显示空间。
关闭工具提示;用户仍然可以完成任务而不会错过所需的条件。
示例 密码请求出现在输入框下方,按钮快捷方式可以在工具提示中。
信息
打开通知更多信息解释一下操作,不要隐藏内容。