应用程序工具提示设计指南
摘要:工具提示是用户触发的消息,提供页面元素或功能的其他信息。工具提示经常被错误地使用。
关键词:交互设计,工具提示,应用设计
工具提示是当用户与图形界面(GUI)中的元素进行交互时显示的简短信息。工具提示通常以下面两种方式之一启动:通过鼠标/手势悬停或通过键盘选中项目。
工具提示可以附加到页面上的任何活动元素(图标,文本链接,按钮等)。工具提示为配对元素进行描述或解释。因此工具提示具有高度的上下文性和针对性,但是不能用来解释整个任务流程。
工具提示的一个重要方面是由用户触发。因此,在页面上自动弹出的提示不是工具提示。
因为工具提示由悬停手势触发,它们只能在具有鼠标或键盘的设备上使用,通常在触摸屏上不可用。
工具提示使用指南
1.不要显示重要信息。
用户不需要找到工具提示即可完成任务。请记住,工具提示会消失,因此说明或直接可操作的信息不应出现在工具提示中。
2.简短有用的内容。
如果不是特别有用的内容,请不要添加到工具提示中。
在Sprint网站上,带有“Add new line”标签的按钮也有一个工具提示,带有文本“Add new line”。该工具提示是重复的,也是不必要的。
3.支持鼠标和键盘悬停
依靠键盘导航的用户无法访问仅出现在鼠标悬停时的工具提示。请确保可以通过键盘访问工具提示。
麦当劳网站不支持通过键盘触发的工具提示。
4.如果附近有多个元素,使用提示箭头
当附近有多个元素时,箭头有助于避免混淆。
Witeboard使用工具提示箭头来表示该提示适用于哪个图标。
5.始终使用工具提示
保持一致并为所有元素(不只是某些元素)提供工具提示非常重要。
6.为罕见图标提供工具提示
大多数图标都有一定程度的歧义,这是我们建议所有图标都使用文本标签的原因。
7.确保工具提示与背景的对比度适中
适度的对比度对于确保用户看清楚提示文本很重要。
8.定位工具提示,以便它们不会阻止相关内容。
测试工具提示定位,确保不会遮挡与用户目标有关的重要信息。
结论
当用户不了解程序功能时,工具提示通常很有帮助。如果人们遵循其他设计准则(例如,标记图标),则可以省略许多工具提示用例。重要信息应始终在页面上;因此,工具提示对于用户完成任务来说不是必需的。
在考虑使用工具提示时,请问以下问题:工具提示中的信息对于用户完成任务是否必要?如果答案是否定的,则非常适合使用工具提示。否则,该信息应始终显示在界面上。